/* Default */
html { }
body {
}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, blockquote {
margin: 0;
padding: 0;
}
body, table, th, td, input, textarea, select, button, h1, h2, h3, h4, h5, h6 {
font-family: "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
font-size: 12px;
color: #000000;
font-weight: normal;
letter-spacing: 0px;
font-style: normal;
text-decoration: none;
}
fieldset, iframe, img {
border: 0;
}
/*legend, */
hr {
display: none;
}
a {
color: #000000;
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
li, ul, ol {
list-style: none;
}
em, address {
font-style: normal;
}
input {
-webkit-border-radius: 1px;
outline-style: none;
}
input.radio { width: 12px;
height: 12px;
margin: 0;
padding: 0;
}
input.checkbox {
width: 12px;
height: 12px;
margin: 0;
padding: 0;
}
/* textarea {
resize: none;
} */
/* Frequent */
.hidden, .blind {
display: none !important;
}
.iefix {
width: 1px !important;
height: 0px !important;
margin: -1px 0 0 0 !important;
clear: both !important;
display: block !important;
overflow: hidden !important;
padding: 1px 0 0 0 !important;
font-size: 1px !important;
}
.cb {
clear:both;
}
.skip, #accessibility {
position :absolute;
display:none;
width:0;
height:0;
font-size :0;
line-height :0;
overflow :hidden;
}
/* Layout Modules */
/* Headbar */
.site-pad .common-module-headbar .module-width {
width: 1000px;
}
/* Footer */
.site-pad .common-module-footer .module-width {
width: 1000px;
}
/* Login */
/* Login Form */
.site-pad #left-login .common-module-loginarea-loginform {
width: 180px;
height: 145px;
background: url('/static/pad/images/loginarea_login_bg1.png') no-repeat left top;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-userid label,
.site-pad #left-login .common-module-loginarea-loginform .mod-userpw label {
position: absolute;
left: 18px;
z-index: 2;
cursor: text;
color: #4c4332;
font-size: 11px;
line-height: 14px;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-userid label {
top: 16px;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-userid label.mod-focused {
display: none;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-userpw label {
top: 41px;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-userpw label.mod-focused {
display: none;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-userid input,
.site-pad #left-login .common-module-loginarea-loginform .mod-userpw input {
position: absolute;
left: 11px;
width: 93px;
height: 18px;
color: #606060;
border: solid 1px #c06d3f;
background: #e9c2ac;
vertical-align: top;
padding: 2px 3px 0;
z-index: 1;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-userid input {
top: 10px;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-userpw input {
top: 37px;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-submit .mod-login-btn {
position: absolute;
left: 118px;
top: 10px;
width: 49px;
height: 49px;
overflow: hidden;
display: block;
background: url('/static/pad/images/loginarea_btn_login1.png') no-repeat left top;
border: 0;
cursor: pointer;
text-indent: -1000em;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-menu .mod-savepw {
position: absolute;
left: 13px;
top: 68px;
color: #ffffff;
font-size: 11px;
line-height: 14px;
cursor: pointer;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-menu a.mod-register-btn {
position: absolute;
left: 17px;
top: 99px;
color: #ffff00;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-menu a.mod-find-btn {
position: absolute;
left: 17px;
top: 118px;
color: #ffff00;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-menu span.mod-sep {
display: none;
}
.site-pad #left-login .common-module-loginarea-loginform .mod-menu input {
vertical-align: middle;
margin-bottom: 3px;
}
/* Member Info */
.site-pad #left-login .common-module-loginarea-memberinfo {
width: 180px;
height: 145px;
background: url('/static/pad/images/loginarea_memberinfo_bg1.png') no-repeat left top;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-basic-info {
position: absolute;
top: 6px;
left: 14px;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-basic-info .mod-levelicon {
vertical-align: middle;
margin-bottom: 2px;
width: 16px;
height: 16px;
border: 0;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-basic-info .mod-nick {
color: #ffffff;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-basic-info .mod-nick a {
color: #ffff00;
font-weight: bold;
letter-spacing: -1px;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-basic-info .mod-memo {
position: absolute;
left: 143px;
top: 2px;
width: 10px;
height: 13px;
display: block;
overflow: hidden;
text-indent: -1000em;
background: url('/static/pad/images/loginarea_btn_memo.gif') no-repeat left top;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-basic-info .mod-memo.mod-memo-new {
background-image: url('/static/pad/images/loginarea_btn_memo_on.gif');
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-level {
position: absolute;
top: 38px;
left: 19px;
font-size: 11px;
line-height: 14px;
color: #ffffff;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-exp-gauge {
position: absolute;
left: 50px;
top: 38px;
border: solid 1px #ececec;
background: #ffffff;
width: 118px;
height: 13px;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-exp-gauge .mod-bar {
float: left;
display: inline;
height: 13px;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-exp-gauge .mod-bar.mod-bar-initial {
background: #d51900;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-exp-gauge .mod-bar.mod-bar-session {
background: #fc9003;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-exp-value {
position: absolute;
left: 57px;
top: 39px;
width: 106px;
color: #ffffff;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
line-height: 14px;
text-align: left;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-exp-value.mod-exp-value-lower {
color: #d51900;
text-align: right;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-profile {
position: absolute;
left: 15px;
top: 59px;
background: #ffffff;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-profile img {
width: 50px;
height: 50px;
border: 0;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-activity-info {
position: absolute;
left: 79px;
top: 63px;
width: 101px;
text-align: left;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-activity-info .mod-line,
.site-pad #left-login .common-module-loginarea-memberinfo .mod-activity-info .mod-line a {
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
line-height: 14px;
color: #feff8d;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-activity-info .mod-line {
display: block;
white-space: nowrap;
height: 16px;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-activity-info .mod-royal {
display: none;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-activity-info .mod-line .mod-caption {
display: inline-block;
width: 44px;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-activity-info .mod-line .mod-value,
.site-pad #left-login .common-module-loginarea-memberinfo .mod-activity-info .mod-line .mod-value a {
color: #b9ff3f;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-activity-info .mod-sep {
display: none;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-activity-info .mod-colon {
display: none;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-menu .mod-info-btn {
position: absolute;
top: 118px;
left: 19px;
display: inline-block;
white-space: nowrap;
padding-left: 8px;
background: url('/static/pad/images/loginarea_icon_rect1.png') no-repeat left 5px;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-menu .mod-info-btn a {
color: #ffd800;
font-size: 11px;
line-height: 14px;
}
.site-pad #left-login .common-module-loginarea-memberinfo .mod-menu .mod-logout-btn a {
position: absolute;
left: 102px;
top: 116px;
display: block;
width: 71px;
height: 19px;
text-indent: -1000em;
background: url('/static/pad/images/loginarea_btn_logout1.png') no-repeat left top;
}
/* Common System Styles */
/* Wrap */
/* Wrap 283 Brown 1 */
.site-pad .wrap-283-brown1 {
width: 283px;
overflow: hidden;
}
.site-pad .wrap-283-brown1 .wrap-283-brown1-head {
clear: both;
display: block;
height: 24px;
overflow: hidden;
color: #ffff00;
font: bold 14px/17px Dotum, "돋움";
letter-spacing: -1px;
cursor: default;
background: url('/static/pad/images/wrap_283_brown1_head.png') no-repeat left top;
padding: 11px 0 0 15px;
}
.site-pad .wrap-283-brown1 .wrap-283-brown1-mid {
background: url('/static/pad/images/wrap_283_brown1_mid.png') repeat-y left top;
}
.site-pad .wrap-283-brown1 .wrap-283-brown1-bot {
height: 2px;
overflow: hidden;
background: url('/static/pad/images/wrap_283_brown1_bot.png') no-repeat left top;
}
/* Wrap 620 Brown 1 */
.site-pad .wrap-620-brown1 {
width: 620px;
overflow: hidden;
}
.site-pad .wrap-620-brown1 .wrap-620-brown1-top {
overflow: hidden;
background: url('/static/pad/images/wrap_620_brown2_top.png') no-repeat left top;
}
.site-pad .wrap-620-brown1 .wrap-620-brown1-mid {
overflow: hidden;
background: url('/static/pad/images/wrap_620_brown2_mid.png') repeat-y left top;
}
.site-pad .wrap-620-brown1 .wrap-620-brown1-bot {
overflow: hidden;
background: url('/static/pad/images/wrap_620_brown2_bot.png') no-repeat left bottom;
}
/* Wrap 170 Green 1 */
.site-pad .wrap-170-green1 {
position: relative;
width: 170px;
overflow: hidden;
}
.site-pad .wrap-170-green1 .wrap-170-green1-head {
clear: both;
display: block;
height: 31px;
overflow: hidden;
cursor: default;
}
.site-pad .wrap-170-green1 a.wrap-170-green1-head {
cursor: pointer;
}
.site-pad .wrap-170-green1 .wrap-170-green1-head.image {
text-indent: -10000em;
background: none no-repeat left top;
}
.site-pad .wrap-170-green1 .wrap-170-green1-head.image.text1 {
background: url('/static/pad/images/wrap_170_green1_head_text1.png') no-repeat left top;
}
.site-pad .wrap-170-green1 .wrap-170-green1-head.image.text2 {
background: url('/static/pad/images/wrap_170_green1_head_text2.png') no-repeat left top;
}
.site-pad .wrap-170-green1 .wrap-170-green1-head.image.text3 {
background: url('/static/pad/images/wrap_170_green1_head_text3.png') no-repeat left top;
}
.site-pad .wrap-170-green1 .wrap-170-green1-head.image.text4 {
background: url('/static/pad/images/wrap_170_green1_head_text4.png') no-repeat left top;
}
.site-pad .wrap-170-green1 .wrap-170-green1-head.image.text5 {
background: url('/static/pad/images/wrap_170_green1_head_text5.png') no-repeat left top;
}
.site-pad .wrap-170-green1 .wrap-170-green1-head.image.text6 {
background: url('/static/pad/images/wrap_170_green1_head_text6.png') no-repeat left top;
}
.site-pad .wrap-170-green1 .wrap-170-green1-head.image.mobile {
background: url('/static/pad/images/wrap_170_green1_head_mobile1.png') no-repeat left top;
}
.site-pad .wrap-170-green1 .wrap-170-green1-mid {
background: url('/static/pad/images/wrap_170_green1_mid.png') repeat-y left top;
}
.site-pad .wrap-170-green1 .wrap-170-green1-bot {
height: 2px;
overflow: hidden;
background: url('/static/pad/images/wrap_170_green1_bot.png') no-repeat left top;
}
.site-pad .wrap-170-green1 .wrap-170-green1-deco1 {
width: 170px;
height: 24px;
overflow: hidden;
background: url('/static/pad/images/wrap_170_green1_deco1.png') repeat-x left top;
}
.site-pad .wrap-170-green1 .wrap-170-green1-deco1-over {
margin: -24px 0 0;
}
.site-pad .wrap-170-green1 .wrap-170-green1-deco1-over .iconshop {
padding:10px 0 7px;
}
/* Wrap 180 Green 1 */
.site-pad .wrap-180-brown1 {
position: relative;
width: 180px;
overflow: hidden;
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-head {
clear: both;
display: block;
height: 22px;
overflow: hidden;
color: #ffffff;
font-size: 12px;
line-height: 15px;
font-weight: bold;
letter-spacing: -1px;
cursor: default;
background: url('/static/pad/images/wrap_180_brown1_head.png') no-repeat left top;
padding: 9px 0 0 15px;
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-head.image {
text-indent: -10000em;
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-head.image.text1 {
background-image: url('/static/pad/images/wrap_180_brown1_head_text1.png');
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-head.image.text2 {
background-image: url('/static/pad/images/wrap_180_brown1_head_text2.png');
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-head.image.text3 {
background-image: url('/static/pad/images/wrap_180_brown1_head_text3.png');
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-head.image.text4 {
background-image: url('/static/pad/images/wrap_180_brown1_head_text4.png');
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-head.image.text5 {
background-image: url('/static/pad/images/wrap_180_brown1_head_text5.png');
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-head.image.text6 {
background-image: url('/static/pad/images/wrap_180_brown1_head_text6.png');
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-head.image.text7 {
background-image: url('/static/pad/images/wrap_180_brown1_head_text7.png');
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-head.image.text8 {
background-image: url('/static/pad/images/wrap_180_brown1_head_text8.png');
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-head.image.text9 {
background-image: url('/static/pad/images/wrap_180_brown1_head_text9.png');
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-mid {
background: url('/static/pad/images/wrap_180_brown1_mid.png') repeat-y left top;
}
.site-pad .wrap-180-brown1 .wrap-180-brown1-bot {
height: 2px;
overflow: hidden;
background: url('/static/pad/images/wrap_180_brown1_bot.png') no-repeat left top;
}
/* Wrap 307 Gray 1 */
.site-pad .wrap-307-gray1 {
position: relative;
width: 307px;
overflow: hidden;
}
.site-pad .wrap-307-gray1 .wrap-307-gray1-head {
clear: both;
display: block;
height: 34px;
overflow: hidden;
text-indent: -100000em;
cursor: default;
background: url('/static/pad/images/wrap_307_gray1_head.png') no-repeat left top;
}
.site-pad .wrap-307-gray1 a.wrap-307-gray1-head {
cursor: pointer;
}
.site-pad .wrap-307-gray1 .wrap-307-gray1-head.image {
text-indent: -10000em;
background: none no-repeat left top;
}
.site-pad .wrap-307-gray1 .wrap-307-gray1-head.image.text1 {
background-image: url('/static/pad/images/wrap_307_gray1_head_text1.png');
}
.site-pad .wrap-307-gray1 .wrap-307-gray1-head.image.text2 {
background-image: url('/static/pad/images/wrap_307_gray1_head_text2.png');
}
.site-pad .wrap-307-gray1 .wrap-307-gray1-head.image.text3 {
background-image: url('/static/pad/images/wrap_307_gray1_head_text3.png');
}
.site-pad .wrap-307-gray1 .wrap-307-gray1-head.image.text4 {
background-image: url('/static/pad/images/wrap_307_gray1_head_text4.png');
}
.site-pad .wrap-307-gray1 .wrap-307-gray1-head.image.baord-17910 {
background: url('/static/pad/images/title_board_17910_0.png') no-repeat left top;
}
.site-pad .wrap-307-gray1 .wrap-307-gray1-mid {
background: url('/static/pad/images/wrap_307_gray1_mid.png') repeat-y left top;
}
.site-pad .wrap-307-gray1 .wrap-307-gray1-bot {
height: 1px;
overflow: hidden;
background: url('/static/pad/images/wrap_307_gray1_bot.png') no-repeat left top;
}
/* Simple Layer */
body.site-pad .common-simple-layer {
border: solid 1px #1e1711;
background: #2b231c;
color: #ccc;
}
/* Common Certification */
body.site-pad #common-certification-post-list {
margin-top: 10px;
}
/* Main */
/* Basic Layout */
body.viewtype-pc #pad-main {
width: 800px;
overflow: hidden;
font-family: "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
font-size: 13px;
}
body.viewtype-pc #pad-main .comp-groups {
overflow: hidden;
}
body.viewtype-pc #pad-main .comp-group {
float: left;
}
body.viewtype-pc #pad-main .comp-group + .comp-group {
margin-left: 10px;
}
body.viewtype-pc #pad-main .comp-one {
margin-top: 10px;
}
/* Comp : Top Banner */
body.viewtype-pc #pad-main .comp-topbanner {
}
body.viewtype-pc #pad-main .comp-topbanner ul {
margin: -5px 0 0;
}
body.viewtype-pc #pad-main .comp-topbanner ul li {
margin-top: 5px;
}
body.viewtype-pc #pad-main .comp-topbanner ul li img {
display: block;
width: 800px;
border: 0;
}
/* Comp: Search */
body.viewtype-pc.site-pad #pad-main .comp-info-search {
height: 37px;
overflow: hidden;
background: #eda957;
border: 1px solid #dfbe76;
}
body.viewtype-pc.site-pad #pad-main .comp-info-search .search-one {
float: left;
margin: 7px 0 0 27px;
}
body.viewtype-pc.site-pad #pad-main .comp-info-search .search-one .label {
float: left;
height: 23px;
color: #333333;
line-height: 23px;
}
body.viewtype-pc.site-pad #pad-main .comp-info-search .search-one .text {
float: left;
width: 91px;
height: 19px;
border: 1px solid #87837f;
margin: 1px 5px;
padding: 0 10px;
}
body.viewtype-pc.site-pad #pad-main .comp-info-search .search-one .submit {
float: left;
width: 42px;
height: 23px;
color: #ffffff;
background: #6e6e6e;
text-align: center;
cursor: pointer;
border: 0;
}
/* Comp: Latest News */
/* Common */
body.viewtype-pc.site-pad #pad-main .comp-latest-news {
width: 418px;
background: #fac035;
border: 1px solid #cd991e;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news * {
letter-spacing: -1px;
}
/* Header */
body.viewtype-pc.site-pad #pad-main .comp-latest-news .comp-header {
height: 40px;
overflow: hidden;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .comp-header .title {
float: left;
height: 30px;
overflow: hidden;
font-size: 25px;
font-weight: bold;
line-height: 30px;
letter-spacing: -1px;
margin: 10px 0 0 13px;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .comp-header ul.tab-index {
float: right;
margin: 15px 5px 0 0;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .comp-header ul.tab-index li {
float: left;
height: 20px;
overflow: hidden;
padding: 0 5px;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .comp-header ul.tab-index li + li {
background: url('/static/pad/images/sep_1x13_brown1.png') no-repeat left center;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .comp-header ul.tab-index li a {
color: #78401a;
line-height: 20px;
text-decoration: none;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .comp-header ul.tab-index li a:hover,
body.viewtype-pc.site-pad #pad-main .comp-latest-news .comp-header ul.tab-index li a.selected {
font-weight: bold;
letter-spacing: -1px;
}
/* News List */
body.viewtype-pc.site-pad #pad-main .comp-latest-news .tab-body {
display: none;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one {
position: relative;
height: 86px;
overflow: hidden;
margin: 0 10px;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one + .news-one {
border-top: 1px solid #beac65;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one a {
display: block;
height: 86px;
overflow: hidden;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one .date {
float: left;
width: 60px;
overflow: hidden;
text-align: center;
font-size: 14px;
line-height: 16px;
padding-top: 20px;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one .date strong {
display: block;
font-size: 25px;
line-height: 27px;
margin-top: 3px;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one .thumbnail {
display: block;
float: left;
width: 100px;
height: 60px;
border: 0;
margin: 13px 0 0 3px;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one .subject-wrap {
display: table;
float: left;
width: 220px;
height: 51px;
overflow: hidden;
margin: 18px 0 0 10px;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one .subject-vac {
display: table-cell;
vertical-align: middle;
color: #333333;
font-size: 15px;
line-height: 17px;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one .subject {
display: inline-block;
display: -webkit-box;
max-height: 51px;
overflow: hidden;
font-size: 15px;
line-height: 17px;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one .subject .category.category-5 {
color: #0000ff;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one .subject .category.category-6 {
color: #ff0000;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one .subject .category.category-7 {
color: #ff00ff;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .news-one .new-mark {
position: absolute;
top: 5px;
left: 135px;
display: block;
width: 34px;
height: 34px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/pad/images/icon_circle1_red1_new1.png?v=2') no-repeat left top;
}
body.viewtype-pc.site-pad #pad-main .comp-latest-news .more {
display: block;
height: 24px;
overflow: hidden;
text-indent: -10000em;
background: #cf9111 url('/static/pad/images/icon_text2_more2.png') no-repeat center center;
}
/* Comp: Card News */
/* Common */
body.viewtype-pc.site-pad #pad-main .comp-card-news {
width: 370px;
overflow: hidden;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news * {
letter-spacing: -1px;
border-width: 0;
border-style: solid;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-list {
width: 380px;
overflow: hidden;
margin: -10px 0 0 -10px;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one {
float: left;
width: 178px;
height: 216px;
overflow: hidden;
border: 1px solid transparent;
margin: 10px 0 0 10px;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one .card-title {
height: 35px;
overflow: hidden;
text-align: center;
color: #ffffff;
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
line-height: 27px;
padding: 10px 0 0;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one .card-body {
height: 171px;
overflow: hidden;
}
/* Card Type */
/* Type 1 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type1 .card-body {
text-align: center;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type1 .card-body a {
text-decoration: none;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type1 .subject {
display: block;
height: 51px;
overflow: hidden;
font-size: 14px;
line-height: 17px;
margin: 32px 10px 0;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type1 .author {
display: block;
height: 32px;
overflow: hidden;
font-size: 13px;
line-height: 16px;
margin: 17px 10px 0;
}
/* Type 2 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type2 a {
text-decoration: none;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type2 .thumbnail {
display: block;
width: 158px;
height: 90px;
text-align: center;
margin: 5px auto 0;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type2 .thumbnail img {
display: block;
width: 158px;
height: 90px;
border: 0;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type2 .subject {
display: block;
overflow: hidden;
font-size: 14px;
line-height: 17px;
margin: 8px 10px 0;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type2 .author {
display: block;
overflow: hidden;
font-size: 13px;
line-height: 16px;
margin: 7px 10px 0;
}
/* Type 3 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type3 .card-body > a {
display: block;
width: 178px;
height: 176px;
text-decoration: none;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type3 .monster-info {
height: 40px;
overflow: hidden;
margin: 9px 8px 0 8px;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type3 .monster-info .monster-icon {
float: left;
width: 40px;
height: 40px;
border: 0;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type3 .monster-info .monster-name {
display: block;
font-size: 14px;
line-height: 17px;
margin: 0 0 0 50px;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type3 .monster-info .monster-name .name-wrap {
display: table;
height: 40px;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type3 .monster-info .monster-name .name-vac {
display: table-cell;
vertical-align: middle;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type3 .comment {
height: 89px;
overflow: hidden;
font-size: 13px;
line-height: 16px;
font-weight: bold;
letter-spacing: -1px;
margin: 12px 7px 0;
padding: 9px 7px 0;
}
/* Type 4 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type4 .list-wrap {
display: table;
height: 100%;
width: 100%;
margin-top: -2px;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type4 .list-vac {
display: table-cell;
vertical-align: middle;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type4 ul {
margin: 0 10px;
text-align: center;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type4 ul li {
overflow: hidden;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type4 ul li + li {
border-top-width: 1px;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type4 ul li a {
display: block;
overflow: hidden;
font-size: 14px;
line-height: 17px;
text-decoration: none;
padding: 10px 1px;
}
/* Type 5 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type5 .monster-list {
width: 141px;
height: 141px;
overflow: hidden;
margin: 8px 0 0 19px;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type5 .monster-list ul {
width: 162px;
margin: -11px 0 0 -11px;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type5 .monster-list ul li {
float: left;
width: 60px;
height: 60px;
overflow: hidden;
border-top-width: 1px;
border-left-width: 1px;
padding: 10px;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type5 .monster-list ul li img.monster-icon {
display: block;
width: 60px;
height: 60px;
border: 0;
}
/* Type 6 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type6 .opinion-info a {
text-decoration: none;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type6 .opinion-info .opinion-wrap {
height: 69px;
margin: 15px 10px 0;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type6 .opinion-info .opinion {
height: 48px;
overflow: hidden;
font-size: 13px;
line-height: 16px;
font-weight: bold;
letter-spacing: -1px;
padding: 10px 4px 0;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type6 .opinion-info .author-icon {
display: block;
float: left;
width: 51px;
height: 51px;
background: #d9d9d9;
border: 0;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
margin: 26px 0 0 10px;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type6 .opinion-info .user-nick {
display: block;
font-weight: bold;
letter-spacing: -1px;
margin: 55px 0 0 70px;
}
/* Type 7 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type7 {
position: relative;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type7 a.prev {
position: absolute;
top: 97px;
left: 13px;
display: block;
width: 10px;
height: 17px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/pad/images/icon_arrow_white2.png') no-repeat left top;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type7 a.next {
position: absolute;
top: 97px;
right: 13px;
display: block;
width: 10px;
height: 17px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/pad/images/icon_arrow_white2.png') no-repeat -10px top;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type7 .article-list {
overflow: hidden;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type7 .article-one {
display: none;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type7 .article-one .thumbnail {
display: block;
width: 99px;
height: 99px;
overflow: hidden;
-webkit-border-radius: 49px;
-moz-border-radius: 49px;
border-radius: 49px;
margin: 11px auto 0;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type7 .article-one .thumbnail img {
width: 99px;
height: 99px;
border: 0;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type7 .article-one .subject {
display: block;
font-size: 14px;
line-height: 17px;
white-space: nowrap;
text-align: center;
text-decoration: none;
font-weight: bold;
letter-spacing: -1px;
margin: 13px 10px 0;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-type7 .article-one .user-nick {
display: block;
white-space: nowrap;
text-align: center;
margin: -1px 10px 0;
}
/* Card Color */
/* Color 1 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color1 {
background-color: #9a6da6;
border-color: #834d92;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color1 * {
color: #ffffff;
}
/* Color 2 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color2 {
background-color: #5a6a21;
border-color: #3c4713;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color2 * {
color: #ffffff;
}
/* Color 3 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color3 {
background-color: #6c62a0;
border-color: #5e558e;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color3 * {
color: #ffffff;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color3 .sub-bg1 {
background: #b6aede;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color3 .sub-color1,
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color3 .sub-color1 * {
color: #49399d;
}
/* Color 4 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color4 {
background-color: #d95548;
border-color: #b83e33;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color4 * {
color: #ffffff;
border-color: #b83e33;
}
/* Color 5 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color5 {
background-color: #3c9b9a;
border-color: #2f7877;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color5 * {
color: #ffffff;
border-color: #2f7877;
}
/* Color 6 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color6 {
background-color: #e48d31;
border-color: #c1792c;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color6 * {
color: #ffffff;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color6 .sub-bg1 {
background: #d9d9d9;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color6 .sub-color1,
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color6 .sub-color1 * {
color: #333333;
}
/* Color 7 */
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color7 {
background-color: #456b9e;
border-color: #34598b;
}
body.viewtype-pc.site-pad #pad-main .comp-card-news .card-one.card-color7 * {
color: #ffffff;
}
/* Comp: Guerilla Schedule */
/* Common */
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule {
width: 798px;
background: #434a0d;
border: 1px solid #181b04;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule:after {
content: '';
clear: both;
display: block;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-groups {
width: 794px;
margin: 0 0 0 -1px;
padding: 5px 0;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-groups:after {
content: '';
clear: both;
display: block;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group {
float: left;
width: 391px;
margin: 0 0 0 6px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-header {
height: 24px;
overflow: hidden;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-header .server-info {
display: block;
float: left;
height: 24px;
color: #ffffff;
line-height: 24px;
font-weight: bold;
letter-spacing: -1px;
background: none no-repeat left center;
padding: 0 0 0 30px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-header .server-info a {
font-family: Gulim, "굴림";
color: #ffffff;
text-decoration: none;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group.guerilla-kr .gueilla-header .server-info {
background-image: url('/static/pad/images/icon_flag_kor1.png');
padding: 0px 0 0 42px;
background-size: contain;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group.guerilla-jp .gueilla-header .server-info {
background-image: url('/static/pad/images/icon_flag_jpn1.png');
padding: 0px 0 0 42px;
background-size: contain;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-header .server-info .help {
display: inline-block;
width: 18px;
height: 18px;
overflow: hidden;
text-indent: -10000em;
vertical-align: middle;
background: url('/static/pad/images/icon_help1.png') no-repeat left top;
margin: 0 0 4px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-header .start-dragon-info {
float: right;
height: 20px;
overflow: hidden;
font-size: 12px;
line-height: 15px;
background: #ddd68c;
border: 1px solid #fffbd0;
padding: 2px 5px 0;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-header .start-dragon-info .attribute {
display: inline-block;
width: 19px;
height: 19px;
overflow: hidden;
line-height: 19px;
vertical-align: middle;
background: url('/static/pad/images/icon_circle_attribute1.png') no-repeat left top;
margin: 0 3px 3px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-header .start-dragon-info .attribute.attribute2 {
background-position: -19px top;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-header .start-dragon-info .attribute.attribute3 {
background-position: -38px top;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body {
background: #737925;
border: 1px solid #959c3a;
margin: 5px 0 0;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table1 {
overflow: hidden;
margin: 2px 0 0;
padding: 0 0 5px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table1 .group-one {
height: 28px;
overflow: hidden;
margin: 3px 0 0 5px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table1 .group-one .group-name {
display: block;
float: left;
width: 23px;
height: 24px;
overflow: hidden;
color: #ffffff;
font-family: Gulim, "굴림";
text-align: center;
line-height: 24px;
font-weight: bold;
background: #4a5415;
border: 1px solid #c0ca38;
margin: 1px 0;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table1 .group-one .time-one {
float: left;
width: 113px;
height: 26px;
overflow: hidden;
line-height: 26px;
background: #f4f3e8;
border: 1px solid #36390c;
margin: 0 0 0 3px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table1 .group-one .time-one .time {
display: block;
float: left;
width: 36px;
height: 18px;
overflow: hidden;
text-align: center;
color: #ffe400;
font-size: 12px;
line-height: 18px;
background: #58582f;
border: 1px solid #303030;
margin: 3px 0 0 4px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table1 .group-one .time-one .time-label {
display: block;
overflow: hidden;
text-align: center;
color: #333333;
font-family: Gulim, "굴림";
font-size: 11px;
white-space: nowrap;
margin: 0 0 0 3px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table2 {
margin: 1px 0 0;
padding: 0 0 5px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table2 .group-one {
position: relative;
height: 26px;
padding: 4px 0 0 5px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table2 .group-one .mosnter-icon {
display: block;
float: left;
width: 25px;
height: 25px;
border: 0;
margin: 0 2px 0 0;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table2 .group-one .message {
position: absolute;
z-index: 2;
top: 15px;
left: 20px;
display: none;
color: #ffffff;
background: #660000;
border: 1px solid #000000;
padding: 3px 10px 2px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table2 .group-one .time-one {
display: block;
float: left;
width: 67px;
height: 26px;
overflow: hidden;
line-height: 26px;
background: url('/static/pad/images/btn_67x26_beige1.png') no-repeat left top;
margin: 0 0 0 3px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table2 .group-one .time-one .group-name {
display: block;
float: left;
width: 14px;
height: 16px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/pad/images/btn_14x16_alphabet1.png') no-repeat left top;
margin: 5px 0 0 8px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table2 .group-one .time-one .group-name.group-b {
background-position: -14px top;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table2 .group-one .time-one .group-name.group-c {
background-position: -28px top;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table2 .group-one .time-one .group-name.group-d {
background-position: -42px top;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table2 .group-one .time-one .group-name.group-e {
background-position: -56px top;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .time-table2 .group-one .time-one .time {
display: block;
font-size: 13px;
margin: 0 0 0 26px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .board-list ul {
padding: 4px 5px 3px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .board-list ul li {
height: 21px;
overflow: hidden;
line-height: 21px;
font-family: Gulim, "굴림";
white-space: nowrap;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .board-list ul li a {
color: #ffffff;
font-size: 12px;
text-decoration: none;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-body .board-list ul li .category-icon {
width: 33px;
height: 18px;
border: 0;
vertical-align: middle;
margin: 0 0 2px;
}
body.viewtype-pc.site-pad #pad-main .comp-guerilla-schedule .guerilla-group .gueilla-notice {
height: 186px;
overflow: hidden;
color: #ffffff;
text-align: center;
line-height: 186px;
}
/* Comp: Quick View */
/* Basic Layout */
body.viewtype-pc #pad-main .comp-quick-view {
background: #5b4e44;
border: 1px solid #3c352f;
font-family: Gulim, "굴림", AppleGothic;
color: #ffffff;
}
body.viewtype-pc #pad-main .comp-quick-view .comp-body {
padding: 5px;
overflow: hidden;
}
body.viewtype-pc #pad-main .comp-quick-view .left-group-wrap {
float: left;
width: 432px;
}
body.viewtype-pc #pad-main .comp-quick-view .right-group-wrap {
float: right;
width: 332px;;
}
body.viewtype-pc #pad-main .comp-quick-view .list-one,
body.viewtype-pc #pad-main .comp-quick-view .list-one a {
color: #ffffff;
}
/* Part : Common */
/* Title 1 */
body.viewtype-pc #pad-main .comp-quick-view .part-title1 {
height: 31px;
line-height: 30px;
background: url('/static/pad/images/title_432x31_green1.png') no-repeat left top;
position: relative;
}
body.viewtype-pc #pad-main .comp-quick-view .right-group-wrap .part-title1 {
background-image: url('/static/pad/images/title_332x31_green1.png');
}
body.viewtype-pc #pad-main .comp-quick-view .part-title1 h3 {
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
color: #ffff00;
padding-left: 35px;
}
body.viewtype-pc #pad-main .comp-quick-view .part-title1 .buttons {
white-space: nowrap;
position: absolute;
right: 30px;
top: 5px;
}
body.viewtype-pc #pad-main .comp-quick-view .part-title1 .buttons a {
display: block;
float: left;
margin-left: 4px;
width: 44px;
height: 19px;
line-height: 21px;
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
overflow: hidden;
text-align: center;
font-weight: bold;
letter-spacing: -1px;
color: #c3c3c3;
background: url('/static/pad/images/btn_44x19_green1.png') no-repeat left top;
text-decoration: none;
}
body.viewtype-pc #pad-main .comp-quick-view .part-title1 .buttons a.selected {
background-position: 0 -19px;
color: #b73516;
}
body.viewtype-pc #pad-main .comp-quick-view .part-title1 .sub-text {
color: #00ffff;
font-size: 12px;
position: absolute;
right: 21px;
top: 0;
font-weight: normal;
letter-spacing: normal;
}
/* Part : Schedule */
body.viewtype-pc #pad-main .comp-quick-view .schedule-part {
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .part-wrap {
display: none;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .part-wrap.shown {
display: block;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .part-body {
padding: 6px 5px;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-group {
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-group .list-group-title {
border-bottom: 1px solid #988b80;
height: 23px;
line-height: 22px;
font-family: Gulim, "굴림", AppleGothic;
color: #ffe4ba;
position: relative;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-group .list-group-title .sub-text {
color: #ffff00;
position: absolute;
right: 0;
top: 0;
white-space: nowrap;
font-size: 12px;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-group .list-group-body {
padding: 5px 0 10px;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-one {
height: 32px;
margin-top: 10px;
line-height: 16px;
overflow: hidden;
position: relative;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-one:first-child {
margin-top: 0;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-one .time {
width: 71px;
float: left;
font-size: 11px;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-one .time .end {
color: #cccccc;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-one .icon {
width: 30px;
float: left;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-one .icon img {
vertical-align: top;
width: 30px;
height: 30px;
border: 0;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-one .subject {
margin-left:109px;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-one .subject .sub-text {
font-weight: normal;
letter-spacing: normal;
font-size: 11px;
color: #cccccc;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-one .status {
position: absolute;
right: 0;
top: 0;
font-size: 11px;
text-align: right;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-one .status .text.yet {
color: #00ff00;
}
body.viewtype-pc #pad-main .comp-quick-view .schedule-part .list-one .status .text.progress {
color: #00ffff;
}
/* Part : Coin Dungeon */
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part {
}
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .part-body {
padding: 5px;
}
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .title {
border-bottom: 1px solid #988b80;
height: 23px;
line-height: 22px;
position: relative;
}
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .title,
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .title a {
font-family: Gulim, "굴림", AppleGothic;
color: #ffe4ba;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
}
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .title .marker {
display: block;
width: 15px;
height: 9px;
overflow: hidden;
text-indent: -1000em;
background: url('/static/pad/images/icon_expand1_shrunk.png') no-repeat left top;
position: absolute;
right: 11px;
top: 7px;
}
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .expanded .title .marker {
background-image: url('/static/pad/images/icon_expand1_expanded.png');
}
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .list {
display: none;
}
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .expanded .list {
display: block;
}
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .list ul {
padding: 4px 0;
}
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .list li {
line-height: 22px;
overflow: hidden;
position: relative;
}
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .list li,
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .list li a {
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
color: #ffffff;
}
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .list li .name {
}
body.viewtype-pc #pad-main .comp-quick-view .coin-dungeon-part .list li .coin {
position: absolute;
right: 0;
top: 0;
}
/* Part : Tool Part */
/* Basic Layout */
body.viewtype-pc #pad-main .comp-quick-view .tool-part {
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .part-body {
padding: 5px 5px 20px 0;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .tool-group {
margin-top: 7px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .tool-group:first-child {
margin-top: 0;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .tool-group .tool-group-title {
border-bottom: 1px solid #988b80;
height: 23px;
line-height: 22px;
position: relative;
padding: 0 5px;
display: block;
position: relative;
overflow: hidden;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .tool-group .tool-group-title,
body.viewtype-pc #pad-main .comp-quick-view .tool-part .tool-group .tool-group-title a {
font-family: Gulim, "굴림", AppleGothic;
color: #ffe4ba;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .tool-group.expandable .tool-group-title a {
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .tool-group.expandable .tool-group-title a .marker {
display: block;
width: 15px;
height: 9px;
overflow: hidden;
text-indent: -1000em;
background: url('/static/pad/images/icon_expand1_shrunk.png') no-repeat left top;
position: absolute;
right: 11px;
top: 7px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .tool-group.expandable.expanded .tool-group-title a .marker {
background-image: url('/static/pad/images/icon_expand1_expanded.png');
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .tool-group.expandable .tool-group-body {
display: none;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .tool-group.expandable.expanded .tool-group-body {
display: block;
padding-bottom: 3px;
}
/* Stamina Caulator */
body.viewtype-pc #pad-main .comp-quick-view .tool-part .stamina-calculator form {
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .stamina-calculator form .input-line {
overflow: hidden;
line-height: 23px;
margin-top: 5px;
position: relative;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .stamina-calculator form .input-line label,
body.viewtype-pc #pad-main .comp-quick-view .tool-part .stamina-calculator form .input-line input,
body.viewtype-pc #pad-main .comp-quick-view .tool-part .stamina-calculator form .input-line .label {
float: left;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .stamina-calculator form .input-line .label {
width: 33px;
text-align: center;
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .stamina-calculator form .input-line .maxstamina {
background: url('/static/pad/images/icon_arrow_yellow1.png') no-repeat left center;
padding-left: 27px;
margin-left: 10px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .stamina-calculator form .input-line input.text {
width: 61px;
height: 21px;
border: 1px solid #c6b5a5;
background: #89796a;
text-align: center;
line-height: 21px;
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
color: #ffc452;
padding: 0;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .stamina-calculator form .input-line input.submit {
float: right;
width: 92px;
height: 23px;
line-height: 22px;
border: 0;
background: url('/static/pad/images/btn_92x23_brown1.png') no-repeat left top;
text-align: center;
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
color: #302a25;
padding: 0;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .stamina-calculator form .result-line {
margin-top: 7px;
padding: 0 1px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .stamina-calculator form .result-line input {
width: 100%;
height: 25px;
padding: 0;
margin: 0 -1px;
line-height: 24px;
border: 1px solid #4d4945;
background: #9f5634 url('/static/pad/images/bg_stamina_calculator_result1.png') repeat-x left top;
text-align: center;
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
color: #ffff00;
}
/* Health Caulator */
body.viewtype-pc #pad-main .comp-quick-view .tool-part .health-calculator form {
padding: 5px 0 0 4px;
overflow: hidden;
position: relative;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .health-calculator form .current {
overflow: hidden;
position: relative;
float: left;
width: 154px;
height: 49px;
border-right: 1px solid #988b80;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .health-calculator form .current .label {
display: block;
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
line-height: 21px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .health-calculator form .current input.text {
display: block;
margin-top: 3px;
width: 144px;
height: 21px;
border: 1px solid #c6b5a5;
background: #89796a;
text-align: center;
line-height: 21px;
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
color: #ffc452;
padding: 0;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .health-calculator form .current input.submit {
float: right;
width: 92px;
height: 23px;
line-height: 22px;
border: 0;
background: url('/static/pad/images/btn_92x23_brown1.png') no-repeat left top;
text-align: center;
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
color: #302a25;
padding: 0;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .health-calculator form .calculator {
margin-left: 163px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .health-calculator form .calculator .percent {
overflow: hidden;
position: relative;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .health-calculator form .calculator .percent a {
float: left;
display: block;
width: 23px;
height: 22px;
line-height: 21px;
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
color: #bf2d05;
font-weight: bold;
background: url('/static/pad/images/btn_23x22_yellow1.png') no-repeat left top;
text-align: center;
margin-right: 3px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .health-calculator form .calculator .result {
margin-top: 2px;
padding: 0 1px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .health-calculator form .calculator .result input {
display: block;
width: 100%;
height: 21px;
border: 1px solid #c6b5a5;
background: #89796a;
text-align: center;
line-height: 21px;
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
color: #ffc452;
padding: 0;
margin: 0 -1px;
}
/* Rank Caulator */
body.viewtype-pc #pad-main .comp-quick-view .tool-part .rank-calculator form {
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .rank-calculator form .input-line {
overflow: hidden;
line-height: 23px;
margin-top: 5px;
position: relative;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .rank-calculator form .input-line label,
body.viewtype-pc #pad-main .comp-quick-view .tool-part .rank-calculator form .input-line input,
body.viewtype-pc #pad-main .comp-quick-view .tool-part .rank-calculator form .input-line .label {
float: left;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .rank-calculator form .input-line label {
margin-left: 9px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .rank-calculator form .input-line label:first-child {
margin-left: 0;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .rank-calculator form .input-line .label {
padding: 0 3px;
text-align: center;
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .rank-calculator form .input-line input.text {
width: 45px;
height: 21px;
border: 1px solid #c6b5a5;
background: #89796a;
text-align: center;
line-height: 21px;
font-family: Gulim, "굴림", AppleGothic;
font-size: 12px;
color: #ffc452;
padding: 0;
margin-left: 3px;
}
body.viewtype-pc #pad-main .comp-quick-view .tool-part .rank-calculator form .input-line input.reset {
display: block;
width: 23px;
height: 23px;
border: 0;
background: url('/static/pad/images/btn_23x23_silver1_reset1.png') no-repeat left top;
text-indent: -1000em;
padding: 0;
margin-left: 7px;
cursor: pointer;
}
/* Part : Recent Opinion */
body.viewtype-pc #pad-main .comp-quick-view .recent-opinion-part {
}
body.viewtype-pc #pad-main .comp-quick-view .recent-opinion-part .part-body {
padding: 5px 0 20px;
}
body.viewtype-pc #pad-main .comp-quick-view .recent-opinion-part .list {
}
body.viewtype-pc #pad-main .comp-quick-view .recent-opinion-part .list ul {
}
body.viewtype-pc #pad-main .comp-quick-view .recent-opinion-part .list ul li {
height: 47px;
margin-top: 4px;
overflow: hidden;
}
body.viewtype-pc #pad-main .comp-quick-view .recent-opinion-part .list ul li .icon {
width: 30px;
height: 30px;
overflow: hidden;
float: left;
display: block;
margin-top: 4px;
}
body.viewtype-pc #pad-main .comp-quick-view .recent-opinion-part .list ul li .icon img {
width: 30px;
height: 30px;
border: 0;
vertical-align: top;
}
body.viewtype-pc #pad-main .comp-quick-view .recent-opinion-part .list ul li .comment {
display: block;
height: 39px;
overflow: hidden;
padding: 8px 12px 0 24px;
background: url('/static/pad/images/bg_recent_opinion1.png') no-repeat left top;
margin-left: 29px;
}
body.viewtype-pc #pad-main .comp-quick-view .recent-opinion-part .list ul li .comment,
body.viewtype-pc #pad-main .comp-quick-view .recent-opinion-part .list ul li .comment a{
color: #302a25;
font-size: 12px;
line-height: 16px;
}
/* Part : Monster */
body.viewtype-pc #pad-main .comp-quick-view .monster-part {
}
body.viewtype-pc #pad-main .comp-quick-view .monster-part .part-body {
padding: 5px 0 10px;
}
body.viewtype-pc #pad-main .comp-quick-view .monster-part .title {
border-bottom: 1px solid #988b80;
height: 23px;
line-height: 22px;
font-family: Gulim, "굴림", AppleGothic;
color: #ffe4ba;
position: relative;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
}
body.viewtype-pc #pad-main .comp-quick-view .monster-part .list {
padding: 5px 5px 10px 5px;
}
body.viewtype-pc #pad-main .comp-quick-view .monster-part .list ul {
margin: 0 0 0 -5px;
overflow: hidden;
position: relative;
}
body.viewtype-pc #pad-main .comp-quick-view .monster-part .list li {
width: 40px;
height: 40px;
overflow: hidden;
float: left;
margin: 5px 0 0 5px;
}
body.viewtype-pc #pad-main .comp-quick-view .monster-part .list li img {
width: 40px;
height: 40px;
vertical-align: top;
border: 0;
}
/* Common Button */
/* Button 1 */
.pad-button1,
.pad-button1 * {
display: inline-block;
overflow: visible;
position: relative;
margin: 0;
padding: 0;
border: 0;
background: url('/static/pad/images/btn_common1.png') no-repeat;
font-size: 12px;
color:#ffffff;
text-decoration: none !important;
vertical-align: top;
white-space: nowrap;
height: 25px;
line-height: 27px;
font-weight: bold;
letter-spacing: -1px;
}
.pad-button1 {
margin-right: 1px;
}
.pad-button1 * {
left: 1px;
cursor: pointer;
_cursor: hand;
}
.pad-button1 {
background-position: left 0;
}
.pad-button1 * {
padding: 0 15px 0 14px;
background-position: right top;
}
.pad-button1 *:hover,
.pad-button1 *:active,
.pad-button1 *:focus {
color: #ffff00;
}
.pad-button1.gray1 {
background-position: left 0;
}
.pad-button1.gray1 * {
background-position: right 0;
}
.pad-button1.orange1 {
background-position: left -25px;
}
.pad-button1.orange1 * {
background-position: right -25px;
}
.pad-button1.w81 * {
text-align: center;
width: 80px;
padding: 0 1px 0 0;
text-align: center;
}
/* Common Titles */
/* Title 1 */
.site-pad #tboard .board-title-part .title,
.pad-title1 {
display: block;
height: 30px;
overflow: hidden;
font-family: "돋움", Dotum, AppleGothic;
font-size: 16px;
line-height: 19px;
font-weight: bold;
background: url('/static/pad/images/title_common1.png') no-repeat left top;
padding: 8px 0 0 40px;
color: #333333;
}
/* Title 2 */
.pad-title2 {
display: block;
height: 33px;
overflow: hidden;
font-family: "돋움", Dotum, AppleGothic;
font-size: 16px;
line-height: 19px;
font-weight: bold;
background: url('/static/pad/images/title_common2.png?v=131015') no-repeat left top;
padding: 15px 0 0 20px;
color: #ffff00;
}
/* Title 3 */
.pad-title3 {
display: block;
height: 24px;
overflow: hidden;
font-family: "돋움", Dotum, AppleGothic;
font-size: 14px;
line-height: 16px;
font-weight: bold;
padding: 9px 0 0 15px;
color: #ffffff;
border: solid 1px #705c4a;
background: #947451 url('/static/pad/images/title_common3.png') repeat-x left top;
}
/* Title 4 */
.pad-title4 {
display: block;
height: 22px;
overflow: hidden;
font-family: "굴림", Gulim, AppleGothic;
font-size: 12px;
line-height: 15px;
font-weight: bold;
padding: 9px 0 0 15px;
color: #ffff00;
background: url('/static/pad/images/title_common4.png') repeat-x left top;
}
/* Title 5 */
.pad-title5 {
display: block;
height: 22px;
overflow: hidden;
font-family: "굴림", Gulim, AppleGothic;
font-size: 12px;
line-height: 15px;
font-weight: bold;
padding: 9px 0 0 15px;
color: #ffffff;
background: url('/static/pad/images/title_common5.png') repeat-x left top;
}
/* Title 6 */
.pad-title6 {
height: 27px;
line-height: 28px;
padding: 0 0 0 33px;
overflow: hidden;
white-space: nowrap;
background: url('/static/pad/images/title_common6.png') no-repeat left top;
color: #333333;
font-family: "굴림", Gulim, AppleGothic;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
}
.pad-title6.olive1 {
background-position: 0 0px;
}
.pad-title6.brown1 {
background-position: 0 -27px;
}
.pad-title6.green1 {
background-position: 0 -54px;
color: #ffffff;
}
/* Title 7 */
.pad-title7 {
height: 29px;
line-height: 30px;
padding: 0 0 0 10px;
overflow: hidden;
white-space: nowrap;
background: url('/static/pad/images/title_common7.png') no-repeat left top;
color: #333333;
font-family: "굴림", Gulim, AppleGothic;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
}
.pad-title7.cyan1.w430 {
width: 420px;
background-position: 0 0px;
}
/* Common Box */
/* Box 1 */
.pad-box1 {
display: block;
border: solid 1px #b8c5e7;
background: #ebf1fc;
color: #333333;
padding: 10px 10px 8px;
line-height: 150%;
}
.pad-box1.olive1 {
border-color: #a19e60;
background-color: #cecb8b;
}
.pad-box1.red1 {
border-color: #d19696;
background-color: #efd4d4;
}
.pad-box1.yellow1 {
border-color: #c2b157;
background-color: #f3e59b;
}
.pad-box1.blue1 {
border-color: #84aaea;
background-color: transparent;
}
/* Common Table */
/* Table 1 */
.pad-table1 table {
table-layout: fixed;
border-collapse: collapse;
}
.pad-table1 table th,
.pad-table1 table td {
border: 1px solid #bda58a;
text-align: center;
line-height: 15px;
padding: 7px 0px 5px;
}
.pad-table1 table th {
background: #e7dfd4;
}
.pad-table1 table th.sub {
background: #e7dfd4;
}
.pad-table1 table th,
.pad-table1 table th a {
color: #000000;
}
.pad-table1 table td {
background: #f7f5f3;
}
.pad-table1 table td,
.pad-table1 table td a {
color: #000000;
}
.pad-table1 table th.no-padding,
.pad-table1 table td.no-padding {
padding: 0;
}
.pad-table1 table td.has-list {
padding: 7px 0 5px;
}
.pad-table1 table .with-text {
vertical-align: middle;
margin: -4px 0 -1px;
}
.pad-table1 table tr td.left {
text-align: left;
padding-left: 8px;
padding-right: 8px;
}
.pad-table1 table tr td input.text {
border: solid 1px #888;
padding: 0 3px;
height: 18px;
line-height: 20px;
}
/* Table 2 */
.pad-table2 {}
.pad-table2 table {
table-layout: fixed;
border-collapse: collapse;
}
.pad-table2 table th,
.pad-table2 table td {
padding: 6px 0 4px;
line-height: 17px;
text-align: center;
background: #f5f4f2;
}
.pad-table2 table thead th {
background-color: #d4c3b2;
}
.pad-table2 table thead th.input {
padding: 1px 2px;
}
.pad-table2 table thead th,
.pad-table2 table thead th a {
color: #501500;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
line-height: 16px;
}
.pad-table2 table td {
background-color: #f5f4f2;
border-bottom: solid 1px #d1cdc7;
}
.pad-table2 table td,
.pad-table2 table td a {
color: #333333;
}
.pad-table2 table th.left,
.pad-table2 table td.left {
padding-left: 8px;
padding-right: 8px;
text-align: left;
}
.pad-table2 table td.name {
font-weight: bold;
letter-spacing: -1px;
}
.pad-table2 table th.no-padding,
.pad-table2 table td.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.pad-table2 table th.icon,
.pad-table2 table td.icon {
padding-top: 8px;
padding-bottom: 6px;
}
.pad-table2 table td.icon .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
border: 0;
}
.pad-table2 table tr.no-result td {
padding-top: 36px;
padding-bottom: 35px;
}
.pad-table2 table td .sub-list {
}
.pad-table2 table td .sub-list ul li {
padding: 3px 0 1px;
}
.pad-table2 table td .sub-list ul li.icon {
padding: 5px 0 2px;
}
.pad-table2 table td .sub-list ul li.icon .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
}
.pad-table2 table td .sub-info {
display: block;
}
.pad-table2 table td .sub-info,
.pad-table2 table td .sub-info a {
color: #999999;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
font-weight: normal;
letter-spacing: normal;
}
.pad-table2 table tr td .comments {
font-size: 11px;
color: #008800;
font-family: "돋움", Dotum, AppleGothic;
letter-spacing: normal;
font-weight: normal;
background: url('/static/common/images/icon_comment1.png') no-repeat 2px top;
padding-left: 22px;
display: inline-block;
}
.pad-table2 table .sorter {
text-decoration: none;
padding-right: 8px;
background: url('/static/pad/images/sorter1_none.png') no-repeat right top;
}
.pad-table2 table .sorter.up {
background-image: url('/static/pad/images/sorter1_up.png');
}
.pad-table2 table .sorter.down {
background-image: url('/static/pad/images/sorter1_down.png');
}
/* Table 3 */
.pad-table3 table {
table-layout: fixed;
border-collapse: collapse;
border: 1px solid #ae9f82;
}
.pad-table3 table th,
.pad-table3 table td {
padding: 6px 0 4px;
line-height: 17px;
text-align: center;
background: #ffffff;
border-bottom: 1px solid #ae9f82;
}
.pad-table3 table th {
background: #d4ba9e;
}
.pad-table3 table th.group {
border: 1px solid #ae9f82;
}
.pad-table3 table th,
.pad-table3 table th a {
color: #501500;
}
.pad-table3 table td {
background: #e9e5e0;
}
.pad-table3 table tr.highlight td,
.pad-table3 table tr td.highlight {
background-color: #ffd8a7;
}
.pad-table3 table td,
.pad-table3 table td a {
color: #333333;
}
.pad-table3 table th.no-padding,
.pad-table3 table td.no-padding {
padding: 0;
}
.pad-table3 table td.has-list {
padding: 7px 0 5px;
}
.pad-table3 table .with-text {
vertical-align: middle;
margin: -4px 0 -1px;
}
.pad-table3 table th.left,
.pad-table3 table td.left {
padding-left: 8px;
padding-right: 8px;
text-align: left;
}
.pad-table3 table td.name {
font-weight: bold;
letter-spacing: -1px;
}
.pad-table3 table th.no-padding,
.pad-table3 table td.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.pad-table3 table th.icon,
.pad-table3 table td.icon {
padding-top: 8px;
padding-bottom: 6px;
}
.pad-table3 table td.icon .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
border: 0;
}
.pad-table3 table tr.no-result td {
padding-top: 36px;
padding-bottom: 35px;
}
.pad-table3 table td .sub-list {
}
.pad-table3 table td .sub-list ul li {
padding: 3px 0 1px;
}
.pad-table3 table td .sub-list ul li.icon {
padding: 5px 0 2px;
}
.pad-table3 table td .sub-list ul li.icon .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
}
.pad-table3 table td .sub-info {
display: block;
}
.pad-table3 table td .sub-info,
.pad-table3 table td .sub-info a {
color: #999999;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
font-weight: normal;
letter-spacing: normal;
}
.pad-table3 table tr td .comments {
font-size: 11px;
color: #008800;
font-family: "돋움", Dotum, AppleGothic;
letter-spacing: normal;
font-weight: normal;
background: url('/static/common/images/icon_comment1.png') no-repeat 2px top;
padding-left: 22px;
display: inline-block;
}
/* Table 4 */
.pad-table4 {}
.pad-table4 table {
table-layout: fixed;
border-collapse: collapse;
}
.pad-table4 table th,
.pad-table4 table td {
padding: 6px 0 4px;
line-height: 17px;
text-align: center;
background: #e9e5e0;
border: solid 1px #a8988a;
}
.pad-table4 table thead th {
background-color: #d4b589;
padding: 5px 0 3px;
}
.pad-table4 table thead th.input {
padding: 1px 2px;
}
.pad-table4 table thead th,
.pad-table4 table thead th a {
color: #333333;
}
.pad-table4 table tbody th {
background-color: #e0d4c3;
}
.pad-table4 table td {
background-color: #e9e5e0;
}
.pad-table4 table tr.highlight td {
background-color: #c5bedd;
}
.pad-table4 table td,
.pad-table4 table td a {
color: #333333;
}
.pad-table4 table th.left,
.pad-table4 table td.left {
padding-left: 8px;
padding-right: 8px;
text-align: left;
}
.pad-table4 table td.name {
font-weight: bold;
letter-spacing: -1px;
}
.pad-table4 table th.no-padding,
.pad-table4 table td.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.pad-table4 table th.icon,
.pad-table4 table td.icon {
padding-top: 8px;
padding-bottom: 5px;
}
.pad-table4 table td.icon .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
border: 0;
}
.pad-table4 table tr.no-result td {
padding-top: 36px;
padding-bottom: 35px;
}
.pad-table4 table td .sub-list {
}
.pad-table4 table td .sub-list ul li {
padding: 3px 0 1px;
}
.pad-table4 table td .sub-list ul li.icon {
padding: 5px 0 2px;
}
.pad-table4 table td .sub-list ul li.icon .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
}
.pad-table4 table td .sub-info {
display: block;
}
.pad-table4 table td .sub-info,
.pad-table4 table td .sub-info a {
color: #999999;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
font-weight: normal;
letter-spacing: normal;
}
.pad-table4 table tr td .comments {
font-size: 11px;
color: #008800;
font-family: "돋움", Dotum, AppleGothic;
letter-spacing: normal;
font-weight: normal;
background: url('/static/common/images/icon_comment1.png') no-repeat 2px top;
padding-left: 22px;
display: inline-block;
}
/* Table 5 */
.pad-table5 {}
.pad-table5 table {
table-layout: fixed;
border-collapse: collapse;
}
.pad-table5 table th,
.pad-table5 table td {
padding: 6px 0 4px;
line-height: 17px;
text-align: center;
background: #f6f3ef;
}
.pad-table5 table thead th {
background-color: #d1cbd3;
}
.pad-table5 table thead th.input {
padding: 1px 2px;
}
.pad-table5 table thead th,
.pad-table5 table thead th a {
color: #543062;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
line-height: 16px;
}
.pad-table5 table td {
background-color: #f6f3ef;
border-bottom: solid 1px #c3bfbb;
}
.pad-table5 table td,
.pad-table5 table td a {
color: #333333;
}
.pad-table5 table th.left,
.pad-table5 table td.left {
padding-left: 8px;
padding-right: 8px;
text-align: left;
}
.pad-table5 table td.name {
font-weight: bold;
letter-spacing: -1px;
}
.pad-table5 table th.no-padding,
.pad-table5 table td.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.pad-table5 table th.icon,
.pad-table5 table td.icon {
padding-top: 8px;
padding-bottom: 6px;
}
.pad-table5 table td.icon .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
border: 0;
}
.pad-table5 table tr.no-result td {
padding-top: 36px;
padding-bottom: 35px;
}
.pad-table5 table td .sub-list {
}
.pad-table5 table td .sub-list ul li {
padding: 3px 0 1px;
}
.pad-table5 table td .sub-list ul li.icon {
padding: 5px 0 2px;
}
.pad-table5 table td .sub-list ul li.icon .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
}
.pad-table5 table td .sub-info {
display: block;
}
.pad-table5 table td .sub-info,
.pad-table5 table td .sub-info a {
color: #666666;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
font-weight: normal;
letter-spacing: normal;
}
.pad-table5 table tr td .comments {
font-size: 11px;
color: #008800;
font-family: "돋움", Dotum, AppleGothic;
letter-spacing: normal;
font-weight: normal;
background: url('/static/common/images/icon_comment1.png') no-repeat 2px top;
padding-left: 22px;
display: inline-block;
}
.pad-table5 table .sorter {
text-decoration: none;
padding-right: 8px;
background: url('/static/pad/images/sorter1_none.png') no-repeat right top;
}
.pad-table5 table .sorter.up {
background-image: url('/static/pad/images/sorter1_up.png');
}
.pad-table5 table .sorter.down {
background-image: url('/static/pad/images/sorter1_down.png');
}
/* Table 6 */
.pad-table6 table {
table-layout: fixed;
border-collapse: collapse;
border: 1px solid #a8988a;
}
.pad-table6 table th,
.pad-table6 table td {
padding: 6px 0 4px;
line-height: 17px;
text-align: center;
background: #e9e5e0;
border: 1px solid #a8988a;
}
.pad-table6 table th {
background: #d4b589;
}
.pad-table6 table th,
.pad-table6 table th a {
color: #333333;
font-weight: bold;
letter-spacing: -1px;
}
.pad-table6 table td {
background: #e9e5e0;
}
.pad-table6 table td,
.pad-table6 table td a {
color: #333333;
}
.pad-table6 table th.no-padding,
.pad-table6 table td.no-padding {
padding: 0;
}
.pad-table6 table td.has-list {
padding: 7px 0 5px;
}
.pad-table6 table .with-text {
vertical-align: middle;
margin: -4px 0 -1px;
}
.pad-table6 table th.left,
.pad-table6 table td.left {
padding-left: 8px;
padding-right: 8px;
text-align: left;
}
.pad-table6 table td.name {
font-weight: bold;
letter-spacing: -1px;
}
.pad-table6 table th.no-padding,
.pad-table6 table td.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.pad-table6 table th.icon,
.pad-table6 table td.icon {
padding-top: 8px;
padding-bottom: 6px;
}
.pad-table6 table td.icon .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
border: 0;
}
.pad-table6 table tr.no-result td {
padding-top: 36px;
padding-bottom: 35px;
}
.pad-table6 table td .sub-list {
}
.pad-table6 table td .sub-list ul li {
padding: 3px 0 1px;
}
.pad-table6 table td .sub-list ul li.icon {
padding: 5px 0 2px;
}
.pad-table6 table td .sub-list ul li.icon .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
}
.pad-table6 table td .sub-info {
display: block;
}
.pad-table6 table td .sub-info,
.pad-table6 table td .sub-info a {
color: #999999;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
font-weight: normal;
letter-spacing: normal;
}
.pad-table6 table tr td .comments {
font-size: 11px;
color: #008800;
font-family: "돋움", Dotum, AppleGothic;
letter-spacing: normal;
font-weight: normal;
background: url('/static/common/images/icon_comment1.png') no-repeat 2px top;
padding-left: 22px;
display: inline-block;
}
/* Common List */
/* List 1 */
.pad-list1 {
overflow: hidden;
margin: -5px 0 0;
}
.pad-list1 ul {
margin: 0 0 0 -1px;
}
.pad-list1 ul:after {
clear: both;
display: block;
content: '';
}
.pad-list1 ul li {
float: left;
height: 15px;
overflow: hidden;
line-height: 15px;
background: url('/static/pad/images/sep_1x11_black1.png') no-repeat left 1px;
margin: 5px 0 0;
padding: 0 10px 0 11px;
}
/* List 2 */
.pad-list2 {
overflow: hidden;
margin: -5px 0 0;
}
.pad-list2 ul {
margin: 0 0 0 -1px;
}
.pad-list2 ul:after {
clear: both;
display: block;
content: '';
}
.pad-list2 ul li {
float: left;
height: 15px;
overflow: hidden;
line-height: 15px;
margin: 5px 0 0;
padding: 0 10px 0 10px;
}
.pad-list2.w97 ul li {
width: 77px;
text-align: left;
}
/* List 3 */
.pad-list3 {
overflow: hidden;
}
.pad-list3 ul {
margin: 0 0 0 -1px;
}
.pad-list3 ul:after {
clear: both;
display: block;
content: '';
}
.pad-list3 ul li {
float: left;
overflow: hidden;
line-height: 15px;
padding: 7px 10px 3px 10px;
}
.pad-list3.w63 ul li {
width: 43px;
text-align: left;
}
.pad-list3.w97 ul li {
width: 77px;
text-align: left;
}
/* Info Common */
/* Monster Grade */
.pad-info-monstergrade {
width: 0;
height: 0;
padding-top: 13px;
display: inline-block;
overflow: hidden;
background: url('/static/pad/images/icon_star1_repeatable.png') repeat-x left top;
}
.pad-info-monstergrade.pad-info-monstergrade1 { width: 15px; }
.pad-info-monstergrade.pad-info-monstergrade2 { width: 30px; }
.pad-info-monstergrade.pad-info-monstergrade3 { width: 45px; }
.pad-info-monstergrade.pad-info-monstergrade4 { width: 60px; }
.pad-info-monstergrade.pad-info-monstergrade5 { width: 75px; }
.pad-info-monstergrade.pad-info-monstergrade6 { width: 90px; }
.pad-info-monstergrade.pad-info-monstergrade7 { width: 105px; }
.pad-info-monstergrade.pad-info-monstergrade8 { width: 120px; }
.pad-info-monstergrade.pad-info-monstergrade9 { width: 135px; }
.pad-info-monstergrade.pad-info-monstergrade10 { width: 150px; }
.pad-info-monstergrade.pad-info-monstergrade-text1 {
width: 35px !important;
color: #000000;
background: url('/static/pad/images/icon_star1_text1.png?v=2') no-repeat left top;
padding-top: 15px;
}
.pad-info-monstergrade.pad-info-monstergrade-text1.pad-info-monstergrade1 { background-position: 0px 0px; }
.pad-info-monstergrade.pad-info-monstergrade-text1.pad-info-monstergrade2 { background-position: 0px -15px; }
.pad-info-monstergrade.pad-info-monstergrade-text1.pad-info-monstergrade3 { background-position: 0px -30px; }
.pad-info-monstergrade.pad-info-monstergrade-text1.pad-info-monstergrade4 { background-position: 0px -45px; }
.pad-info-monstergrade.pad-info-monstergrade-text1.pad-info-monstergrade5 { background-position: 0px -60px; }
.pad-info-monstergrade.pad-info-monstergrade-text1.pad-info-monstergrade6 { background-position: 0px -75px; }
.pad-info-monstergrade.pad-info-monstergrade-text1.pad-info-monstergrade7 { background-position: 0px -90px; }
.pad-info-monstergrade.pad-info-monstergrade-text1.pad-info-monstergrade8 { background-position: 0px -105px; }
.pad-info-monstergrade.pad-info-monstergrade-text1.pad-info-monstergrade9 { background-position: 0px -120px; }
.pad-info-monstergrade.pad-info-monstergrade-text1.pad-info-monstergrade10 { background-position: 0px -135px; }
/* Friendbox Box */
.pad-info-friendbox-box {
display: inline-block;
width: 62px;
height: 80px;
}
.pad-info-friendbox-box-larger .pad-info-friendbox-box {
width: 67px;
height: 85px;
}
.pad-info-friendbox-box-small .pad-info-friendbox-box {
width: 50px;
height: 68px;
}
.pad-info-friendbox-box .icon {
display: block;
position: relative;
}
.pad-info-friendbox-box .image {
display: block;
border: solid 1px #6b6b6b;
}
.pad-info-friendbox-box .image img {
width: 60px;
height: 60px;
vertical-align: top;
}
.pad-info-friendbox-box-larger .pad-info-friendbox-box .image img {
width: 65px;
height: 65px;
vertical-align: top;
}
.pad-info-friendbox-box-small .pad-info-friendbox-box .image img {
width: 48px;
height: 48px;
vertical-align: top;
}
.pad-info-friendbox-box .mark {
display: none;
position: absolute;
width: 11px;
height: 10px;
bottom: 4px;
left: 4px;
text-indent: -1000em;
overflow: hidden;
background: url('/static/pad/images/bg_friendbox_leadermark1.png') no-repeat left top;
z-index: 1;
}
.pad-info-friendbox-box.chief .mark {
display: block;
background-position: 0 -10px;
}
.pad-info-friendbox-box.main .mark {
display: block;
background-position: 0 -0px;
}
.pad-info-friendbox-box .enchant {
display: inline;
position: absolute;
right: 1px;
bottom: 1px;
z-index: 2;
background: #141920;
color: #ffff00;
height: 10px;
line-height: 12px;
overflow: hidden;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
padding: 0 1px;
}
.pad-info-friendbox-box.chief .mark img {
width: 60px;
height: 60px;
vertical-align: top;
}
.pad-info-friendbox-box .level {
display: block;
margin-top: 2px;
text-align: center;
}
.pad-info-friendbox-box .awake {
position: absolute;
right: 0px;
top: 2px;
width: 45%;
max-width: 25px;
z-index: 2;
}
.pad-info-friendbox-box .awake img {
width: 100%;
height: auto;
border: 0;
vertical-align: top;
}
/* Monsterset Box */
/* Basic Layout */
.pad-info-monsterset-box {
display: block;
}
.pad-info-monsterset-box:after {
content: '';
clear: both;
display: block;
}
.pad-info-monsterset-box.pad-info-monsterset-box-tiny {
width: 720px;
}
.pad-info-monsterset-box .mod-title {
display: none;
}
.pad-info-monsterset-box.pad-info-monsterset-box-tiny .mod-title {
display: block;
height: 33px;
line-height: 34px;
background: url('/static/pad/images/title_720x33_green1.png') no-repeat left top;
padding: 0 12px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
}
.pad-info-monsterset-box .mod-team {
height: 172px;
}
/* Monster */
.pad-info-monsterset-box .mod-monsters {
float: left;
display: inline;
background: url('/static/pad/images/bg_monsterset_monsters1.png') no-repeat left top;
width: 448px;
height: 172px;
overflow: hidden;
position: relative;
line-height: 15px;
font-family: "굴림", Gulim, AppleGothic;
font-size: 12px;
}
.pad-info-monsterset-box .mod-monsters .mod-list {
margin: 47px 0 0 9px;
}
.pad-info-monsterset-box .mod-monsters .mod-list li {
width: 50px;
height: 80px;
overflow: hidden;
margin: 0 11px;
line-height: 14px;
text-align: center;
float: left;
display: inline;
position: relative;
}
.pad-info-monsterset-box .mod-monsters .mod-list li,
.pad-info-monsterset-box .mod-monsters .mod-list li * {
line-height: 14px;
}
.pad-info-monsterset-box .mod-monsters .mod-list li .mod-image {
position: relative;
display: block;
}
.pad-info-monsterset-box .mod-monsters .mod-list li.mod-empty .mod-image {
background: #283340;
width: 50px;
height: 50px;
}
.pad-info-monsterset-box .mod-monsters .mod-list li .mod-image img {
width: 50px;
height: 50px;
vertical-align: top;
border: 0;
}
.pad-info-monsterset-box .mod-monsters .mod-list li.mod-empty .mod-image img {
display: none;
}
.pad-info-monsterset-box .mod-monsters .mod-list li .mod-image .mod-enchant {
display: inline;
position: absolute;
right: 1px;
bottom: 1px;
z-index: 2;
background: #141920;
color: #ffff00;
height: 10px;
line-height: 12px;
overflow: hidden;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
padding: 0 1px;
}
.pad-info-monsterset-box .mod-monsters .mod-list li .mod-image .mod-awake {
position: absolute;
right: 0px;
top: 2px;
width: 45%;
max-width: 25px;
z-index: 2;
}
.pad-info-monsterset-box .mod-monsters .mod-list li .mod-image .mod-awake img {
width: 100%;
height: auto;
border: 0;
vertical-align: top;
}
.pad-info-monsterset-box .mod-monsters .mod-list li.mod-empty .mod-image .mod-enchant,
.pad-info-monsterset-box .mod-monsters .mod-list li.mod-empty .mod-image .mod-awake {
display: none;
}
.pad-info-monsterset-box .mod-monsters .mod-list li .mod-level {
color: #ffffff;
margin-top: 2px;
}
.pad-info-monsterset-box .mod-monsters .mod-list li.mod-empty .mod-level {
display: none;
}
.pad-info-monsterset-box .mod-monsters .mod-list li .mod-skill-level {
color: #b8b8b8;
}
.pad-info-monsterset-box .mod-monsters .mod-list li.mod-empty .mod-skill-level {
display: none;
}
.pad-info-monsterset-box .mod-monsters .mod-leader,
.pad-info-monsterset-box .mod-monsters .mod-friend {
position: absolute;
overflow: hidden;
white-space: nowrap;
}
.pad-info-monsterset-box .mod-monsters .mod-leader {
left: 81px;
top: 13px;
text-align: left;
color: #f0ff00;
}
.pad-info-monsterset-box .mod-monsters .mod-friend {
left: 19px;
top: 146px;
text-align: left;
color: #00ff00;
}
/* Data */
.pad-info-monsterset-box .mod-data {
border: solid 1px #000000;
margin-left: 458px;
}
.pad-info-monsterset-box.pad-info-monsterset-box-tiny .mod-data {
border: solid 1px #000000;
margin-left: 446px;
}
.pad-info-monsterset-box .mod-data .mod-data-title {
height: 31px;
padding: 0 5px 0 13px;
line-height: 32px;
overflow: hidden;
border-bottom: solid 1px #000000;
background: url('/static/pad/images/bg_monsterset_data_title1.png') repeat-x left top;
font-weight: bold;
letter-spacing: -1px;
color: #ffffff;
position: relative;
}
.pad-info-monsterset-box .mod-data .mod-data-title .mod-cost {
position: absolute;
right: 5px;
top: 0;
bottom: 0;
height: auto;
font-family: "돋움", Dotum, AppleGothic;
font-weight: normal;
letter-spacing: normal;
}
.pad-info-monsterset-box .mod-data .mod-data-title .mod-cost strong {
color: #ffff00;
font-weight: bold;
letter-spacing: -1px;
}
.pad-info-monsterset-box .mod-data .mod-data-title .mod-cost .mod-rank {
color: #72f0ff;
}
.pad-info-monsterset-box .mod-data .mod-data-wrap {
height: 138px;
overflow: hidden;
background: url('/static/pad/images/bg_monsterset_data1.png') repeat left top;
padding: 0 8px;
text-align: center;
}
.pad-info-monsterset-box .mod-data .mod-data-body {
width: 268px;
height: 110px;
overflow: hidden;
margin: 12px auto 0;
text-align: left;
}
.pad-info-monsterset-box .mod-data .mod-data-body dl {
width: 134px;
height: 15px;
overflow: hidden;
float: left;
display: inline;
color: #00ff00;
padding: 6px 0 5px;
}
.pad-info-monsterset-box .mod-data .mod-data-body dl.mod-hp {
margin-bottom: 6px;
width: 264px;
}
.pad-info-monsterset-box .mod-data .mod-data-body dl dt,
.pad-info-monsterset-box .mod-data .mod-data-body dl dd {
float: left;
display: inline;
height: 15px;
line-height: 15px;
white-space: nowrap;
}
.pad-info-monsterset-box .mod-data .mod-data-body dl dt {
width: 15px;
overflow: hidden;
text-indent: -1000em;
background: none no-repeat left center;
margin-left: 8px;
margin-top: -1px;
}
.pad-info-monsterset-box .mod-data .mod-data-body dl.mod-hp dt {
width: auto;
text-indent: 0;
font-weight: bold;
letter-spacing: -1px;
color: #ffff00;
margin-top: 0;
}
.pad-info-monsterset-box .mod-data .mod-data-body dl.mod-heal dt {
background-image: url('/static/pad/images/fonticon/attribute1_heal.png');
}
.pad-info-monsterset-box .mod-data .mod-data-body dl.mod-fire dt {
background-image: url('/static/pad/images/fonticon/attribute1_fire.png');
}
.pad-info-monsterset-box .mod-data .mod-data-body dl.mod-aqua dt {
background-image: url('/static/pad/images/fonticon/attribute1_aqua.png');
}
.pad-info-monsterset-box .mod-data .mod-data-body dl.mod-tree dt {
background-image: url('/static/pad/images/fonticon/attribute1_tree.png');
}
.pad-info-monsterset-box .mod-data .mod-data-body dl.mod-light dt {
background-image: url('/static/pad/images/fonticon/attribute1_light.png');
}
.pad-info-monsterset-box .mod-data .mod-data-body dl.mod-dark dt {
background-image: url('/static/pad/images/fonticon/attribute1_dark.png');
}
.pad-info-monsterset-box .mod-data .mod-data-body dl dd {
margin-left: 7px;
font-weight: bold;
}
.pad-info-monsterset-box .mod-data .mod-data-body dl dd .mod-original {
color: #ffffff;
}
/* Awakedata */
.pad-info-monsterset-box .mod-awakedata {
overflow: hidden;
height: 46px;
background: url('/static/pad/images/bg_monsterset_awake1.png') no-repeat left top;
margin-top: 5px;
}
.pad-info-monsterset-box.pad-info-monsterset-box-tiny .mod-awakedata {
background-image: url('/static/pad/images/bg_monsterset_awake2.png');
margin: 0;
}
.pad-info-monsterset-box .mod-awakedata dl {
position: relative;
overflow: hidden;
}
.pad-info-monsterset-box .mod-awakedata dl dt {
float: left;
width: 84px;
margin-left: 18px;
color: #00ffff;
line-height: 48px;
font-weight: bold;
letter-spacing: -1px;
overflow: hidden;
}
.pad-info-monsterset-box .mod-awakedata dl dd {
margin-left: 102px;
color: #ffffff;
overflow: hidden;
}
.pad-info-monsterset-box .mod-awakedata dl dd ul {
overflow: hidden;
padding-top: 15px;
margin-left: -5px;
}
.pad-info-monsterset-box .mod-awakedata dl dd ul li {
float: left;
margin-left: 5px;
}
.pad-info-monsterset-box .mod-awakedata dl dd ul li.no-skills {
line-height: 19px;
}
.pad-info-monsterset-box .mod-awakedata dl dd img {
width: 26px;
height: 26px;
vertical-align: middle;
margin: -4px 0 -1px;
}
/* Stats */
.pad-info-monsterset-box .mod-stats {
padding: 2px 0;
height: 113px;
text-align: left;
background: #20190c;
}
.pad-info-monsterset-box .mod-stats .mod-stats-one {
float: left;
display: inline;
margin: 0 1px;
width: 118px;
height: 113px;
background: url('/static/pad/images/bg_monster_simulator_stats1.png') no-repeat left top;
}
.pad-info-monsterset-box .mod-stats .mod-stats-one.mod-leader {
background-position: 0 0;
}
.pad-info-monsterset-box .mod-stats .mod-stats-one.mod-sub {
background-position: -118px 0;
}
.pad-info-monsterset-box .mod-stats .mod-stats-one.mod-friend {
background-position: -236px 0;
}
.pad-info-monsterset-box .mod-stats .mod-stats-title {
height: 31px;
line-height: 32px;
font-weight: bold;
letter-spacing: -1px;
text-align: center;
color: #ffffff;
}
.pad-info-monsterset-box .mod-stats .mod-stats-body {
padding: 9px 0 0 15px;
}
.pad-info-monsterset-box .mod-stats dl {
height: 16px;
line-height: 17px;
overflow: hidden;
color: #ffffff;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
}
.pad-info-monsterset-box .mod-stats dl dt {
float: left;
display: inline;
height: 16px;
width: 34px;
}
.pad-info-monsterset-box .mod-stats dl dd {
}
.pad-info-monsterset-box .mod-stats dl dd .mod-enchant {
color: #ffff00;
}
/* Info */
/* Common */
body.viewtype-pc #pad-info .no-detail-link {
cursor: default;
text-decoration: none;
}
/* Top */
/* Common */
/* Basic Layout */
body.layout-clear {
overflow-y: scroll;
}
#pad-info {
margin-top: 10px;
}
.layout-clear #pad-info {
width: 800px;
}
#pad-info .pad-info-top .info-comp,
#pad-info .pad-info-top .info-comp-set {
margin-top: 10px;
}
#pad-info .pad-info-top .info-comp-set .info-comp {
margin-top: 0px;
}
#pad-info .pad-info-top .info-comp-set .info-comp .info-comp-wrap {
border-top: solid 0 #6b4a2d;
background: #6b4a2d;
padding-top: 2px;
}
#pad-info .pad-info-top .info-comp-set .info-comp.no-separator .info-comp-wrap {
border-top: 0;
background: transparent;
padding-top: 0;
}
#pad-info .pad-info-top .info-comp-set .info-comp:first-child .info-comp-wrap {
padding: 0;
background: none;
border-top: 0;
}
#pad-info .pad-info-top .info-comp-set .info-comp .info-comp-body {
background: #ae8257;
}
/* Comp Title 1 */
#pad-info .pad-info-top .common-comp-title1 {
height: 40px;
background: url('/static/pad/images/title_800x40_brown1.png') no-repeat left top;
line-height: 42px;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
padding-left: 18px;
position: relative;
}
#pad-info .pad-info-top .common-comp-title1 .orderby {
position: absolute;
right: 16px;
top: 0px;
white-space: nowrap;
font-weight: normal;
letter-spacing: normal;
color: #ffff00;
}
#pad-info .pad-info-top .common-comp-title1 .orderby label {
margin-left: 8px;
color: #ffffff;
}
#pad-info .pad-info-top .common-comp-title1 .orderby .with-text {
vertical-align: middle;
margin: -4px 0 -1px;
}
/* Text Menu 1 */
#pad-info .pad-info-top .common-text-menu1 {
border: solid 1px #9f7957;
overflow: hidden;
}
#pad-info .pad-info-top .common-text-menu1 .menu {
margin: -1px;
}
/* Search 1 */
#pad-info .pad-info-top .common-search1 {
}
#pad-info .pad-info-top .common-search1 form {
padding: 9px 7px 6px;
text-align: right;
}
#pad-info .pad-info-top .common-search1 .field-group {
margin-left: 40px;
display: inline-block;
}
#pad-info .pad-info-top .common-search1 .field-group.left {
margin-left: 0px;
float: left;
}
#pad-info .pad-info-top .common-search1 label {
color: #ffffff;
margin-left: 8px;
padding-right: 8px;
}
#pad-info .pad-info-top .common-search1 label input {
margin-right: -8px;
margin-left: 8px;
}
#pad-info .pad-info-top .common-search1 input,
#pad-info .pad-info-top .common-search1 select {
vertical-align: middle;
margin: -4px 0 0px;
line-height: 15px;
}
#pad-info .pad-info-top .common-search1 select {
height: 25px;
}
#pad-info .pad-info-top .common-search1 input.text {
border: solid 1px #5b5344;
background: #ffffff;
width: 269px;
height: 18px;
padding: 5px 5px 0px;
line-height: 16px;
}
#pad-info .pad-info-top .common-search1 input.text.short {
width: 30px;
}
#pad-info .pad-info-top .common-search1 input.text.medium {
width: 160px;
}
#pad-info .pad-info-top .common-search1 input.submit {
width: 69px;
height: 25px;
background: url('/static/pad/images/btn_69x25_gray1_search1.png') no-repeat left top;
border: 0;
text-indent: -1000em;
display: inline-block;
cursor: pointer;
}
/* Search 2 */
#pad-info .pad-info-top .common-search2 {
height: 40px;
padding-top: 14px;
background: url('/static/pad/images/bg_search1.png') no-repeat left top;
text-align: right;
}
#pad-info .pad-info-top .common-search2 form {
padding: 11px 7px 8px;
text-align: right;
}
#pad-info .pad-info-top .common-search2 .field-group {
float: right;
}
#pad-info .pad-info-top .common-search2 .field-group.left {
margin-left: 0px;
float: left;
}
#pad-info .pad-info-top .common-search2 label {
color: #ffffff;
margin-left: 8px;
padding-right: 8px;
}
#pad-info .pad-info-top .common-search2 label input {
margin-right: -8px;
margin-left: 8px;
}
#pad-info .pad-info-top .common-search2 input,
#pad-info .pad-info-top .common-search2 select {
vertical-align: middle;
margin: -4px 0 0px;
line-height: 15px;
}
#pad-info .pad-info-top .common-search2 select {
height: 25px;
}
#pad-info .pad-info-top .common-search2 input.text {
border: solid 1px #5b5344;
background: #ffffff;
width: 279px;
height: 18px;
padding: 5px 5px 0px;
line-height: 16px;
}
#pad-info .pad-info-top .common-search2 input.text.short {
width: 30px;
}
#pad-info .pad-info-top .common-search2 input.text.medium {
width: 160px;
}
#pad-info .pad-info-top .common-search2 input.submit {
width: 69px;
height: 25px;
background: url('/static/pad/images/btn_69x25_gray1_search1.png') no-repeat left top;
border: 0;
text-indent: -1000em;
display: inline-block;
cursor: pointer;
}
/* Monster */
/* By Class Info */
/* Basic Layout */
.all-monster-view-btn{
float: left;
display: block;
width: 170px;
height: 25px;
line-height: 21px;
text-align: center;
color: #ffffff;
border: 0px;
font-weight: bold;
letter-spacing: -1px;
background: url('/static/pad/images/btn_170x25_green1.png') no-repeat left top;
text-decoration: none;
float: right;
}
a.all-monster-view-btn{
color: #ffffff!important;
text-decoration: none;
line-height: 23px;
}
#pad-info .pad-info-monster-top .byclass-info {
}
#pad-info .pad-info-monster-top .byclass-info table {
width: 100%;
}
#pad-info .pad-info-monster-top .byclass-info table col.col1 {
width: 61px;
}
#pad-info .pad-info-monster-top .byclass-info table col.col2 {
width: 61px;
}
#pad-info .pad-info-monster-top .byclass-info table col.col3 {
width: 350px;
}
/* Check Selector 1*/
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector1 .list {
padding: 4px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector1 .list ul{
overflow: hidden;
margin-left: -3px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector1 .list ul li {
float: left;
margin-left: 3px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector1 .list label {
width: 54px;
height: 22px;
padding: 4px;
border: 1px solid #afadac;
background: #dcd8d3;
display: block;
line-height: 24px;
text-align: center;
position: relative;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector1 .list label.checked {
border-color: #bbaf3a;
background: #f4ec9d;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector1 label input {
position: absolute;
top: 0;
bottom: 0;
left: 4px;
margin: auto 0;
display: none;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector1 label img {
width: 20px;
height: 20px;
position: absolute;
top: 0;
bottom: 0;
left: 4px;
margin: auto 0;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector1 label .caption {
display: block;
margin-left: 22px;
text-align: center;
}
/* Check Selector 2*/
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2 .list {
padding: 4px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2 .list ul {
overflow: hidden;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2 .list ul li {
float: left;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2.type .list ul {
margin-left: -2px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2.type .list ul li {
margin-left: 2px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2.grade .list ul {
margin-left: -5px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2.grade .list ul li {
margin-left: 5px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2 label {
position: relative;
overflow: hidden;
display: inline-block;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2.type label {
width: 22px;
height: 22px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2 label input {
position: absolute;
left: -1000em;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2 label img {
pointer-events: none;
border: 0;
vertical-align: top;
position: relative;
z-index: 1;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2 label .clicker {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: block;
z-index: 2;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2 label img.on-icon {
display: none;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2 label.checked img.on-icon {
display: inline;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2 label.checked img.off-icon {
display: none;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.check-selector2.type img {
width: 22px;
height: 22px;
}
/* Skill Searcher */
#pad-info .pad-info-monster-top .byclass-info table tr td.skill-searcher .slot-one {
padding: 3px 0;
overflow: hidden;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.skill-searcher .slot-one .select-btn,
#pad-info .pad-info-monster-top .byclass-info table tr td.skill-searcher .slot-one .selected-wrap {
float: left;
display: block;
width: 170px;
height: 25px;
line-height: 27px;
text-align: center;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
background: url('/static/pad/images/btn_170x25_green1.png') no-repeat left top;
text-decoration: none;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.skill-searcher .slot-one .selected-wrap {
display: none;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.skill-searcher .slot-one.selected .selected-wrap {
display: block;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.skill-searcher .slot-one.selected .skillname {
display: none;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.skill-searcher .slot-one.selected.skill-selected .skillname {
display: block;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.skill-searcher .slot-one.selected.skill-selected .skillclass {
display: none;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.skill-searcher .slot-one.selected .select-btn {
display: none;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.skill-searcher .slot-one .change-btn {
float: left;
display: none;
width: 45px;
height: 23px;
line-height: 25px;
text-align: center;
color: #333333;
font-weight: bold;
letter-spacing: -1px;
background: url('/static/pad/images/btn_45x23_gray1.png') no-repeat left top;
margin: 1px 0 0 4px;
text-decoration: none;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.skill-searcher .slot-one.selected .change-btn {
display: block;
}
#pad-info .pad-info-monster-top .byclass-info .button {
border-top: solid 1px #9f7957;
padding: 4px 0;
text-align: center;
background: #bda28f;
position: relative;
}
#pad-info .pad-info-monster-top .byclass-info .button input.submit {
display: block;
width: 138px;
height: 35px;
text-indent: -1000em;
overflow: hidden;
background: url('/static/pad/images/btn_138x35_orange1_search1.png') no-repeat left top;
cursor: pointer;
border: 0;
margin: 0 auto;
}
#pad-info .pad-info-monster-top .byclass-info .button input.reset {
position: absolute;
display: block;
right: 3px;
top: 4px;
width: 70px;
height: 35px;
text-indent: -1000em;
overflow: hidden;
background: url('/static/pad/images/btn_70x35_purple1_reset1.png') no-repeat left top;
cursor: pointer;
border: 0;
margin: 0;
}
/* Awake Selector */
#pad-info .pad-info-monster-top .byclass-info table tr td.awake-selector .skill-groups {
padding: 10px;
overflow: hidden;
text-align: left;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.awake-selector .skill-group {
float: left;
width: 320px;
border: 1px solid #b89c75;
background: #ecdfcd;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.awake-selector .selected-wrap {
background: url('/static/pad/images/bg_arrow1.png') no-repeat left center;
float: right;
padding-left: 41px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.awake-selector .selected-wrap .skill-group {
}
#pad-info .pad-info-monster-top .byclass-info table tr td.awake-selector .skill-group .skill-group-title {
background: #dfc9ab;
color: #c61300;
padding: 0 8px;
height: 24px;
line-height: 26px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.awake-selector .skill-group .skill-group-body {
height: 238px;
overflow: hidden;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.awake-selector .skill-group .list {
overflow: hidden;
margin-left: -1px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.awake-selector .skill-group .list ul {
overflow: hidden;
float: left;
background: url('/static/pad/images/sep_1x18_brown1.png') no-repeat left center;
height: 29px;
width: 159px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.awake-selector .selected-wrap .skill-group .list ul {
width: auto;
float: none;
height: auto;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.awake-selector .skill-group .list ul li {
overflow: hidden;
float: left;
margin-left: 6px;
margin-top: 5px;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.awake-selector .skill-group .list ul li a {
display: block;
}
#pad-info .pad-info-monster-top .byclass-info table tr td.awake-selector .skill-group .list ul li img {
width: 24px;
height: 24px;
display: block;
vertical-align: top;
border: 0;
}
/* Search Info */
#pad-info .pad-info-monster-top .search-info {
border: 2px solid #b69560;
height: 31px;
background: #e7dfd4;
}
#pad-info .pad-info-monster-top .search-info .info-comp-wrap {
overflow: hidden;
}
#pad-info .pad-info-monster-top .search-info .info-comp-body {
overflow: hidden;
margin-left: -2px;
}
#pad-info .pad-info-monster-top .search-info .field-group {
float: left;
width: 50%;
height: 31px;
position: relative;
}
#pad-info .pad-info-monster-top .search-info .field-group.number {
width: 30%;
}
#pad-info .pad-info-monster-top .search-info .field-group.name {
width: 40%;
}
#pad-info .pad-info-monster-top .search-info label {
float: left;
display: block;
padding: 5px 0 0 90px;
}
#pad-info .pad-info-monster-top .search-info label span.label {
position: absolute;
left: 0;
top: 0;
display: block;
width: 80px;
height: 31px;
line-height: 33px;
background: #cfaf7c;
border-left: 1px solid #9f7957;
border-right: 1px solid #9f7957;
text-align: center;
font-weight: bold;
letter-spacing: -1px;
}
#pad-info .pad-info-monster-top .search-info label input {
vertical-align: top;
width: 150px;
padding: 0 5px;
height: 19px;
line-height: 21px;
border: 1px solid #9b938b;
}
#pad-info .pad-info-monster-top .search-info .number label input {
width: 60px;
}
#pad-info .pad-info-monster-top .search-info .name label input {
width: 140px;
}
#pad-info .pad-info-monster-top .search-info input[type=submit] {
float: left;
display: block;
width: 45px;
height: 21px;
line-height: 21px;
border: 0;
margin: 5px 0 0 5px;
background: url('/static/pad/images/btn_45x21_yellow1.png') no-repeat left top;
color: #583d19;
font-weight: bold;
letter-spacing: -1px;
cursor: pointer;
}
/* Skill */
/* By Class Info */
#pad-info .pad-info-skill-top .byclass-info {
border: solid 1px #9f7957;
border-top: 0;
}
#pad-info .pad-info-skill-top .byclass-info .menu {
margin: -1px;
}
#pad-info .pad-info-skill-top .byclass-info dl {
}
#pad-info .pad-info-skill-top .byclass-info dl dt {
height: 22px;
padding: 7px 20px 0;
border: solid 1px #9f7957;
background: #ccc5bb url('/static/pad/images/bg_skill_top_title1.png') repeat-x left top;
font-weight: bold;
letter-spacing: -1px;
font-family: "돋움", Dotum, AppleGothic;
font-size: 14px;
line-height: 17px;
color: #000000;
}
#pad-info .pad-info-skill-top .byclass-info dl dd {
background: #f0eeec;
padding: 0 10px 10px 1px;
}
#pad-info .pad-info-skill-top .byclass-info ul {
display: inline-block;
width: 100%;
}
#pad-info .pad-info-skill-top .byclass-info ul li {
float: left;
display: inline;
margin: 10px 0 0 10px;
}
#pad-info .pad-info-skill-top .byclass-info ul li a {
display: block;
width: 147px;
height: 41px;
overflow: hidden;
text-indent: -1000em;
background: url('/static/pad/images/menu/skillclass1.png') repeat-x left top;
}
#pad-info .pad-info-skill-top .byclass-info ul li.all a { background-position: -0px 0; }
#pad-info .pad-info-skill-top .byclass-info ul li.attack a { background-position: -147px 0; }
#pad-info .pad-info-skill-top .byclass-info ul li.drop a { background-position: -294px 0; }
#pad-info .pad-info-skill-top .byclass-info ul li.assist a { background-position: -441px 0; }
#pad-info .pad-info-skill-top .byclass-info ul li.heal a { background-position: -588px 0; }
#pad-info .pad-info-skill-top .byclass-info ul li.empower a { background-position: -735px 0; }
#pad-info .pad-info-skill-top .byclass-info ul li.reduce a { background-position: -882px 0; }
#pad-info .pad-info-skill-top .byclass-info ul li.support a { background-position: -1029px 0; }
/* List */
/* Common */
/* Basic Layout */
#pad-info .pad-info-list .info-comp,
#pad-info .pad-info-list .info-comp-set {
margin-top: 10px;
}
#pad-info .pad-info-list .info-comp-set .info-comp {
margin-top: 0px;
}
#pad-info .pad-info-list .info-comp-set .info-comp .info-comp-wrap {
}
#pad-info .pad-info-list .info-comp-set .info-comp:first-child .info-comp-wrap {
}
#pad-info .pad-info-list .info-comp-set .info-comp .info-comp-body {
}
/* Common Filter 1 */
/* Basic Layout */
#pad-info .pad-info-list .common-filter1 {
}
#pad-info .pad-info-list .common-filter1 .info-comp-body {
background: #9ab380;
}
#pad-info .pad-info-list .common-filter1 .filter-groups {
display: inline-block;
width: 100%;
}
#pad-info .pad-info-list .common-filter1 .filter-group {
float: left;
display: inline;
white-space: nowrap;
}
#pad-info .pad-info-list .common-filter1 .filter-group.right-filter {
float: right;
}
#pad-info .pad-info-list .common-filter1 .filter-one {
display: inline-block;
white-space: nowrap;
}
/* Selector 1 */
#pad-info .pad-info-list .common-filter1 .filter-selector1 {
padding: 9px 10px 5px;
line-height: 15px;
}
#pad-info .pad-info-list .common-filter1 .filter-selector1 label {
font-weight: bold;
letter-spacing: -1px;
color: #333333;
}
#pad-info .pad-info-list .common-filter1 .filter-selector1 select {
vertical-align: middle;
margin: -4px 2px -1px;
height: 21px;
}
/* Common Filter 2 */
/* Basic Layout */
#pad-info .pad-info-list .common-filter2 {
background: #b3967d;
}
#pad-info .pad-info-list .common-filter2 ul {
overflow: hidden;
padding: 7px 0;
}
#pad-info .pad-info-list .common-filter2 ul li {
width: 20%;
float: left;
}
#pad-info .pad-info-list .common-filter2 ul li .select {
display: block;
margin: 0 10px;
}
#pad-info .pad-info-list .common-filter2 ul li .select select {
width: 100%;
height: 23px;
}
/* Monster */
/* Type : Default */
#pad-info .pad-info-monster-list.default table { width: 100%; }
#pad-info .pad-info-monster-list.default table col.icon { width: 60px; }
#pad-info .pad-info-monster-list.default table col.name { }
#pad-info .pad-info-monster-list.default table col.maxlevel { width: 50px; }
#pad-info .pad-info-monster-list.default table col.cost { width: 50px; }
#pad-info .pad-info-monster-list.default table col.hp { width: 40px; }
#pad-info .pad-info-monster-list.default table col.attack { width: 40px; }
#pad-info .pad-info-monster-list.default table col.heal { width: 40px; }
#pad-info .pad-info-monster-list.default table col.overall { width: 55px; }
#pad-info .pad-info-monster-list.default table col.evolve { width: 180px; }
#pad-info .pad-info-monster-list.default table tr td.icon img {
width: 48px;
height: 48px;
}
#pad-info .pad-info-monster-list.default table tr td.name {
font-size: 13px;
}
#pad-info .pad-info-monster-list.default table tr td.name .number {
font-size: 11px;
color: #e90808;
font-weight: normal;
letter-spacing: normal;
}
#pad-info .pad-info-monster-list.default table tr td.name .grade {
color: #000000;
letter-spacing: 1px;
}
#pad-info .pad-info-monster-list.default table tr td.name .sub-info .grade {
display: inline-block;
font-size: 12px;
font-family: "굴림", Gulim;
margin-left: 8px;
padding-top: 7px;
}
#pad-info .pad-info-monster-list.default table tr td.name .sub-info .yet {
color: #ff00cc;
}
#pad-info .pad-info-monster-list.default table tr td.name .sub-info .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
}
#pad-info .pad-info-monster-list.default table tr td .max-level {
color: #0000ff;
padding-top: 9px;
margin-top: 0px;
background: url('/static/pad/images/icon_bottom_arrow1.png') no-repeat center top;
}
#pad-info .pad-info-monster-list.default table tr td.evolve ul {
display: inline-block;
width: 100%;
padding: 2px 0;
}
#pad-info .pad-info-monster-list.default table tr td.evolve ul li {
float: left;
display: inline;
margin: 2px;
}
#pad-info .pad-info-monster-list.default table tr td.evolve ul li img {
width: 35px;
height: 35px;
vertical-align: top;
}
/* Type : Icon */
#pad-info .pad-info-monster-list.icon { }
#pad-info .pad-info-monster-list.icon .list-body {
margin: -3px -4px -3px -4px;
}
#pad-info .pad-info-monster-list.icon ul {
display: inline-block;
width: 100%;
}
#pad-info .pad-info-monster-list.icon ul li {
float: left;
display: inline;
margin: 3px 4px 3px 4px;
}
#pad-info .pad-info-monster-list.icon ul li img {
vertical-align: top;
width: 42px;
height: 42px;
border: 0;
}
/* Skill */
/* Type : Default */
#pad-info .pad-info-skill-list.default table { width: 100%; }
#pad-info .pad-info-skill-list.default table col.name { }
#pad-info .pad-info-skill-list.default table col.description { width: 350px; }
#pad-info .pad-info-skill-list.default table col.monsters { width: 230px; }
#pad-info .pad-info-skill-list.default table tr td.icon img {
width: 48px;
height: 48px;
}
#pad-info .pad-info-skill-list.default table tr td.name .turn {
color: #333333;
}
#pad-info .pad-info-skill-list.default table tr td.name .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
}
#pad-info .pad-info-skill-list.default table tr td.monsters .open-btn {
width: 207px;
height: 18px;
padding-top: 7px;
background: url('/static/pad/images/btn_207x25_blue1.png') no-repeat left top;
color: #003cb7;
font-family: "굴림", Gulim, AppleGothic;
font-size: 12px;
line-height: 14px;
display: block;
text-align: center;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none;
margin: 5px 0;
}
#pad-info .pad-info-skill-list.default table tr td.monsters .open-btn:hover {
color: #0055ff;
}
#pad-info .pad-info-skill-list.default table tr td.monsters .layer-list {
display: none;
position: absolute;
background: #e1dbd5;
border: solid 1px #928982;
padding: 5px;
width: 195px;
}
#pad-info .pad-info-skill-list.default table tr td.monsters .layer-list ul {
display: inline-block;
width: 100%;
}
#pad-info .pad-info-skill-list.default table tr td.monsters .layer-list ul li {
float: left;
display: inline;
margin: 2px;
}
#pad-info .pad-info-skill-list.default table tr td.monsters .layer-list ul li img {
width: 35px;
height: 35px;
vertical-align: top;
}
/* Evolve */
/* Type : Chain */
#pad-info .pad-info-evolve-list.chain { }
#pad-info .pad-info-evolve-list.chain .list-body {
margin: -3px;
}
#pad-info .pad-info-evolve-list.chain ul {
display: inline-block;
width: 100%;
}
#pad-info .pad-info-evolve-list.chain ul li {
float: left;
display: inline;
margin: 3px;
padding-left: 32px;
background: url('/static/pad/images/bg_evolve_arrow1.png') no-repeat 4px 12px;
}
#pad-info .pad-info-evolve-list.chain ul li.base {
background: none;
padding-left: 0;
}
#pad-info .pad-info-evolve-list.chain ul li.first-type2 {
background-position: 4px -38px;
}
#pad-info .pad-info-evolve-list.chain ul li.continued-type2 {
background: none;
padding-left: 0;
}
#pad-info .pad-info-evolve-list.chain ul li img {
vertical-align: top;
width: 42px;
height: 42px;
border: 0;
}
/* Type : Reagent */
#pad-info .pad-info-evolve-list.reagent { }
#pad-info .pad-info-evolve-list.reagent .list-body {
margin-top: -10px;
}
#pad-info .pad-info-evolve-list.reagent ul {
display: inline-block;
width: 100%;
}
#pad-info .pad-info-evolve-list.reagent ul li {
float: left;
display: inline;
width: 50%;
margin-top: 10px;
}
#pad-info .pad-info-evolve-list.reagent ul li img {
vertical-align: top;
width: 42px;
height: 42px;
border: 0;
}
#pad-info .pad-info-evolve-list.reagent ul li .result {
float: left;
display: inline;
}
#pad-info .pad-info-evolve-list.reagent ul li .reagents {
float: left;
display: inline;
padding-left: 57px;
background: url('/static/pad/images/bg_evolve_arrow1.png') no-repeat 8px -89px;
}
#pad-info .pad-info-evolve-list.reagent ul li .reagents.type2 {
background-position: 8px -139px;
}
#pad-info .pad-info-evolve-list.reagent ul li .reagents a {
float: left;
display: inline;
margin-left: 7px;
}
#pad-info .pad-info-evolve-list.reagent ul li .evolve {
display: inline-block;
width: 100%;
}
#pad-info .pad-info-evolve-list.reagent ul li .version {
display: block;
color: #e60012;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
margin-top: 3px;
height: 14px;
overflow: hidden;
}
/* Type : Result */
#pad-info .pad-info-evolve-list.result { }
#pad-info .pad-info-evolve-list.result .list-body {
margin: -3px -4px -3px -4px;
}
#pad-info .pad-info-evolve-list.result ul {
display: inline-block;
width: 100%;
}
#pad-info .pad-info-evolve-list.result ul li {
float: left;
display: inline;
margin: 3px 4px 3px 4px;
}
#pad-info .pad-info-evolve-list.result ul li img {
vertical-align: top;
width: 42px;
height: 42px;
border: 0;
}
/* Dungeon */
/* Type : Module */
#pad-info .pad-info-dungeon-list.module .dungeon-info1 {
}
#pad-info .pad-info-dungeon-list.module .dungeon-info1 .menu {
border: solid 1px #000000;
background: url('/static/pad/images/bg_dungeon_navigator_tabmenu1.png') repeat-x left top;
}
#pad-info .pad-info-dungeon-list.module .dungeon-info1 .menu ul {
display: inline-block;
width: 100%;
}
#pad-info .pad-info-dungeon-list.module .dungeon-info1 .menu ul li {
float: left;
display: inline;
}
#pad-info .pad-info-dungeon-list.module .dungeon-info1 .menu ul li a {
float: left;
display: inline;
width: 103px;
height: 44px;
overflow: hidden;
text-indent: -1000em;
background: url('/static/pad/images/menu/dungeonclass1.png') repeat-x left top;
font-family: "돋움", Dotum, AppleGothic;
font-size: 14px;
line-height: 17px;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none;
border-right: solid 1px #000000;
}
#pad-info .pad-info-dungeon-list.module .dungeon-info1 .menu ul li.normal a { background-position: -0px top; }
#pad-info .pad-info-dungeon-list.module .dungeon-info1 .menu ul li.special a { background-position: -103px top; }
#pad-info .pad-info-dungeon-list.module .dungeon-info1 .menu ul li.technical a { background-position: -206px top; }
#pad-info .pad-info-dungeon-list.module .dungeon-info1 .menu ul li a:hover {
color: #963d16;
}
#pad-info .pad-info-dungeon-list.module .dungeon-info1 .menu ul li.selected a {
position: relative;
z-index: 2;
margin-bottom: -1px;
color: #963d16;
border-bottom: solid 1px #b07849;
}
#pad-info .pad-info-dungeon-list.module .dungeon-info1.dungeonclass1 .menu ul li.selected a { border-color: #b07849; }
#pad-info .pad-info-dungeon-list.module .dungeon-info1.dungeonclass2 .menu ul li.selected a { border-color: #8a471d; }
#pad-info .pad-info-dungeon-list.module .dungeon-info1.dungeonclass3 .menu ul li.selected a { border-color: #306f42; }
#pad-info .pad-info-dungeon-list.module .dungeon-info1 .module {
border: solid 1px #000000;
border-top: 0;
background: #b07849;
padding: 5px;
}
#pad-info .pad-info-dungeon-list.module .dungeon-info1.dungeonclass1 .module { background: #b07849; }
#pad-info .pad-info-dungeon-list.module .dungeon-info1.dungeonclass2 .module { background: #8a471d; }
#pad-info .pad-info-dungeon-list.module .dungeon-info1.dungeonclass3 .module { background: #306f42; }
/* Enemy */
/* Type : Default */
#pad-info .pad-info-enemy-list.default table { width: 100%; }
#pad-info .pad-info-enemy-list.default table col.area { width: 54px; }
#pad-info .pad-info-enemy-list.default table col.name { width: 220px; }
#pad-info .pad-info-enemy-list.default table col.attack { width: 40px; }
#pad-info .pad-info-enemy-list.default table col.defence { width: 60px; }
#pad-info .pad-info-enemy-list.default table col.hp { width: 60px; }
#pad-info .pad-info-enemy-list.default table col.turn { width: 40px; }
#pad-info .pad-info-enemy-list.default table col.remarks { }
#pad-info .pad-info-enemy-list.default table tr td.icon img {
width: 40px;
height: 40px;
border: 0;
}
#pad-info .pad-info-enemy-list.default table tr td.icon img.drop-icon {
width: 16px;
height: 18px;
border: 0;
}
/* Detail */
/* Common */
/* Basic Layout */
#pad-info .pad-info-detail {
margin: 10px 0 0;
}
body.layout-clear #pad-info .pad-info-detail {
margin-top: 0;
}
#pad-info .pad-info-detail .detail-wrap {
overflow: hidden;
}
#pad-info .pad-info-detail .detail-body {
background: #f5f4f2;
margin: -17px 0 0;
padding: 5px;
}
#pad-info .pad-info-detail .info-comp,
#pad-info .pad-info-detail .info-comp-set {
margin-top: 10px;
padding-top: 7px;
}
#pad-info .pad-info-detail .info-comp-set .info-comp {
margin-top: 5px;
padding-top: 0px;
background: none;
}
#pad-info .pad-info-detail .info-comp-groups {
display: inline-block;
width: 100%;
padding-top: 12px;
}
#pad-info .pad-info-detail .info-comp-groups .info-comp-set,
#pad-info .pad-info-detail .info-comp-groups .info-comp {
padding-top: 5px;
background: none;
margin-top: 0px;
}
#pad-info .pad-info-detail .info-comp-groups .info-comp-group {
float: left;
display: inline;
}
/* Title */
#pad-info .pad-info-detail .detail-title {
position: relative;
}
#pad-info .pad-info-detail .detail-title .title-icon {
padding-left: 4px;
}
#pad-info .pad-info-detail .detail-title .title-icon .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
}
#pad-info .pad-info-detail .detail-title .title-japname {
font-family: "굴림", Gulim, AppleGothic;
font-size: 12px;
color: #f9f9a0;
font-weight: normal;
letter-spacing: normal;
}
#pad-info .pad-info-detail .detail-title .title-countries {
position: absolute;
right: 13px;
top: 13px;
}
#pad-info .pad-info-detail .detail-title .title-button {
position: absolute;
right: 13px;
top: 13px;
}
#pad-info .pad-info-detail .detail-title .title-button select {
height: 21px;
}
/* Info Comp Title Link 1 */
#pad-info .pad-info-detail .info-comp-title {
position: relative;
}
#pad-info .pad-info-detail .info-comp-title .sub-text {
color: #ffebae;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
vertical-align: bottom;
margin-left: 10px;
font-weight: normal;
letter-spacing: normal;
}
#pad-info .pad-info-detail .info-comp-title .sub-text .sep {
margin: 0 2px;
color: #705c4a;
}
#pad-info .pad-info-detail .info-comp-title .title-link {
position: absolute;
right: 5px;
top: 5px;
border: solid 1px #64513e;
background: #856749;
padding: 5px 4px 2px;
}
#pad-info .pad-info-detail .info-comp-title .title-link,
#pad-info .pad-info-detail .info-comp-title .title-link a {
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
line-height: 14px;
color: #ffffff;
font-weight: normal;
letter-spacing: normal;
text-decoration: none;
}
#pad-info .pad-info-detail .info-comp-title .title-link a:hover {
color: #ffff00;
}
/* Common Data 1 */
#pad-info .pad-info-detail .common-data1 {
}
#pad-info .pad-info-detail .common-data1 .info-comp-body {
border: solid 1px #998c7b;
border-top: 0;
background: #d5cdc4;
padding: 5px;
}
#pad-info .pad-info-detail .common-data1 .sub-data {
border: solid 1px #a8988a;
background: #e9e5e0;
padding: 10px;
}
/* Common Data 2 */
#pad-info .pad-info-detail .common-data2 {
}
#pad-info .pad-info-detail .common-data2 .info-comp-body {
border: solid 1px #998c7b;
border-top: 0;
background: #d5cdc4;
padding: 5px;
}
/* Common Blank 1 */
#pad-info .pad-info-detail .common-board-content1 {
padding-bottom: 7px;
background: url('/static/pad/images/wrap_800_green1_bot.png') no-repeat left bottom;
}
#pad-info .pad-info-detail .common-board-content1 .info-comp-wrap {
background: url('/static/pad/images/wrap_800_green1_mid.png') repeat-y left top;
}
#pad-info .pad-info-detail .common-board-content1 .info-comp-body {
background: url('/static/pad/images/wrap_800_green1_mid1.png') no-repeat left top;
}
#pad-info .pad-info-detail .common-board-content1 .content {
padding: 40px 0 35px;
width: 560px;
margin: 0 auto;
text-align: left;
line-height: 160%;
}
/* Monster */
/* Basic Layout */
#pad-info .pad-info-monster-detail {
width: 800px;
overflow: hidden;
}
#pad-info .pad-info-monster-detail .detail-title .grade {
height: 0;
padding-top: 13px;
display: inline-block;
overflow: hidden;
background: url('/static/pad/images/icon_star1_repeatable.png') repeat-x left top;
}
/* Group : Basic */
#pad-info .pad-info-monster-detail .info-comp-groups-basic .info-comp-group-tooltip {
width: 382px;
}
#pad-info .pad-info-monster-detail .info-comp-groups-basic .info-comp-group-extra {
width: 403px;
margin-left: 5px;
}
/* Group : Exp */
#pad-info .pad-info-monster-detail .info-comp-groups-exp .info-comp-group-require {
width: 390px;
}
#pad-info .pad-info-monster-detail .info-comp-groups-exp .info-comp-group-simulator {
width: 390px;
margin-left: 10px;
}
/* Comp : Tooltip Info 1 */
#pad-info .pad-info-monster-detail .tooltip-info1 {
}
#pad-info .pad-info-monster-detail .tooltip-info1 .pad-info-monster-tooltip {
position: static;
display: block;
}
/* Comp : Screenshot Info 1 */
#pad-info .pad-info-monster-detail .screenshot-info1 {
}
#pad-info .pad-info-monster-detail .screenshot-info1 .image {
background: #bdbdbd;
}
#pad-info .pad-info-monster-detail .screenshot-info1 .image img {
width: 403px;
vertical-align: top;
border: 0;
}
/* Comp : Ranking Info */
#pad-info .pad-info-monster-detail .ranking-info {
}
#pad-info .pad-info-monster-detail .ranking-info .info-comp-title .count {
position: absolute;
right: 10px;
top: 9px;
font-family: "굴림", Gulim;
font-size: 12px;
color: #ffff00;
font-weight: normal;
letter-spacing: normal;
}
#pad-info .pad-info-monster-detail .ranking-info .info-comp-wrap {
border: 1px solid #998c7b;
border-top: 0;
background: #d5cdc4;
}
#pad-info .pad-info-monster-detail .ranking-info .info-comp-body {
padding: 7px;
}
#pad-info .pad-info-monster-detail .ranking-info .status-summary {
border: 1px solid #64513e;
background: #95806b;
color: #ffffff;
padding-left: 15px;
height: 25px;
line-height: 27px;
overflow: hidden;
}
#pad-info .pad-info-monster-detail .ranking-info .status-summary ul {
overflow: hidden;
}
#pad-info .pad-info-monster-detail .ranking-info .status-summary ul li {
overflow: hidden;
float: left;
white-space: nowrap;
width: 25%;
}
#pad-info .pad-info-monster-detail .ranking-info .ranking-table {
margin-top: 5px;
}
#pad-info .pad-info-monster-detail .ranking-info .ranking-table table {
width: 100%;
}
#pad-info .pad-info-monster-detail .ranking-info .ranking-table table col.th {
width: 77px;
}
#pad-info .pad-info-monster-detail .ranking-info .ranking-table table thead th img {
width: 21px;
height: 21px;
border: 0;
vertical-align: top;
}
/* Comp : Exp Info 1 */
/* Comp : Stats Info */
#pad-info .pad-info-monster-detail .stats-info {
}
#pad-info .pad-info-monster-detail .stats-info .info-comp-wrap {
border: 1px solid #998c7b;
border-top: 0;
background: #d5cdc4;
}
#pad-info .pad-info-monster-detail .stats-info .info-comp-body {
padding: 7px;
}
#pad-info .pad-info-monster-detail .stats-info .input-form {
margin: -30px 0 0 235px;
position: relative;
z-index: 1;
height: 25px;
padding: 4px 0 1px;
color: #ffebae;
}
#pad-info .pad-info-monster-detail .stats-info .input-form .with-text {
margin: -4px 0 -1px;
vertical-align: middle;
}
#pad-info .pad-info-monster-detail .stats-info .input-form .level {
border: solid 1px #868686;
background: #f5f4f2;
width: 41px;
height: 21px;
line-height: 22px;
text-align: center;
}
#pad-info .pad-info-monster-detail .stats-info .input-form .submit {
display: inline-block;
width: 51px;
height: 0;
padding-top: 22px;
border: 0;
background: url('/static/pad/images/btn_51x22_silver1_input1.png') no-repeat left top;
cursor: pointer;
}
#pad-info .pad-info-monster-detail .stats-info .result {
border: 1px solid #64513e;
background: #95806b;
color: #ffffff;
padding-left: 15px;
height: 25px;
line-height: 27px;
overflow: hidden;
}
#pad-info .pad-info-monster-detail .stats-info .result .result-one {
overflow: hidden;
float: left;
white-space: nowrap;
width: 33.333%;
}
#pad-info .pad-info-monster-detail .stats-info .result .result-one .change {
color: #00ff00;
}
/* Comp : Dungeon Info */
#pad-info .pad-info-monster-detail .dungeon-info {
}
#pad-info .pad-info-monster-detail .dungeon-info .info-comp-wrap {
border: 1px solid #998c7b;
border-top: 0;
background: #d5cdc4;
padding: 5px;
}
#pad-info .pad-info-monster-detail .dungeon-info .info-comp-body {
border: 1px solid #a8988a;
background: #e9e5e0;
min-height: 55px;
}
#pad-info .pad-info-monster-detail .dungeon-info .info-comp-body .monster-icon {
float: left;
margin: 10px 0 0 10px;
}
#pad-info .pad-info-monster-detail .dungeon-info .info-comp-body .monster-icon img {
width: 35px;
height: 35px;
border: 0;
vertical-align: top;
display: block;
}
#pad-info .pad-info-monster-detail .dungeon-info .info-comp-body .dungeon-list {
margin-left: 55px;
padding: 7px 0;
}
#pad-info .pad-info-monster-detail .dungeon-info .info-comp-body .dungeon-list ul {
overflow: hidden;
}
#pad-info .pad-info-monster-detail .dungeon-info .info-comp-body .dungeon-list ul li {
float: left;
width: 50%;
height: 23px;
line-height: 25px;
overflow: hidden;
}
#pad-info .pad-info-monster-detail .dungeon-info .info-comp-body .dungeon-list ul li img {
vertical-align:middle;
margin: -4px 0 -1px;
}
/* Comp : Same Skill Info */
#pad-info .pad-info-monster-detail .same-skill-info {
}
#pad-info .pad-info-monster-detail .same-skill-info .info-comp-title {
position: relative;
}
#pad-info .pad-info-monster-detail .same-skill-info .info-comp-title .description {
font-family: "굴림", Gulim;
font-size: 12px;
font-weight: normal;
letter-spacing: normal;
}
#pad-info .pad-info-monster-detail .same-skill-info .info-comp-title .turn {
font-family: "굴림", Gulim;
font-size: 12px;
font-weight: normal;
letter-spacing: normal;
color: #ffff00;
position: absolute;
right: 9px;
top: 10px;
}
#pad-info .pad-info-monster-detail .same-skill-info .info-comp-wrap {
border: 1px solid #998c7b;
border-top: 0;
background: #d5cdc4;
padding: 5px;
}
#pad-info .pad-info-monster-detail .same-skill-info .info-comp-body {
border: 1px solid #a8988a;
background: #e9e5e0;
padding: 10px;
}
#pad-info .pad-info-monster-detail .same-skill-info .list {
margin-top: -10px;
}
#pad-info .pad-info-monster-detail .same-skill-info .list .line {
overflow: hidden;
}
#pad-info .pad-info-monster-detail .same-skill-info .list .line dl {
float: left;
width: 50%;
overflow: hidden;
margin-top: 10px;
}
#pad-info .pad-info-monster-detail .same-skill-info .list .line dl dt {
height: 17px;
overflow: hidden;
font-weight: bold;
letter-spacing: -1px;
}
#pad-info .pad-info-monster-detail .same-skill-info .list .line dl dd ul {
overflow: hidden;
}
#pad-info .pad-info-monster-detail .same-skill-info .list .line dl dd ul li {
float: left;
margin: 4px 0 0 4px;
}
#pad-info .pad-info-monster-detail .same-skill-info .list .line dl dd ul li img {
width: 35px;
height: 35px;
border: 0;
vertical-align: top;
}
/* Dungeon */
/* Basic Layout */
#pad-info .pad-info-dungeon-detail {
}
/* Common Enemy Info */
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.common {
border: solid 1px #804727;
height: 31px;
line-height: 33px;
padding: 0 0 0 15px;
overflow: hidden;
background: url('/static/pad/images/bg_stage_title1.png') repeat-x left top;
font-family: "돋움", Dotum, AppleGothic;
font-size: 14px;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
}
/* Enemy Info */
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage {
border: solid 1px #804727;
height: 36px;
padding: 8px 0 0 15px;
overflow: hidden;
background: url('/static/pad/images/bg_stage_title2.png') repeat-x left top;
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage h4 {
font-family: "돋움", Dotum, AppleGothic;
font-size: 14px;
line-height: 19px;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage h4 .japname {
font-weight: normal;
letter-spacing: normal;
font-family: "굴림", Gulim, AppleGothic;
font-size: 12px;
color: #f9f9a0;
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage .sub-info {
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
line-height: 14px;
color: #ffcaac;
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage .sub-info .info-one {
display: inline-block;
margin-right: 8px;
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage .sub-info .stamina {
color: #00ff00;
font-weight: bold;
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage .sub-info .battle {
color: #ffff00;
font-weight: bold;
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage .stage-summary {
position: absolute;
margin: auto 0;
top: 0;
bottom: 0;
right: 4px;
height: 38px;
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage .stage-summary .box {
float: left;
width: 182px;
height: 36px;
margin-left: 4px;
height: 36px;
border: solid 1px #000000;
background: #69371f;
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage .stage-summary .box .box-title {
float: left;
display: block;
width: 43px;
border-right: solid 1px #000000;
height: 36px;
overflow: hidden;
text-indent: -1000em;
background: #000000 none no-repeat center center;
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage .stage-summary .box .box-title.exp {
background-image: url('/static/pad/images/icon_exp1.png');
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage .stage-summary .box .box-title.gold {
background-image: url('/static/pad/images/icon_gold1.png');
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage .stage-summary .box .box-body {
display: block;
line-height: 14px;
padding: 5px 0 0 4px;
margin-left: 44px;
color: #ffffff;
font-family: "굴림", Gulim, AppleGothic;
font-size: 12px;
font-weight: normal;
letter-spacing: normal;
}
#pad-info .pad-info-dungeon-detail .enemy-info .info-comp-title.stage .stage-summary .box .box-body .label {
color: #ffbf9c;
}
/* View */
/* Common */
/* Basic Layout */
body.layout-clear {
overflow-y: scroll;
}
.layout-clear #pad-info {
width: 800px;
}
#pad-info .pad-info-view .info-comp,
#pad-info .pad-info-view .info-comp-set {
margin-top: 10px;
}
#pad-info .pad-info-view .info-comp-set .info-comp {
margin-top: 0px;
}
#pad-info .pad-info-view .info-comp-set .info-comp .info-comp-wrap {
}
#pad-info .pad-info-view .info-comp-set .info-comp:first-child .info-comp-wrap {
}
#pad-info .pad-info-view .info-comp-set .info-comp .info-comp-body {
}
/* Board Info 1 */
#pad-info .pad-info-view .common-board-info1 {
}
#pad-info .pad-info-view .common-board-info1 .content-part {
text-align: center;
padding: 15px 0;
}
#pad-info .pad-info-view .common-board-info1 .alert {
clear: both;
display: block;
color: #ff0000;
border: 1px solid #ff0000;
margin: 0 auto 10px;
width: 520px;
padding: 7px 10px 3px;
}
#pad-info .pad-info-view .common-board-info1 .title {
clear: both;
width: 530px;
line-height: 150%;
margin: 10px auto 0;
font-size: 16px;
font-family: "돋움", Dotum, AppleGothic;
font-weight: bold;
letter-spacing: -1px;
color:#000;
text-align: left;
}
#pad-info .pad-info-view .common-board-info1 .content {
clear: both;
width: 530px;
line-height: 150%;
text-align: justify;
margin: 30px auto 0;
color:#000;
}
/* Board Info 2 */
#pad-info .pad-info-view .common-board-info2 {
border: solid 1px #c3beb8;
background: #f6f6f6;
}
#pad-info .pad-info-view .common-board-info2 .content-part {
text-align: center;
padding: 15px 0;
}
#pad-info .pad-info-view .common-board-info2 .alert {
clear: both;
display: block;
color: #ff0000;
border: 1px solid #ff0000;
margin: 0 auto 10px;
width: 520px;
padding: 7px 10px 3px;
}
body.site-pad.layout-wide #pad-info .pad-info-view .common-board-info2 .alert {
width: 510px;
}
#pad-info .pad-info-view .common-board-info2 .content {
clear: both;
width: 530px;
line-height: 150%;
text-align: justify;
margin: 15px auto 0;
padding-bottom: 15px;
color:#000;
}
body.site-pad.layout-wide #pad-info .pad-info-view .common-board-info2 .content {
width: 720px;
}
/* Comment */
/* Common */
#pad-info .pad-info-comment {
margin: 5px 0 0;
}
/* Ad */
/* Common */
#pad-info .pad-info-ad {
margin: 10px 0 0;
}
/* Module */
/* Monster */
/* ExpCalculator */
/* Basic Layout */
#pad-info .pad-info-monster-module.expcalculator .module-body {
position: relative;
}
#pad-info .pad-info-monster-module.expcalculator .mod-value-wrap {
padding: 0 1px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-value {
font-family: "돋움", Dotum, AppleGothic;
height: 23px;
line-height: 25px;
text-align: center;
border: solid 1px #868686;
color: #333333;
background: #f5f4f2;
vertical-align: top;
padding: 0;
margin: 0;
}
#pad-info .pad-info-monster-module.expcalculator .mod-value-wrap .mod-value {
margin: 0 -1px;
}
/* Input Part */
#pad-info .pad-info-monster-module.expcalculator .mod-input-part {
border: solid 1px #a8988a;
background: #e9e5e0;
padding: 0 35px 10px 30px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-input-part .mod-line {
margin-top: 10px;
height: 25px;
overflow: hidden;
position: relative;
line-height: 27px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-input-part .mod-line label {
float: left;
width: 83px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-input-part .mod-line.mod-target .mod-level {
width: 77px;
float: left;
height: 25px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-input-part .mod-line.mod-target .mod-value-wrap {
margin-left: 164px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-input-part .mod-line.mod-target .mod-value-wrap input {
width: 100%;
border-color: #a8988a;
background-color: #c9bbb1;
}
#pad-info .pad-info-monster-module.expcalculator .mod-input-part .mod-line.mod-current .mod-value-wrap {
margin: 0 66px 0 83px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-input-part .mod-line.mod-current .mod-value-wrap input {
width: 100%;
}
#pad-info .pad-info-monster-module.expcalculator .mod-input-part .mod-line.mod-current .mod-submit {
border: 0;
display: block;
position: absolute;
right: 0;
top: 0;
width: 61px;
height: 25px;
padding-top: 50px;
line-height: 50px;
overflow: hidden;
cursor: pointer;
background: url('/static/pad/images/btn_61x25_silver1_input1.png') no-repeat left top;
}
/* Result Part */
#pad-info .pad-info-monster-module.expcalculator .mod-result-part {
border: solid 1px #a8988a;
background: #e9e5e0;
padding: 12px 35px 10px 30px;
margin-top: 5px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-result-part .mod-label {
display: block;
height: 18px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-result-part .mod-result {
height: 25px;
line-height: 27px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-result-part .mod-result .mod-value {
width: 184px;
font-size: 16px;
font-weight: bold;
border-color: #ac9600;
background-color: #ece99c;
color: #ff0000;
}
#pad-info .pad-info-monster-module.expcalculator .mod-result-part .mod-result .mod-suffix {
margin-left: 15px;
}
/* Reagent Part */
#pad-info .pad-info-monster-module.expcalculator .mod-reagent-part {
border: solid 1px #a8988a;
background: #e9e5e0;
padding: 10px;
position: relative;
overflow: hidden;
margin-top: 5px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-reagent-part .mod-label {
height: 18px;
margin-top: 1px;
display: block;
}
#pad-info .pad-info-monster-module.expcalculator .mod-reagent-part .mod-list {
overflow: hidden;
margin: -5px 0 0 -5px;
width: 205px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-reagent-part .mod-list .mod-list-group {
}
#pad-info .pad-info-monster-module.expcalculator .mod-reagent-part .mod-list ul {
overflow: hidden;
}
#pad-info .pad-info-monster-module.expcalculator .mod-reagent-part .mod-list ul li {
float: left;
margin: 5px 0 0 5px;
}
#pad-info .pad-info-monster-module.expcalculator .mod-reagent-part .mod-list ul li img {
width: 35px;
height: 35px;
vertical-align: top;
border: 0;
}
#pad-info .pad-info-monster-module.expcalculator .mod-reagent-part .mod-result {
position: absolute;
right: 10px;
top: 71px;
width: 150px;
padding: 20px 0 16px;
border: solid 1px #ac9600;
background: #ece99c;
text-align: center;
color: #333333;
font-weight: bold;
letter-spacing: -1px;
line-height: 160%;
}
#pad-info .pad-info-monster-module.expcalculator .mod-reagent-part .mod-result strong {
color: #ff0000;
font-weight: bold;
letter-spacing: -1px;
font-size: 16px;
}
/* ExpSimulator */
/* Basic Layout */
#pad-info .pad-info-monster-module.expsimulator .module-body {
position: relative;
}
/* Input Part */
#pad-info .pad-info-monster-module.expsimulator .mod-input-part {
padding: 5px 30px;
line-height: 27px;
}
#pad-info .pad-info-monster-module.expsimulator .mod-input-part .mod-part-body {
position: relative;
overflow: hidden;
display: block;
}
#pad-info .pad-info-monster-module.expsimulator .mod-input-part label {
float: left;
width: 85px;
}
#pad-info .pad-info-monster-module.expsimulator .mod-input-part .mod-value-wrap {
padding: 0 1px;
margin: 0 66px 0 85px;
}
#pad-info .pad-info-monster-module.expsimulator .mod-input-part .mod-value {
font-family: "돋움", Dotum, AppleGothic;
height: 23px;
line-height: 25px;
text-align: center;
border: solid 1px #868686;
color: #333333;
background: #f5f4f2;
vertical-align: top;
padding: 0;
margin: 0 -1px;
width: 100%;
}
#pad-info .pad-info-monster-module.expsimulator .mod-input-part .mod-submit {
border: 0;
display: block;
position: absolute;
right: 0;
top: 0;
width: 61px;
height: 25px;
padding-top: 50px;
line-height: 50px;
overflow: hidden;
cursor: pointer;
background: url('/static/pad/images/btn_61x25_silver1_input1.png') no-repeat left top;
}
/* Simulate Part */
/* Basic Layout */
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part {
border: solid 1px #a8988a;
background: #e9e5e0;
padding: 10px;
}
/* Status Subpart */
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-status-subpart {
overflow: hidden;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-status-subpart .mod-box-one {
width: 151px;
float: left;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-status-subpart .mod-box-one.mod-result-box {
padding-left: 54px;
background: url('/static/pad/images/icon_arrow_gray4.png') no-repeat 10px center;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-status-subpart .mod-box-one .mod-box-title {
height: 23px;
line-height: 25px;
overflow: hidden;
text-align: center;
border: solid 1px #a8988a;
background: #d4b589;
color: #333333;
font-weight: bold;
letter-spacing: -1px;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-status-subpart .mod-box-one .mod-box-body {
padding: 5px;
border: solid 1px #a8988a;
border-top: 0;
background: #f4f1ed;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-status-subpart .mod-box-one .mod-value {
height: 23px;
line-height: 25px;
border: solid 1px #a8988a;
background: #c9bbb1;
text-align: center;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-status-subpart .mod-box-one .mod-label {
margin-top: 9px;
height: 17px;
padding-left: 2px;
}
/* Reagent Part */
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-reagent-subpart {
position: relative;
overflow: hidden;
margin-top: 11px;
background: url('/static/pad/images/icon_uparrow_gray1.png') no-repeat 263px 4px;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-reagent-subpart .mod-label {
height: 18px;
display: block;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-reagent-subpart .mod-list {
overflow: hidden;
margin: -5px 0 0 -5px;
width: 205px;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-reagent-subpart .mod-list .mod-list-group {
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-reagent-subpart .mod-list ul {
overflow: hidden;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-reagent-subpart .mod-list ul li {
float: left;
margin: 5px 0 0 5px;
position: relative;
overflow: hidden;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-reagent-subpart .mod-list ul li.selected {
border: solid 1px #ff0000;
margin: 4px -1px -1px 4px;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-reagent-subpart .mod-list ul li img {
width: 35px;
height: 35px;
vertical-align: top;
border: 0;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-reagent-subpart .mod-list ul li .mod-count {
font-family: "돋움", Dotum;
font-size: 11px;
color: #ffff00;
font-weight: bold;
background: #000000;
height: 12px;
line-height: 13px;
overflow: hidden;
display: block;
position: absolute;
right: 0;
bottom: 0;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-reagent-subpart .mod-result {
position: absolute;
right: 0px;
top: 59px;
width: 150px;
padding: 21px 0 18px;
border: solid 1px #ac9600;
background: #ece99c;
text-align: center;
color: #333333;
font-weight: bold;
letter-spacing: -1px;
line-height: 160%;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-reagent-subpart .mod-result strong {
color: #ff0000;
font-weight: bold;
letter-spacing: -1px;
font-size: 16px;
}
#pad-info .pad-info-monster-module.expsimulator .mod-simulate-part .mod-reagent-subpart .mod-reset {
position: absolute;
right: 43px;
bottom: 40px;
display: block;
width: 61px;
height: 25px;
line-height: 27px;
overflow: hidden;
text-align: center;
color: #000000;
text-decoration: none;
background: url('/static/pad/images/btn_61x25_orange1.png') no-repeat left top;
}
/* Searcher */
.pad-info-monster-module.searcher {
width: 248px;
display: none;
position: absolute;
text-align: left;
border: solid 1px #080808;
background: #080808;
z-index: 100;
}
.pad-info-monster-module.searcher .mod-title {
padding: 0 13px;
height: 32px;
line-height: 34px;
font-weight: bold;
letter-spacing: -1px;
color: #ffff00;
background: url('/static/pad/images/title_248x32_green1.png') no-repeat left top;
}
.pad-info-monster-module.searcher .mod-close-btn {
position: absolute;
display: block;
right: 8px;
top: 7px;
width: 35px;
height: 20px;
overflow: hidden;
text-indent: -1000em;
background: url('/static/pad/images/btn_35x20_black1_close1.png') no-repeat left top;
}
.pad-info-monster-module.searcher .module-body {
}
.pad-info-monster-module.searcher .mod-input {
position: relative;
padding: 8px;
}
.pad-info-monster-module.searcher .mod-input .mod-name {
margin-right: 51px;
padding: 0 4px;
}
.pad-info-monster-module.searcher .mod-input .mod-name input {
border: 0;
height: 23px;
line-height: 25px;
padding: 0 3px;
width: 100%;
margin: 0 -4px;
background: #9a9a9a;
}
.pad-info-monster-module.searcher .mod-input .mod-search-btn {
position: absolute;
right: 8px;
top: 8px;
display: block;
overflow: hidden;
text-indent: -100em;
width: 43px;
height: 23px;
background: url('/static/pad/images/btn_43x23_olive1_search1.png') no-repeat left top;
border: 0;
padding: 0;
margin: 0;
}
.pad-info-monster-module.searcher .mod-result {
border: solid 7px #2e2b08;
height: 215px;
padding: 4px 0;
overflow-y: scroll;
background: #080808;
}
.pad-info-monster-module.searcher .mod-result ul {
}
.pad-info-monster-module.searcher .mod-result ul li {
padding: 7px 5px 5px;
}
.pad-info-monster-module.searcher .mod-result ul li,
.pad-info-monster-module.searcher .mod-result ul li a {
color: #ffffff;
}
.pad-info-monster-module.searcher .mod-result ul li img {
width: 30px;
height: 30px;
vertical-align: middle;
margin: -4px 0 -1px;
border: 0;
}
.pad-info-monster-module.searcher .mod-result .mod-no-result {
text-align: center;
margin-top: 5px;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
line-height: 14px;
color: #ffffff;
}
/* Dungeon */
/* Navigator */
/* Basic Layout */
#pad-info .pad-info-dungeon-module.navigator .module-body {
display: inline-block;
width: 100%;
}
/* Dungeon List */
/* List */
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-list {
background: #46301d;
padding: 0 5px 5px;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-list > ul {
overflow: hidden;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-list > ul > li {
margin-top: 5px;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-list > ul > li > a {
display: block;
overflow: hidden;
width: 343px;
height: 39px;
line-height: 41px;
background: url('/static/pad/images/bg_dungeon_navigator_dungeon1.png') no-repeat left top;
position: relative;
font-family: "돋움", Dotum, AppleGothic;
padding: 0 0 0 13px;
font-size: 14px;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none;
cursor: pointer;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-list > ul > li.mod-dungeonclass1 > a { background-position: 0 -0px; }
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-list > ul > li.mod-dungeonclass2 > a { background-position: 0 -39px; }
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-list > ul > li.mod-dungeonclass3 > a { background-position: 0 -78px; }
/* Detail */
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail {
background: #140e08;
padding: 5px;
overflow: hidden;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list {
margin-top: -5px;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul {
overflow: hidden;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li {
margin-top: 5px;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li a {
display: block;
height: 34px;
line-height: 36px;
background: url('/static/pad/images/bg_dungeon_navigator_stage2.png') repeat-x left top;
padding: 0 0 0 10px;
text-decoration: none;
position: relative;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li.dim a {
background-image: url('/static/pad/images/bg_dungeon_navigator_stage3.png');
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li a .mod-name {
font-weight: bold;
letter-spacing: -1px;
color: #005e20;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li a .mod-sub-info {
position: absolute;
right: 0;
top: 0;
bottom: 0;
height: auto;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li a .mod-sub-info .mod-info-one {
display: inline-block;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
color: #333333;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li a .mod-sub-info .mod-info-one.mod-stamina {
width: 65px;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li a .mod-sub-info .mod-info-one.mod-battle {
width: 45px;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li a .mod-sub-info .mod-info-one .mod-value {
font-weight: bold;
letter-spacing: -1px;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li a .mod-sub-info .mod-stamina .mod-value {
color: #0000ff;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li a .mod-sub-info .mod-battle .mod-value {
color: #116a00;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li.dim a .mod-name {
color: #6f6f6f;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li.dim a .mod-sub-info .mod-info-one,
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li.dim a .mod-sub-info .mod-stamina .mod-value,
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon-detail .mod-stage-list ul li.dim a .mod-sub-info .mod-battle .mod-value {
color: #6f6f6f;
font-weight: normal;
letter-spacing: normal;
}
/* Dungeon */
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon {
float: left;
display: inline;
width: 384px;
overflow: hidden;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon .mod-search {
background: #1c1a18;
height: 36px;
padding: 11px 13px 0;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon .mod-search .mod-form-body {
position: relative;
padding-right: 120px;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon .mod-search select {
width: 100px;
height: 26px;
line-height: 28px;
float: left;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon .mod-search label {
display: block;
line-height: 28px;
position: relative;
padding: 0 3px;
background: #ffffff;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon .mod-search select + label {
margin-left: 105px;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon .mod-search label .placeholder {
position: absolute;
left: 4px;
top: 0px;
z-index: 1;
color: #888;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon .mod-search label input {
width: 100%;
height: 26px;
line-height: 28px;
overflow: hidden;
border: 0;
padding: 0 3px;
margin: 0 -3px;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon .mod-search input.submit {
width: 56px;
height: 26px;
display: block;
padding-top: 26px;
background: url('/static/pad/images/btn_56x26_yellow1_search1.png') no-repeat left top;
border: 0;
cursor: pointer;
position: absolute;
right: 60px;
top: 0;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon .mod-search input.reset {
width: 56px;
height: 26px;
display: block;
padding-top: 26px;
background: url('/static/pad/images/btn_56x26_orange1_reset1.png') no-repeat left top;
border: 0;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
}
#pad-info .pad-info-dungeon-module.navigator .mod-dungeon .mod-list {
width: 382px;
height: 432px;
overflow: hidden;
position: relative;
overflow-y: scroll;
border: solid 1px #2e2b28;
background: #46301d;
}
/* Hot Dungeon */
#pad-info .pad-info-dungeon-module.navigator .mod-hot-dungeon {
float: right;
display: inline;
width: 384px;
overflow: hidden;
border: solid 1px #1f2f00;
background: #395603 url('/static/pad/images/bg_dungeon_navigator_hot1.png') repeat-x left top;
padding: 4px;
}
#pad-info .pad-info-dungeon-module.navigator .mod-hot-dungeon .mod-title {
height: 46px;
margin-top: -4px;
line-height: 48px;
font-family: "돋움", Dotum, AppleGothic;
font-size: 14px;
color: #ffff00;
font-weight: bold;
letter-spacing: -1px;
padding: 0 0 0 10px;
}
#pad-info .pad-info-dungeon-module.navigator .mod-hot-dungeon .mod-list {
width: 382px;
height: 427px;
overflow: hidden;
overflow-y: scroll;
border: solid 1px #2e2b28;
background: #46301d;
position: relative;
}
#pad-info .pad-info-dungeon-module.navigator .mod-no-search .mod-hot-dungeon .mod-list {
height: 380px;
}
/* Searcher */
.pad-info-dungeon-module.searcher {
width: 348px;
display: none;
position: absolute;
text-align: left;
border: solid 1px #080808;
background: #080808;
z-index: 100;
}
.pad-info-dungeon-module.searcher .mod-title {
padding: 0 13px;
height: 32px;
line-height: 34px;
font-weight: bold;
letter-spacing: -1px;
color: #ffff00;
background: url('/static/pad/images/title_348x32_green1.png') no-repeat left top;
}
.pad-info-dungeon-module.searcher .mod-close-btn {
position: absolute;
display: block;
right: 8px;
top: 7px;
width: 35px;
height: 20px;
overflow: hidden;
text-indent: -1000em;
background: url('/static/pad/images/btn_35x20_black1_close1.png') no-repeat left top;
}
.pad-info-dungeon-module.searcher .module-body {
}
.pad-info-dungeon-module.searcher .mod-input {
position: relative;
padding: 8px;
}
.pad-info-dungeon-module.searcher .mod-input .mod-name {
margin-right: 51px;
padding: 0 4px;
}
.pad-info-dungeon-module.searcher .mod-input .mod-name input {
border: 0;
height: 23px;
line-height: 25px;
padding: 0 3px;
width: 100%;
margin: 0 -4px;
background: #9a9a9a;
}
.pad-info-dungeon-module.searcher .mod-input .mod-search-btn {
position: absolute;
right: 8px;
top: 8px;
display: block;
overflow: hidden;
text-indent: -100em;
width: 43px;
height: 23px;
background: url('/static/pad/images/btn_43x23_olive1_search1.png') no-repeat left top;
border: 0;
padding: 0;
margin: 0;
}
.pad-info-dungeon-module.searcher .mod-result {
border: solid 7px #2e2b08;
height: 215px;
padding: 4px 0;
overflow-y: scroll;
background: #080808;
}
.pad-info-dungeon-module.searcher .mod-result ul {
}
.pad-info-dungeon-module.searcher .mod-result ul li {
padding: 7px 5px 5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.pad-info-dungeon-module.searcher .mod-result ul li,
.pad-info-dungeon-module.searcher .mod-result ul li a {
color: #ffffff;
}
.pad-info-dungeon-module.searcher .mod-result ul li img {
vertical-align: middle;
margin: -4px 0 -1px;
border: 0;
}
.pad-info-dungeon-module.searcher .mod-result ul li img.monster-icon {
width: 20px;
height: 20px;
}
.pad-info-dungeon-module.searcher .mod-result .mod-no-result {
text-align: center;
margin-top: 5px;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
line-height: 14px;
color: #ffffff;
}
/* Evolve */
/* Reagent */
/* Basic Layout */
#pad-info .pad-info-evolve-module.reagent-renewal .module-body {
overflow: hidden;
}
/* Evolve Part */
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part {
float: left;
width: 399px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table {
width: 100%;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table col.mod-tree {
width: 330px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table tr td .mod-tree-line {
overflow: hidden;
padding: 10px 0;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table tr td .mod-tree-line .mod-tree-comp {
float: left;
white-space: nowrap;
overflow: hidden;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table tr td img.db-icon {
border: 0;
float: left;
display: block;
vertical-align: top;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table tr td .mod-tree-line .mod-tree-comp.mod-check {
width: 22px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table tr td .mod-tree-line .mod-tree-comp.mod-check .checkbox {
margin-top: 11px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table tr td .mod-tree-line .mod-tree-comp.mod-base {
width: 35px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table tr td .mod-tree-line .mod-tree-comp.mod-base .db-icon {
width: 35px;
height: 35px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table tr td .mod-tree-line .mod-tree-comp.mod-reagents {
width: 145px;
padding: 4px 0 4px 23px;
background: url('/static/pad/images/icon_plus1.png') no-repeat left center;
margin-left: 10px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table tr td .mod-tree-line .mod-tree-comp.mod-reagents .db-icon {
width: 25px;
height: 25px;
margin-left: 4px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table tr td .mod-tree-line .mod-tree-comp.mod-result {
width: 35px;
padding-left: 30px;
background: url('/static/pad/images/icon_arrow1.png') no-repeat left center;
margin-left: 10px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table tr td .mod-tree-line .mod-tree-comp.mod-result .db-icon {
width: 35px;
height: 35px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-evolve-part table tr td .sub-info {
color: #ff0000;
}
/* Reagent Part */
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part {
margin-left: 404px;
border: solid 1px #a8988a;
background: #e9e5e0;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-part-title {
background: #d4b589;
height: 25px;
line-height: 27px;
text-align: left;
border-bottom: solid 1px #a8988a;
padding: 0 9px;
position: relative;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-part-title .mod-sub-text {
color: #ed1c24;
font-family: "돋움", Dotum;
font-size: 11px;
position: absolute;
right: 10px;
top: 0;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-part-body {
min-height: 25px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-list {
padding: 4px 7px 8px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-list > ul > li {
margin-top: 4px;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-list > ul > li > .mod-reagent {
display: block;
height: 29px;
line-height: 31px;
overflow: hidden;
position: relative;
padding: 0 5px;
font-weight: bold;
letter-spacing: -1px;
border: 1px solid #a4785b;
background: #d19b77;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-list > ul > li > .mod-reagent img.db-icon {
width: 20px;
height: 20px;
vertical-align: middle;
margin: -4px 5px -1px 0;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-list > ul > li > .mod-reagent,
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-list > ul > li > .mod-reagent a {
color: #333333;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-list > ul > li > .mod-reagent .mod-count {
position: absolute;
top: 0px;
right: 12px;
color: #0000ff;
letter-spacing: normal;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-list > ul > li > .mod-dungeon {
border: 1px solid #a4785b;
border-top: 0;
background: #d9ccc3;
padding: 2px 7px;
display: none;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-list > ul > li > .mod-dungeon.shown {
display: block;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-list > ul > li > .mod-dungeon ul {
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-list > ul > li > .mod-dungeon ul li {
height: 24px;
line-height: 26px;
overflow: hidden;
}
#pad-info .pad-info-evolve-module.reagent-renewal .mod-reagent-part .mod-list > ul > li > .mod-dungeon ul img {
vertical-align: middle;
margin: -4px 0 -1px;
border: 0;
}
/* Skill */
/* Searcher */
.pad-info-skill-module.searcher {
width: 248px;
display: none;
position: absolute;
text-align: left;
border: solid 1px #080808;
background: #080808;
z-index: 100;
}
.pad-info-skill-module.searcher .mod-title {
padding: 0 13px;
height: 32px;
line-height: 34px;
font-weight: bold;
letter-spacing: -1px;
color: #ffff00;
background: url('/static/pad/images/title_248x32_green1.png') no-repeat left top;
}
.pad-info-skill-module.searcher .mod-close-btn {
position: absolute;
display: block;
right: 8px;
top: 7px;
width: 35px;
height: 20px;
overflow: hidden;
text-indent: -1000em;
background: url('/static/pad/images/btn_35x20_black1_close1.png') no-repeat left top;
}
.pad-info-skill-module.searcher .module-body {
}
.pad-info-skill-module.searcher .mod-input {
position: relative;
padding: 8px;
}
.pad-info-skill-module.searcher .mod-input .mod-name {
margin-right: 51px;
padding: 0 4px;
}
.pad-info-skill-module.searcher .mod-input .mod-name input {
border: 0;
height: 23px;
line-height: 25px;
padding: 0 3px;
width: 100%;
margin: 0 -4px;
background: #9a9a9a;
}
.pad-info-skill-module.searcher .mod-input .mod-search-btn {
position: absolute;
right: 8px;
top: 8px;
display: block;
overflow: hidden;
text-indent: -100em;
width: 43px;
height: 23px;
background: url('/static/pad/images/btn_43x23_olive1_search1.png') no-repeat left top;
border: 0;
padding: 0;
margin: 0;
}
.pad-info-skill-module.searcher .mod-result {
border: solid 7px #2e2b08;
height: 215px;
padding: 4px 0;
overflow-y: scroll;
background: #080808;
}
.pad-info-skill-module.searcher .mod-result ul {
}
.pad-info-skill-module.searcher .mod-result ul li {
padding: 7px 5px 5px;
}
.pad-info-skill-module.searcher .mod-result ul li,
.pad-info-skill-module.searcher .mod-result ul li a {
color: #ffffff;
}
.pad-info-skill-module.searcher .mod-result ul li img {
width: 18px;
height: 18px;
vertical-align: middle;
margin: -4px 0 -1px;
border: 0;
}
.pad-info-skill-module.searcher .mod-result .mod-no-result {
text-align: center;
margin-top: 5px;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
line-height: 14px;
color: #ffffff;
}
/* Browser */
/* Basic Layout */
.pad-info-skill-module.browser {
width: 389px;
display: none;
position: absolute;
text-align: left;
border: solid 1px #080808;
background: #2e2b08;
z-index: 100;
}
.pad-info-skill-module.browser .mod-title {
padding: 0 13px;
height: 32px;
line-height: 34px;
font-weight: bold;
letter-spacing: -1px;
color: #ffff00;
background: url('/static/pad/images/title_389x32_green1.png') no-repeat left top;
border-bottom: solid 1px #080808;
}
.pad-info-skill-module.browser .mod-close-btn {
position: absolute;
display: block;
right: 8px;
top: 7px;
width: 35px;
height: 20px;
overflow: hidden;
text-indent: -1000em;
background: url('/static/pad/images/btn_35x20_black1_close1.png') no-repeat left top;
}
.pad-info-skill-module.browser .mod-reset-btn {
position: absolute;
display: block;
right: 55px;
top: 7px;
width: 45px;
height: 20px;
overflow: hidden;
text-indent: -1000em;
background: url('/static/pad/images/btn_45x20_black1_reset1.png') no-repeat left top;
}
.pad-info-skill-module.browser .module-body {
overflow: hidden;
padding: 6px;
}
/* Category Part */
.pad-info-skill-module.browser .mod-category-part {
width: 138px;
float: left;
}
.pad-info-skill-module.browser .mod-category-part .mod-selector {
padding-bottom: 5px;
}
.pad-info-skill-module.browser .mod-category-part .mod-selector select {
width: 100%;
height: 25px;
display: block;
}
.pad-info-skill-module.browser .mod-category-part .mod-list {
border: solid 1px #040000;
height: 224px;
overflow-y: scroll;
background: #1d1c0d;
}
.pad-info-skill-module.browser .mod-category-part .mod-list ul {
padding-top: 1px;
}
.pad-info-skill-module.browser .mod-category-part .mod-list ul li {
margin-top: -1px;
}
.pad-info-skill-module.browser .mod-category-part .mod-list ul li a {
display: block;
height: 31px;
line-height: 33px;
overflow: hidden;
white-space: nowrap;
border-top: solid 1px #64703f;
border-bottom: solid 1px #64703f;
background: #1f3516 url('/static/pad/images/bg_green1.png') repeat-x left top;
padding-left: 10px;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none;
}
.pad-info-skill-module.browser .mod-category-part .mod-list ul li a:hover {
color: #ffff00;
}
/* Skill Part */
.pad-info-skill-module.browser .mod-skill-part {
padding-left: 44px;
margin-left: 138px;
background: url('/static/pad/images/bg_arrow_green1.png') no-repeat 7px center;
}
.pad-info-skill-module.browser .mod-skill-part .mod-list {
border: solid 1px #040000;
height: 254px;
overflow-y: scroll;
background: #1d1c0d;
}
.pad-info-skill-module.browser .mod-skill-part .mod-list ul {
padding-top: 1px;
}
.pad-info-skill-module.browser .mod-skill-part .mod-list ul li {
margin-top: -1px;
}
.pad-info-skill-module.browser .mod-skill-part .mod-list ul li a {
display: block;
height: 31px;
line-height: 33px;
overflow: hidden;
white-space: nowrap;
border-top: solid 1px #64703f;
border-bottom: solid 1px #64703f;
background: #1f3516 url('/static/pad/images/bg_green1.png') repeat-x left top;
padding-left: 10px;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none;
}
.pad-info-skill-module.browser .mod-skill-part .mod-list ul li a:hover {
color: #ffff00;
}
/* Info Layers */
/* Monster Layers */
/* Basic Layout */
#pad-info-monster-tooltips {
position: absolute;
left: 0;
top: 0;
z-index: 1000;
}
.pad-info-monster-tooltip {
position: absolute;
z-index: 1001;
display: none;
border: solid 1px #1e1711;
background: #2b231c url('/static/pad/images/bg_layer_mark1.png') repeat 4px 4px;
color: #cabeb0;
padding: 10px;
width: 360px;
}
.pad-info-monster-tooltip.pad-info-monster-tooltip-loading {
padding: 0;
width: 50px;
height: 50px;
border: solid 1px #ccc;
background: white url('/static/common/images/bg_loading.gif') no-repeat center center;
overflow: hidden;
}
.pad-info-monster-tooltip .tooltip-body { }
.pad-info-monster-tooltip dl {
margin-top: 2px;
}
.pad-info-monster-tooltip dl.grouped {
margin-top: 0px;
}
.pad-info-monster-tooltip dl,
.pad-info-monster-tooltip dl a {
line-height: 16px;
color: #dccdc0;
font-family: "굴림", Gulim, AppleGothic;
}
.pad-info-monster-tooltip dl dt {
display: none;
}
.pad-info-monster-tooltip dl dt,
.pad-info-monster-tooltip dl dt a {
color: #dccdc0;
}
.pad-info-monster-tooltip dl dd {
display: inline;
}
.pad-info-monster-tooltip dl dd a {
color: #dccdc0;
}
/* Group : Basic Info */
.pad-info-monster-tooltip dl.basicinfo {
min-height: 98px;
}
.pad-info-monster-tooltip dl.basicinfo > dd {
display: inline-block;
width: 100%;
position: relative;
}
.pad-info-monster-tooltip dl.basicinfo dl {
margin-left: 110px;
}
.pad-info-monster-tooltip dl.basicinfo dl.monstericon dd {
position: absolute;
left: 0;
top: 0;
margin-left: 0;
}
.pad-info-monster-tooltip dl.basicinfo dl.monstericon dd img {
width: 98px;
height: 98px;
vertical-align: top;
}
.pad-info-monster-tooltip dl.basicinfo dl.monstergrade {
position: absolute;
right: 0;
top: 20px;
white-space: nowrap;
letter-spacing: 1px;
}
.pad-info-monster-tooltip dl.basicinfo dl.extra {
position: absolute;
right: 0;
bottom: 0;
white-space: nowrap;
letter-spacing: 1px;
text-align: right;
}
.pad-info-monster-tooltip dl.basicinfo dl.extra .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
}
/* Special : Level Info */
/* .pad-info-monster-tooltip dl.levelinfo {
padding: 0 10px;
}
.pad-info-monster-tooltip dl.levelinfo > dd {
display: inline-block;
width: 100%;
position: relative;
margin-top: 10px;
background: url('/static/pad/images/icon_arrow_brown1.png') no-repeat center center;
}
.pad-info-monster-tooltip dl.levelinfo dl.base,
.pad-info-monster-tooltip dl.levelinfo dl.max {
float: left;
display: inline;
width: 150px;
border: solid 1px #888;
padding-top: 5px;
position: relative;
}
.pad-info-monster-tooltip dl.levelinfo dl.max {
float: right;
}
.pad-info-monster-tooltip dl.levelinfo dl.base > dt,
.pad-info-monster-tooltip dl.levelinfo dl.max > dt {
position: absolute;
left: 10px;
top: -8px;
background: #2b231c;
padding: 0 5px;
white-space: nowrap;
display: block;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
}
.pad-info-monster-tooltip dl.levelinfo dl.base > dd,
.pad-info-monster-tooltip dl.levelinfo dl.max > dd {
padding: 5px 10px;
display: block;
}
.pad-info-monster-tooltip dl.levelinfo dl.base dl,
.pad-info-monster-tooltip dl.levelinfo dl.max dl {
display: inline-block;
width: 100%;
line-height: 15px;
}
.pad-info-monster-tooltip dl.levelinfo dl.base dl dt,
.pad-info-monster-tooltip dl.levelinfo dl.max dl dt {
float: left;
display: inline;
}
.pad-info-monster-tooltip dl.levelinfo dl.base dl dd,
.pad-info-monster-tooltip dl.levelinfo dl.max dl dd {
float: right;
display: inline;
}
.pad-info-monster-tooltip dl.levelinfo dl.base dl dd span.change,
.pad-info-monster-tooltip dl.levelinfo dl.max dl dd span.change {
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
color: #7ce925;
} */
/* Special : Skill Info */
.pad-info-monster-tooltip dl.skillinfo {
}
.pad-info-monster-tooltip dl.skillinfo > dd > dl {
position: relative;
}
.pad-info-monster-tooltip dl.skillinfo dl dl.skillname dt {
display: inline-block;
font-weight: bold;
letter-spacing: -1px;
color: #ccc;
padding-right: 10px;
}
.pad-info-monster-tooltip dl.skillinfo dl dl.turn {
position: absolute;
right: 0;
top: 9px;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
}
.pad-info-monster-tooltip dl.skillinfo dl dl.skillextra {
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
line-height: 17px;
color: #999999;
}
/* Special : Awakeskills */
.pad-info-monster-tooltip dl.awakeskills {
}
.pad-info-monster-tooltip dl.awakeskills ul {
margin-top: -4px;
}
.pad-info-monster-tooltip dl.awakeskills ul li {
position: relative;
margin-top: 4px;
min-height: 25px;
}
.pad-info-monster-tooltip dl.awakeskills ul li img {
position: absolute;
left: 0;
top: 2px;
width: 25px;
height: 25px;
border: 0;
}
.pad-info-monster-tooltip dl.awakeskills ul li span.name,
.pad-info-monster-tooltip dl.awakeskills ul li span.description {
display: block;
margin-left: 32px;
}
.pad-info-monster-tooltip dl.awakeskills ul li span.name {
color: #00ff00;
}
.pad-info-monster-tooltip dl.awakeskills ul li span.description {
color: #dccdc0;
}
.pad-info-monster-tooltip dl.awakeskills ul li {
}
/* Special : Name */
.pad-info-monster-tooltip dl.monstername {
font-weight: bold;
letter-spacing: -1px;
font-family: "돋움", Dotum, AppleGothic;
font-size: 14px;
line-height: 18px;
color: #ffff00;
}
/* Special : No Country Flag */
.pad-info-monster-tooltip dl.nocountryko dd {
display: block;
text-align: center;
color: #ffffff;
background: #d10b0b;
height: 20px;
line-height: 22px;
margin: 10px 0 0;
border: solid 1px #ea0617;
}
.pad-info-monster-tooltip dl.nocountryko dd strong {
font-weight: normal;
letter-spacing: normal;
color: #ffff00;
}
/* Title : Show */
.pad-info-monster-tooltip dl.seteffects dt ,
.pad-info-monster-tooltip dl.obtaindata dt,
.pad-info-monster-tooltip dl.statsinfo dl dt,
.pad-info-monster-tooltip dl.sellprice dt,
.pad-info-monster-tooltip dl.durability dt {
display: inline;
}
/* Title : Hide */
.pad-info-monster-tooltip dl.none dt {
display: none;
}
/* Space : Top */
.pad-info-monster-tooltip dl.none {
margin-top: 8px;
}
/* Padding : Bottom */
.pad-info-monster-tooltip dl.none {
padding-bottom: 4px;
}
/* Separator : Line Break */
.pad-info-monster-tooltip dl.seteffects dt {
display: block;
}
/* Separator : Top */
.pad-info-monster-tooltip dl.awakeskills,
.pad-info-monster-tooltip dl.extradescription,
.pad-info-monster-tooltip dl.levelinfo,
.pad-info-monster-tooltip dl.skillinfo > dd > dl {
border-top: solid 1px #4d4640;
padding-top: 8px;
margin-top: 7px;
}
/* Separator : Bottom */
.pad-info-monster-tooltip dl.none {
border-bottom: solid 1px #4d4640;
padding-bottom: 8px;
margin-bottom: 7px;
}
/* Style : Bold */
.pad-info-monster-tooltip dl.none {
font-weight: bold;
letter-spacing: -1px;
}
/* Color : Red */
.pad-info-monster-tooltip dl.none {
color: #e21517;
}
/* Color : Blue */
.pad-info-monster-tooltip dl.none {
color: #94b2ff;
}
/* Color : Yellow */
.pad-info-monster-tooltip dl.monsterskillextra,
.pad-info-monster-tooltip dl.extradescription {
color: #fff568;
}
/* Color : Green */
.pad-info-monster-tooltip dl.skillinfo dl dl.skillname dd a {
color: #00ff00;
}
/* Color : Gray */
.pad-info-monster-tooltip dl.none {
color: #aaaaaa;
}
/* Size : 11px */
.pad-info-monster-tooltip dl.none dd {
font-size: 11px;
font-family: "돋움", Dotum, AppleGothic;
line-height: 15px;
}
/* Skill Layers */
/* Basic Layout */
#pad-info-skill-tooltips {
position: absolute;
left: 0;
top: 0;
z-index: 1000;
}
.pad-info-skill-tooltip {
position: absolute;
z-index: 1001;
display: none;
border: solid 1px #1e1711;
background: #2b231c url('/static/pad/images/bg_layer_mark1.png') repeat 4px 4px;
color: #cabeb0;
padding: 10px;
width: 360px;
}
.pad-info-skill-tooltip.pad-info-skill-tooltip-loading {
padding: 0;
width: 50px;
height: 50px;
border: solid 1px #ccc;
background: white url('/static/common/images/bg_loading.gif') no-repeat center center;
overflow: hidden;
}
.pad-info-skill-tooltip .tooltip-body { }
.pad-info-skill-tooltip dl {
margin-top: 2px;
}
.pad-info-skill-tooltip dl.grouped {
margin-top: 0px;
}
.pad-info-skill-tooltip dl,
.pad-info-skill-tooltip dl a {
line-height: 16px;
color: #dccdc0;
font-family: "굴림", Gulim, AppleGothic;
}
.pad-info-skill-tooltip dl dt {
display: none;
}
.pad-info-skill-tooltip dl dt,
.pad-info-skill-tooltip dl dt a {
color: #a4aeb0;
}
.pad-info-skill-tooltip dl dd {
display: inline;
}
.pad-info-skill-tooltip dl dd a {
color: #ffffff;
}
/* Special : Name */
.pad-info-skill-tooltip dl.skillname {
font-weight: bold;
letter-spacing: -1px;
font-family: "돋움", Dotum, AppleGothic;
font-size: 14px;
line-height: 18px;
padding-bottom: 2px;
}
.pad-info-skill-tooltip dl.skillname .db-icon {
vertical-align: middle;
margin: -4px 0 -1px;
border: 0;
width: 20px;
height: 20px;
}
/* Title : Show */
.pad-info-skill-tooltip dl.none dt {
display: inline;
}
/* Title : Hide */
.pad-info-skill-tooltip dl.none dt {
display: none;
}
/* Space : Top */
.pad-info-skill-tooltip dl.none {
margin-top: 8px;
}
/* Padding : Bottom */
.pad-info-skill-tooltip dl.none {
padding-bottom: 4px;
}
/* Separator : Line Break */
.pad-info-skill-tooltip dl.none dt {
display: block;
}
/* Separator : Top */
.pad-info-skill-tooltip dl.description {
border-top: solid 1px #4d4640;
padding-top: 8px;
margin-top: 7px;
}
/* Separator : Bottom */
.pad-info-skill-tooltip dl.none {
border-bottom: solid 1px #4d4640;
padding-bottom: 8px;
margin-bottom: 7px;
}
/* Style : Bold */
.pad-info-skill-tooltip dl.none {
font-weight: bold;
letter-spacing: -1px;
}
/* Size : 11px */
.pad-info-skill-tooltip dl.turn,
.pad-info-skill-tooltip dl.extradescription {
font-size: 11px;
font-family: "돋움", Dotum, AppleGothic;
line-height: 15px;
}
/* Color : Red */
.pad-info-skill-tooltip dl.none {
color: #e21517;
}
/* Color : Blue */
.pad-info-skill-tooltip dl.none {
color: #94b2ff;
}
/* Color : Yellow */
.pad-info-skill-tooltip dl.none {
color: #fff568;
}
/* Color : Green */
.pad-info-skill-tooltip dl.none {
color: #00ff00;
}
/* Color : Gray */
.pad-info-skill-tooltip dl.turn,
.pad-info-skill-tooltip dl.extradescription {
color: #aaaaaa;
}
/* Friendbox Layers */
/* Basic Layout */
#pad-info-friendbox-tooltips {
position: absolute;
left: 0;
top: 0;
z-index: 1000;
}
.pad-info-friendbox-tooltip {
position: absolute;
z-index: 1001;
display: none;
border: solid 1px #1e1711;
background: #2b231c url('/static/pad/images/bg_layer_mark1.png') repeat 4px 4px;
color: #cabeb0;
padding: 10px;
width: 360px;
}
.pad-info-friendbox-tooltip.pad-info-friendbox-tooltip-loading {
padding: 0;
width: 50px;
height: 50px;
border: solid 1px #ccc;
background: white url('/static/common/images/bg_loading.gif') no-repeat center center;
overflow: hidden;
}
.pad-info-friendbox-tooltip .tooltip-body { }
.pad-info-friendbox-tooltip dl {
margin-top: 2px;
}
.pad-info-friendbox-tooltip dl.grouped {
margin-top: 0px;
}
.pad-info-friendbox-tooltip dl,
.pad-info-friendbox-tooltip dl a {
line-height: 16px;
color: #dccdc0;
font-family: "굴림", Gulim, AppleGothic;
}
.pad-info-friendbox-tooltip dl dt {
display: none;
}
.pad-info-friendbox-tooltip dl dt,
.pad-info-friendbox-tooltip dl dt a {
color: #dccdc0;
}
.pad-info-friendbox-tooltip dl dd {
display: inline;
}
.pad-info-friendbox-tooltip dl dd a {
color: #dccdc0;
}
/* Special : Level Info */
.pad-info-friendbox-tooltip dl.boxlevelinfo {
padding: 0 10px;
overflow: auto;
margin-top: 10px;
}
.pad-info-friendbox-tooltip dl.boxlevelinfo > dd {
display: inline-block;
width: 100%;
position: relative;
margin-top: 10px;
background: url('/static/pad/images/icon_arrow_brown1.png') no-repeat center center;
}
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.base,
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.max {
float: left;
display: inline;
width: 150px;
border: solid 1px #888;
padding-top: 5px;
position: relative;
}
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.max {
float: right;
}
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.base > dt,
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.max > dt {
position: absolute;
left: 10px;
top: -8px;
background: #2b231c;
padding: 0 5px;
white-space: nowrap;
display: block;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
}
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.base > dd,
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.max > dd {
padding: 5px 10px;
display: block;
}
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.base dl,
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.max dl {
display: inline-block;
width: 100%;
line-height: 15px;
}
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.base dl dt,
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.max dl dt {
float: left;
display: inline;
}
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.base dl dd,
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.max dl dd {
float: right;
display: inline;
}
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.base dl dd span.change,
.pad-info-friendbox-tooltip dl.boxlevelinfo dl.max dl dd span.change {
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
color: #ffff00;
}
/* Special : Skill Info */
.pad-info-friendbox-tooltip dl.skillinfo {
}
.pad-info-friendbox-tooltip dl.skillinfo > dd > dl {
position: relative;
}
.pad-info-friendbox-tooltip dl.skillinfo dl dl.skillname dt {
display: inline-block;
font-weight: bold;
letter-spacing: -1px;
color: #ccc;
padding-right: 10px;
}
.pad-info-friendbox-tooltip dl.skillinfo dl dl.turn {
position: absolute;
right: 0;
top: 9px;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
}
.pad-info-friendbox-tooltip dl.skillinfo dl dl.skillextra {
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
line-height: 17px;
color: #999999;
}
/* Special : Name */
.pad-info-friendbox-tooltip dl.friendboxname {
font-weight: bold;
letter-spacing: -1px;
font-family: "돋움", Dotum, AppleGothic;
font-size: 14px;
line-height: 18px;
color: #ffff00;
}
/* Title : Show */
.pad-info-friendbox-tooltip dl.seteffects dt ,
.pad-info-friendbox-tooltip dl.obtaindata dt,
.pad-info-friendbox-tooltip dl.statsinfo dl dt,
.pad-info-friendbox-tooltip dl.sellprice dt,
.pad-info-friendbox-tooltip dl.durability dt {
display: inline;
}
/* Title : Hide */
.pad-info-friendbox-tooltip dl.none dt {
display: none;
}
/* Space : Top */
.pad-info-friendbox-tooltip dl.none {
margin-top: 8px;
}
/* Padding : Bottom */
.pad-info-friendbox-tooltip dl.none {
padding-bottom: 4px;
}
/* Separator : Line Break */
.pad-info-friendbox-tooltip dl.seteffects dt {
display: block;
}
/* Separator : Top */
.pad-info-friendbox-tooltip dl.extradescription,
.pad-info-friendbox-tooltip dl.skillinfo > dd > dl {
border-top: solid 1px #4d4640;
padding-top: 8px;
margin-top: 7px;
}
/* Separator : Bottom */
.pad-info-friendbox-tooltip dl.none {
border-bottom: solid 1px #4d4640;
padding-bottom: 8px;
margin-bottom: 7px;
}
/* Style : Bold */
.pad-info-friendbox-tooltip dl.none {
font-weight: bold;
letter-spacing: -1px;
}
/* Color : Red */
.pad-info-friendbox-tooltip dl.none {
color: #e21517;
}
/* Color : Blue */
.pad-info-friendbox-tooltip dl.none {
color: #94b2ff;
}
/* Color : Yellow */
.pad-info-friendbox-tooltip dl.friendboxskillextra,
.pad-info-friendbox-tooltip dl.extradescription {
color: #fff568;
}
/* Color : Green */
.pad-info-friendbox-tooltip dl.skillinfo dl dl.skillname dd a {
color: #00ff00;
}
/* Color : Gray */
.pad-info-friendbox-tooltip dl.none {
color: #aaaaaa;
}
/* Size : 11px */
.pad-info-friendbox-tooltip dl.none dd {
font-size: 11px;
font-family: "돋움", Dotum, AppleGothic;
line-height: 15px;
}
/* Sub Tooltip : Monster */
.pad-info-friendbox-tooltip dl.pad-info-monster-tooltip,
.pad-info-friendbox-tooltip dl.pad-info-monster-tooltip.grouped {
display: block;
position: relative;
border: 0;
padding: 10px 10px 0;
border-top: double 3px #847a72;
margin: 10px -10px 0;
}
/* Monster Simulator Layers */
/* Basic Layout */
#pad-info-monster-simulator-tooltips {
position: absolute;
left: 0;
top: 0;
z-index: 1000;
}
.pad-info-monster-simulator-tooltip {
position: absolute;
z-index: 1001;
display: none;
border: solid 1px #1e1711;
background: #2b231c url('/static/pad/images/bg_layer_mark1.png') repeat 4px 4px;
color: #cabeb0;
padding: 10px;
width: 360px;
}
.pad-info-monster-simulator-tooltip.pad-info-monster-simulator-tooltip-loading {
padding: 0;
width: 50px;
height: 50px;
border: solid 1px #ccc;
background: white url('/static/common/images/bg_loading.gif') no-repeat center center;
overflow: hidden;
}
.pad-info-monster-simulator-tooltip .tooltip-body { }
.pad-info-monster-simulator-tooltip dl {
margin-top: 2px;
}
.pad-info-monster-simulator-tooltip dl.grouped {
margin-top: 0px;
}
.pad-info-monster-simulator-tooltip dl,
.pad-info-monster-simulator-tooltip dl a {
line-height: 16px;
color: #dccdc0;
font-family: "굴림", Gulim, AppleGothic;
}
.pad-info-monster-simulator-tooltip dl dt {
display: none;
}
.pad-info-monster-simulator-tooltip dl dt,
.pad-info-monster-simulator-tooltip dl dt a {
color: #dccdc0;
}
.pad-info-monster-simulator-tooltip dl dd {
display: inline;
}
.pad-info-monster-simulator-tooltip dl dd a {
color: #dccdc0;
}
/* Special : Level Info */
.pad-info-monster-simulator-tooltip dl.boxlevelinfo {
padding: 0 10px;
overflow: auto;
margin-top: 10px;
}
.pad-info-monster-simulator-tooltip dl.boxlevelinfo > dd {
display: inline-block;
width: 100%;
position: relative;
margin-top: 10px;
background: url('/static/pad/images/icon_arrow_brown1.png') no-repeat center center;
}
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.base,
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.max {
float: left;
display: inline;
width: 150px;
border: solid 1px #888;
padding-top: 5px;
position: relative;
}
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.max {
float: right;
}
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.base > dt,
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.max > dt {
position: absolute;
left: 10px;
top: -8px;
background: #2b231c;
padding: 0 5px;
white-space: nowrap;
display: block;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
}
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.base > dd,
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.max > dd {
padding: 5px 10px;
display: block;
}
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.base dl,
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.max dl {
display: inline-block;
width: 100%;
line-height: 15px;
}
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.base dl dt,
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.max dl dt {
float: left;
display: inline;
}
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.base dl dd,
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.max dl dd {
float: right;
display: inline;
}
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.base dl dd span.change,
.pad-info-monster-simulator-tooltip dl.boxlevelinfo dl.max dl dd span.change {
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
color: #ffff00;
}
/* Special : Skill Info */
.pad-info-monster-simulator-tooltip dl.skillinfo {
}
.pad-info-monster-simulator-tooltip dl.skillinfo > dd > dl {
position: relative;
}
.pad-info-monster-simulator-tooltip dl.skillinfo dl dl.skillname dt {
display: inline-block;
font-weight: bold;
letter-spacing: -1px;
color: #ccc;
padding-right: 10px;
}
.pad-info-monster-simulator-tooltip dl.skillinfo dl dl.turn {
position: absolute;
right: 0;
top: 9px;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
}
.pad-info-monster-simulator-tooltip dl.skillinfo dl dl.skillextra {
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
line-height: 17px;
color: #999999;
}
/* Special : Name */
.pad-info-monster-simulator-tooltip dl.name {
font-weight: bold;
letter-spacing: -1px;
font-family: "돋움", Dotum, AppleGothic;
font-size: 14px;
line-height: 18px;
color: #ffff00;
}
/* Title : Show */
.pad-info-monster-simulator-tooltip dl.seteffects dt ,
.pad-info-monster-simulator-tooltip dl.obtaindata dt,
.pad-info-monster-simulator-tooltip dl.statsinfo dl dt,
.pad-info-monster-simulator-tooltip dl.sellprice dt,
.pad-info-monster-simulator-tooltip dl.durability dt {
display: inline;
}
/* Title : Hide */
.pad-info-monster-simulator-tooltip dl.none dt {
display: none;
}
/* Space : Top */
.pad-info-monster-simulator-tooltip dl.none {
margin-top: 8px;
}
/* Padding : Bottom */
.pad-info-monster-simulator-tooltip dl.none {
padding-bottom: 4px;
}
/* Separator : Line Break */
.pad-info-monster-simulator-tooltip dl.seteffects dt {
display: block;
}
/* Separator : Top */
.pad-info-monster-simulator-tooltip dl.extradescription,
.pad-info-monster-simulator-tooltip dl.skillinfo > dd > dl {
border-top: solid 1px #4d4640;
padding-top: 8px;
margin-top: 7px;
}
/* Separator : Bottom */
.pad-info-monster-simulator-tooltip dl.none {
border-bottom: solid 1px #4d4640;
padding-bottom: 8px;
margin-bottom: 7px;
}
/* Style : Bold */
.pad-info-monster-simulator-tooltip dl.none {
font-weight: bold;
letter-spacing: -1px;
}
/* Color : Red */
.pad-info-monster-simulator-tooltip dl.none {
color: #e21517;
}
/* Color : Blue */
.pad-info-monster-simulator-tooltip dl.none {
color: #94b2ff;
}
/* Color : Yellow */
.pad-info-monster-simulator-tooltip dl.monster-simulatorskillextra,
.pad-info-monster-simulator-tooltip dl.extradescription {
color: #fff568;
}
/* Color : Green */
.pad-info-monster-simulator-tooltip dl.skillinfo dl dl.skillname dd a {
color: #00ff00;
}
/* Color : Gray */
.pad-info-monster-simulator-tooltip dl.none {
color: #aaaaaa;
}
/* Size : 11px */
.pad-info-monster-simulator-tooltip dl.none dd {
font-size: 11px;
font-family: "돋움", Dotum, AppleGothic;
line-height: 15px;
}
/* Sub Tooltip : Monster */
.pad-info-monster-simulator-tooltip dl.pad-info-monster-tooltip,
.pad-info-monster-simulator-tooltip dl.pad-info-monster-tooltip.grouped {
display: block;
position: relative;
border: 0;
padding: 10px 10px 0;
border-top: double 3px #847a72;
margin: 10px -10px 0;
}
/* Layout */
.site-pad { }
.site-pad.layout-clear {
background: #ffffff;
}
.site-pad #layout {
text-align: center;
background: #fdfdfd url('/static/pad/images/bg_site8.jpg') no-repeat center top;
}
.site-pad.layout-clear #layout {
text-align: left;
background: #ffffff;
}
.site-pad #wrap {
margin: 0 auto;
text-align: left;
width: 1000px;
position: relative;
}
.site-pad.layout-outright #wrap {
width: 1190px;
}
.site-pad.layout-clear #wrap {
margin: 0;
width: auto;
}
.site-pad #header {
}
.site-pad.layout-outright #header {
width: 1000px;
}
.site-pad #container {
width: 1000px;
display: inline-block;
background: url('/static/pad/images/bg_container2.png') repeat-y left top;
padding: 0 0 5px;
position: relative;
}
.site-pad.layout-outright #container {
width: 1190px;
border-top: none;
}
.site-pad.layout-clear #container {
width: auto;
background: #ffffff;
padding: 0;
display: block;
}
.site-pad #left {
float: left;
width: 180px;
min-height: 10px;
}
.site-pad.layout-clear #left {
display: none;
}
.site-pad #content-body {
float: left;
width: 620px;
min-height: 10px;
padding: 0 10px;
}
.site-pad.layout-clear #content-body {
float: none;
display: block;
margin: 0;
}
.site-pad.layout-sub #content-body #board-wrap {
margin: 0 10px;
}
.site-pad #right {
float: left;
width: 180px;
min-height: 10px;
border-top: 1px solid #000000;
}
.site-pad.layout-clear #right {
display: none;
}
.site-pad.layout-floatright #right {
position: absolute;
left: 1010px;
top: 0;
}
.site-pad.layout-outright #right {
margin-left: 10px;
}
.site-pad #footer {
clear: both;
background: white;
border-top: 1px solid #e2e2e2;
}
.site-pad.layout-clear #footer {
display: none;
}
.site-pad.layout-wide #content-body {
width: 800px;
}
.site-pad.layout-outright #content-body {
border-top: 0;
}
.site-pad.layout-noleft #container { }
.site-pad.layout-outright #container,
.site-pad.layout-floatright #container,
.site-pad.layout-noright #container {
background-image: url('/static/pad/images/bg_container2.png');
}
.site-pad.layout-noright.layout-clear #container {
background: none;
}
.site-pad #rightfloat {
position: absolute;
right: -200px;
width: 190px;
top: 310px;
}
/* Header */
.site-pad #header { }
.site-pad #header .logo-line {
height: 90px;
overflow: hidden;
padding: 15px 0px
}
.site-pad #header .logo-line .logo {
float: left;
display: inline;
width: 190px;
height: 90px;
overflow: hidden;
}
.site-pad #header .logo-line .logo a {
display: block;
width: 190px;
height: 90px;
text-indent: -1000em;
overflow: hidden;
background: url('/static/pad/images/logo_pad1.png?v=130806') no-repeat left top;
}
.site-pad #header .logo-line .notice {
float: left;
display: inline;
width: 300px;
height: 90px;
overflow: hidden;
}
.site-pad #header .logo-line .notice img {
width: 300px;
height: 90px;
vertical-align: top;
border: 0;
}
.site-pad #header .logo-line .ad {
float: right;
display: inline;
width: 728px;
height: 90px;
overflow: hidden;
background: #ffffff;
background: #000000;
}
.site-pad #header .gnb {
width: 1000px;
height: 43px;
background: url('/static/pad/images/bg_gnb1.png?v=2') repeat-x left -86px;
}
.site-pad #header .gnb .gnb-body {
width: 1000px;
height: 43px;
background: url('/static/pad/images/bg_gnb1.png') no-repeat left top;
}
.site-pad #header .gnb .gnb-body .gnb-body-wrap {
position: relative;
width: 1000px;
height: 43px;
background: url('/static/pad/images/bg_gnb1.png') no-repeat right -43px;
}
.site-pad #header .gnb ul.basic {
height: 43px;
}
.site-pad #header .gnb ul.basic li {
float: left;
height: 43px;
}
.site-pad #header .gnb ul.basic li + li {
background: url('/static/pad/images/sep_2x17_gray1.png') no-repeat left center;
padding-left: 2px;
}
.site-pad #header .gnb ul.basic li a {
display: block;
height: 43px;
overflow: hidden;
}
.site-pad #header .gnb ul.basic li a span.hover {
display: block;
height: 86px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/pad/images/menu/gnb5_4.png') no-repeat left top;
}
.site-pad #header .gnb ul.basic li a:hover span.hover {
margin-top: -43px;
}
.site-pad #header .gnb ul.basic li.home a span.hover {
width: 69px;
background-position: 0px 0px;
}
.site-pad #header .gnb ul.basic li.monster a span.hover {
width:79px;
background-position: -71px 0px;
}
.site-pad #header .gnb ul.basic li.dungeon a span.hover {
width: 68px;
background-position: -152px 0px;
}
.site-pad #header .gnb ul.basic li.skill a span.hover {
width: 68px;
background-position: -220px 0px;
}
.site-pad #header .gnb ul.basic li.friendbox a span.hover {
width: 86px;
background-position: -289px 0px;
}
.site-pad #header .gnb ul.basic li.monster-simulator a span.hover {
width: 97px;
background-position: -372px 0px;
}
.site-pad #header .gnb ul.basic li.rankupexp a span.hover {
width: 72px;
background-position: -466px 0px;
}
.site-pad #header .gnb ul.basic li.dungeonexp a span.hover {
width: 85px;
background-position: -541px 0px;
}
.site-pad #header .gnb ul.basic li.dungeonbonus a span.hover {
width: 120px;
background-position: -630px 0px;
}
.site-pad #header .gnb ul.agit {
position: absolute;
top: 8px;
right: 8px;
}
.site-pad #header .gnb ul.agit li.agit-button a {
display: block;
width: 110px;
height: 27px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/pad/images/menu/gnb_agit1.png') no-repeat left top;
}
/* Leftmenu */
/* Common */
body.viewtype-pc.site-pad #leftmenu .menu-groups {
text-align: center;
}
body.viewtype-pc.site-pad #leftmenu .menu-group {
margin: 5px auto 0;
overflow: hidden;
}
/* Menu Text : Common Decoration */
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li strong {
font-weight: bold;
letter-spacing: -1px;
}
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li em { }
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li em.event {
padding-top: 1px;
padding-right: 40px;
background: url('/static/pad/images/icon_event_purple1.gif') no-repeat right top;
}
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li em.open {
padding-top: 0px;
padding-right: 30px;
background: url('/static/pad/images/icon_open_red2.gif') no-repeat right top;
}
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li strong.normal {
font-weight: normal;
letter-spacing: normal;
}
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li strong.blue a {
color: #0000ff;
}
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li strong.green a {
color: #005200;
}
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li strong.cyan a {
color: #00ffde;
}
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li strong.yellow a {
color: #ffff00;
}
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li strong.orange a {
color: #ff7800;
}
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li strong.red a {
color: #ff2b2b;
}
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li strong.white a {
color: #ffffff;
}
body.viewtype-pc.site-pad #leftmenu .menu-text .menu-body ul li strong.pink a {
color: #ff2bbc;
}
/* Common Title */
/* Image 1 */
body.viewtype-pc.site-pad #leftmenu .menu-title {
display: block;
width: 180px;
height: 34px;
overflow: hidden;
line-height: 34px;
text-indent: 20px;
color: #fefefe;
font-size: 13px;
font-weight: bold;
letter-spacing: -1px;
text-align: left;
background: #575c62 url('/static/pad/images/icon_arrow_white1.png?v=2') no-repeat 13px center;
}
/* Menu Module 1 */
body.viewtype-pc.site-pad #leftmenu .menu-module1 {
width: 180px;
}
body.viewtype-pc.site-pad #leftmenu .menu-module1 .menu-wrap {
}
body.viewtype-pc.site-pad #leftmenu .menu-module1 .menu-body {
}
body.viewtype-pc.site-pad #leftmenu .menu-module1 .module {
padding: 10px 0;
overflow: hidden;
}
body.viewtype-pc.site-pad #leftmenu .menu-module1 .common-module-tket {
}
/* Menu Text 1 */
body.viewtype-pc.site-pad #leftmenu .menu-text1 {
width: 180px;
text-align: left;
}
body.viewtype-pc.site-pad #leftmenu .menu-text1 .menu-wrap {
}
body.viewtype-pc.site-pad #leftmenu .menu-text1 .menu-body {
}
body.viewtype-pc.site-pad #leftmenu .menu-text1 .menu-body ul {
padding: 5px 6px 7px;
}
body.viewtype-pc.site-pad #leftmenu .menu-text1 .menu-body ul li {
background: url('/static/pad/images/icon_rect_orange1.png') no-repeat 5px 12px;
padding: 5px 0 2px 13px;
white-space: nowrap;
overflow: hidden;
}
body.viewtype-pc.site-pad #leftmenu .menu-text1.no-bullet .menu-body ul li {
background: none;
padding-left: 0;
}
body.viewtype-pc.site-pad #leftmenu .menu-text1 .menu-body ul li a {
color: #742f0d;
font-size: 13px;
line-height: 16px;
text-decoration: none;
}
body.viewtype-pc.site-pad #leftmenu .menu-text1 .menu-body ul li .agit-icon {
width: 16px;
height: 16px;
border: 0;
vertical-align: middle;
margin: -4px 2px -1px 0;
}
/* Menu Banner 1 */
body.viewtype-pc.site-pad #leftmenu .menu-banner1 {
width: 170px;
}
body.viewtype-pc.site-pad #leftmenu .menu-banner1 .menu-wrap {
}
body.viewtype-pc.site-pad #leftmenu .menu-banner1 .menu-body {
}
body.viewtype-pc.site-pad #leftmenu .menu-banner1 ul {
margin-top: -5px;
}
body.viewtype-pc.site-pad #leftmenu .menu-banner1 ul li {
padding-top: 5px;
}
body.viewtype-pc.site-pad #leftmenu .menu-banner1 ul li img {
width: 170px;
border: 0;
vertical-align: top;
}
/* Menu Help 1 */
body.viewtype-pc.site-pad #leftmenu .menu-help1 {
width: 180px;
}
body.viewtype-pc.site-pad #leftmenu .menu-help1 .menu-title {
display: block;
width: 180px;
height: 32px;
overflow: hidden;
text-indent: -1000em;
background: url('/static/pad/images/title_180x32_black1_help1.png') no-repeat left top;
}
body.viewtype-pc.site-pad #leftmenu .menu-help1 .menu-wrap {
border: solid 1px #010202;
border-top: 0;
background: #212129;
}
body.viewtype-pc.site-pad #leftmenu .menu-help1 .content {
text-align: left;
padding: 10px 10px 8px;
line-height: 140%;
}
body.viewtype-pc.site-pad #leftmenu .menu-help1 .content,
body.viewtype-pc.site-pad #leftmenu .menu-help1 .content a {
color: #fade09;
text-decoration: none;
}
body.viewtype-pc.site-pad #leftmenu .menu-help1 .content a:hover {
font-weight: bold;
letter-spacing: -1px;
}
body.viewtype-pc.site-pad #leftmenu .menu-help1 .content a .category {
display: block;
color: #e6e6e6;
font-family: "돋움", Dotum;
font-size: 11px;
}
/* Rightmenu */
/* Common */
body.viewtype-pc.site-pad #rightmenu .menu-groups {
text-align: center;
margin-top: -5px;
}
body.viewtype-pc.site-pad #rightmenu .menu-group {
margin: 0 auto;
padding-top: 5px;
}
/* Common Title */
/* Image 1 */
body.viewtype-pc.site-pad #rightmenu .menu-title.image1 {
display: block;
width: 180px;
height: 31px;
text-indent: -1000em;
overflow: hidden;
background: none no-repeat left top;
}
body.viewtype-pc.site-pad #rightmenu .menu-title.image1.japan-news {
background-image: url('/static/pad/images/title_180x31_green1_japan_news1.png');
}
body.viewtype-pc.site-pad #rightmenu .menu-title.image1.db {
background-image: url('/static/pad/images/title_180x31_green1_db1.png');
}
body.viewtype-pc.site-pad #rightmenu .menu-title.image1.exp-calculator {
background-image: url('/static/pad/images/title_180x31_green1_exp_calculator1.png');
}
body.viewtype-pc.site-pad #rightmenu .menu-title.image1.calculator-stamina {
background-image: url('/static/pad/images/title_180x31_green1_stamina_calculator1.png');
}
body.viewtype-pc.site-pad #rightmenu .menu-title.image1.monster {
background-image: url('/static/pad/images/title_180x31_green1_monster1.png');
}
body.viewtype-pc.site-pad #rightmenu .menu-title.image1.need-friend {
background-image: url('/static/pad/images/title_180x31_green1_need_friend1.png');
}
body.viewtype-pc.site-pad #rightmenu .menu-title.image1.special-dungeon {
background-image: url('/static/pad/images/title_180x31_green1_special_dungeon1.png');
}
/* Menu Text 1 */
body.viewtype-pc.site-pad #rightmenu .menu-text1 {
width: 180px;
text-align: center;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .no-title {
display: none;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-wrap {
border: solid 1px #42271b;
border-top: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .no-title + .menu-wrap {
border-top: solid 1px #42271b;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body {
border: solid 1px #aa8774;
border-top: 0;
background: #724735;
overflow: hidden;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .no-title + .menu-wrap .menu-body {
border-top: solid 1px #aa8774;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .image-title img {
vertical-align: top;
display: block;
border: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .banner-title {
width: 176px;
height: 87px;
overflow: hidden;
display: block;
text-indent: -1000em;
background: url('/static/pad/images/banner/mouth_pad_176x87_1.png') no-repeat left top;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .list {
padding: 5px 8px 7px;
text-align: left;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .banner-title + .list {
padding-top: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .list ul {
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .list ul li {
background: url('/static/pad/images/icon_arrow_brown2.png') no-repeat left 10px;
padding: 4px 0 1px 7px;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .list ul li a {
color: #fbe7a1;
line-height: 15px;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .selector {
padding: 0 0 3px;
width: 168px;
text-align: left;
margin: -2px auto 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .selector select {
width: 100%;
vertical-align: top;
height: 21px;
line-height: 21px;
border: 1px solid #482a1e;
font-weight: bold;
letter-spacing: -1px;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .focus {
width: 168px;
margin: 0 auto;
border-bottom: solid 1px #4c4c4c;
padding: 4px 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .focus ul {
margin-top: -4px;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .focus ul li {
margin-top: 4px;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .focus ul li img {
width: 166px;
border: 0;
vertical-align: top;
}
body.viewtype-pc.site-pad #rightmenu .menu-text1 .menu-body .focus ul li a {
}
/* Menu Button 1 */
body.viewtype-pc.site-pad #rightmenu .menu-button1 {
width: 180px;
}
body.viewtype-pc.site-pad #rightmenu .menu-button1 .menu-wrap {
background: url('/static/pad/images/wrap_180_teal1_mid.png') repeat-y left top;
}
body.viewtype-pc.site-pad #rightmenu .menu-button1 .menu-body {
background: url('/static/pad/images/wrap_180_teal1_bot.png') no-repeat left bottom;
padding-bottom: 4px;
text-align: center;
}
body.viewtype-pc.site-pad #rightmenu .menu-button1 .list ul {
width: 170px;
margin: 0 auto;
text-align: left;
padding: 0px 0 1px;
}
body.viewtype-pc.site-pad #rightmenu .menu-button1 .list ul li {
margin-top: 2px;
}
body.viewtype-pc.site-pad #rightmenu .menu-button1 .list ul li a {
display: block;
width: 170px;
height: 30px;
line-height: 32px;
padding: 0 10px;
white-space: nowrap;
overflow: hidden;
color: #d5deb4;
background: url('/static/pad/images/btn_170x30_green1.png') no-repeat left top;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
}
/* Menu Button 2 */
body.viewtype-pc.site-pad #rightmenu .menu-button2 {
width: 180px;
}
body.viewtype-pc.site-pad #rightmenu .menu-button2 .menu-wrap {
border: solid 1px #42271b;
border-top: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-button2 .menu-body {
border: solid 1px #aa8774;
border-top: 0;
background: #724735;
overflow: hidden;
}
body.viewtype-pc.site-pad #rightmenu .menu-button2 .list {
width: 168px;
border: solid 1px #c2a371;
margin: 4px auto 3px;
text-align: left;
overflow: hidden;
}
body.viewtype-pc.site-pad #rightmenu .menu-button2 .list ul {
margin: -1px 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-button2 .list ul li {
}
body.viewtype-pc.site-pad #rightmenu .menu-button2 .list ul li a {
display: block;
height: 35px;
line-height: 140%;
padding: 6px 10px 0;
white-space: nowrap;
overflow: hidden;
color: #ffff00;
background: url('/static/pad/images/bg_right_button2.png') repeat-x left top;
text-decoration: none;
}
body.viewtype-pc.site-pad #rightmenu .menu-button2 .list ul li a:hover {
font-weight: bold;
letter-spacing: -1px;
}
body.viewtype-pc.site-pad #rightmenu .menu-button2 .list ul li a.no-link,
body.viewtype-pc.site-pad #rightmenu .menu-button2 .list ul li a.no-link:hover {
cursor: default;
font-weight: normal;
letter-spacing: normal;
}
body.viewtype-pc.site-pad #rightmenu .menu-button2 .list ul li a .date {
display: block;
color: #fbaf5d;
font-family: "돋움", Dotum, AppleGothic;
font-size: 11px;
}
/* Menu Banner 1 */
body.viewtype-pc.site-pad #rightmenu .menu-banner1 {
width: 180px;
}
body.viewtype-pc.site-pad #rightmenu .menu-banner1 .menu-wrap {
}
body.viewtype-pc.site-pad #rightmenu .menu-banner1 .menu-body {
}
body.viewtype-pc.site-pad #rightmenu .menu-banner1 ul {
margin-top: -5px;
}
body.viewtype-pc.site-pad #rightmenu .menu-banner1 ul li {
padding-top: 5px;
}
body.viewtype-pc.site-pad #rightmenu .menu-banner1 ul li img {
width: 180px;
border: 0;
vertical-align: top;
}
/* Menu Rolling News 1 */
body.viewtype-pc.site-pad #rightmenu .menu-rolling-news1 {
width: 180px;
text-align: left;
}
body.viewtype-pc.site-pad #rightmenu .menu-rolling-news1 .menu-wrap {
border: solid 1px #42271b;
border-top: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-rolling-news1 .menu-body {
border: solid 1px #aa8774;
border-top: 0;
background: #724735;
}
body.viewtype-pc.site-pad #rightmenu .menu-rolling-news1 .menu-body .list {
text-align: center;
padding: 2px 0 1px;
}
body.viewtype-pc.site-pad #rightmenu .menu-rolling-news1 .menu-body ul {
width: 170px;
height: 73px;
margin: 0 auto;
text-align: left;
overflow: hidden;
background: url('/static/pad/images/bg_right_rolling_news1.png') no-repeat left top;
}
body.viewtype-pc.site-pad #rightmenu .menu-rolling-news1 .menu-body ul li {
}
body.viewtype-pc.site-pad #rightmenu .menu-rolling-news1 .menu-body ul li a {
display: block;
height: 59px;
line-height: 140%;
color: #ffffff;
text-decoration: none;
padding: 14px 13px 0;
overflow: hidden;
}
body.viewtype-pc.site-pad #rightmenu .menu-rolling-news1 .menu-body ul li a > span {
display: block;
}
body.viewtype-pc.site-pad #rightmenu .menu-rolling-news1 .menu-body ul li a .date {
display: block;
color: #00ffff;
}
/* Menu Search 1 */
body.viewtype-pc.site-pad #rightmenu .menu-search1 {
width: 180px;
text-align: left;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .menu-wrap {
border: solid 1px #42271b;
border-top: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .menu-body {
border: solid 1px #aa8774;
border-top: 0;
background: #724735;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .forms {
position: relative;
height: 81px;
overflow: hidden;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 label {
color: #ffffff;
font-size: 12px;
line-height: 15px;
cursor: pointer;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .submit {
display: block;
width: 33px;
height: 21px;
overflow: hidden;
text-indent: -100000em;
cursor: pointer;
background: url('/static/pad/images/btn_33x21_black1_submit1.png') no-repeat left top;
border: 0;
padding: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .text {
display: block;
width: 85px;
height: 14px;
color: #ffffff;
font-size: 12px;
line-height: 15px;
background: #957568;
border: 1px solid #e1c400;
padding: 3px 2px 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .label,
body.viewtype-pc.site-pad #rightmenu .menu-search1 .placeholder,
body.viewtype-pc.site-pad #rightmenu .menu-search1 .text,
body.viewtype-pc.site-pad #rightmenu .menu-search1 .submit {
position: absolute;
top: 0;
left: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .label {
left: 6px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .form-monster-name .label {
top: 22px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .form-monster-code .label {
display: none;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .form-skill .label {
top: 59px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .placeholder {
z-index: 2;
left: 49px;
cursor: text;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .form-monster-name .placeholder {
top: 11px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .form-monster-code .placeholder {
top: 33px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .text {
z-index: 1;
left: 46px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .form-monster-name .text {
top: 7px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .form-monster-code .text {
top: 29px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .form-skill .text {
top: 55px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .submit {
left: 140px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .form-monster-name .submit {
top: 6px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .form-monster-code .submit {
top: 28px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search1 .form-skill .submit {
top: 54px;
}
/* Menu Search 2 */
body.viewtype-pc.site-pad #rightmenu .menu-search2 {
width: 180px;
text-align: left;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .menu-wrap {
border: solid 1px #42271b;
border-top: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .menu-body {
border: solid 1px #aa8774;
border-top: 0;
background: #724735;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .forms {
position: relative;
height: 161px;
overflow: hidden;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 label {
color: #ffffff;
font-size: 12px;
line-height: 15px;
cursor: pointer;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .submit {
display: block;
width: 138px;
height: 24px;
overflow: hidden;
text-indent: -100000em;
cursor: pointer;
background: url('/static/pad/images/btn_138x24_black1_submit1.png') no-repeat left top;
border: 0;
padding: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .text {
display: block;
width: 84px;
height: 15px;
color: #ffffff;
font-size: 12px;
line-height: 15px;
background: #957568;
border: 1px solid #e1c400;
padding: 2px 2px 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .text.readonly {
color: #ffa37d;
background: #553528;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .label,
body.viewtype-pc.site-pad #rightmenu .menu-search2 .placeholder,
body.viewtype-pc.site-pad #rightmenu .menu-search2 .text,
body.viewtype-pc.site-pad #rightmenu .menu-search2 .submit,
body.viewtype-pc.site-pad #rightmenu .menu-search2 .apply {
position: absolute;
top: 0;
left: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .label {
left: 7px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .monster-code .label {
top: 11px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .exp-now .label {
top: 35px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .level-target .label {
top: 59px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .monster-name .overap,
body.viewtype-pc.site-pad #rightmenu .menu-search2 .exp-req .overap {
z-index: 2;
color: #ffa37d;
cursor: default;
width: auto;
text-align: center;
left: 0;
right: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .monster-name .overap {
top: 111px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .exp-req .overap {
top: 135px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .text {
z-index: 1;
left: 83px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .monster-code .text {
top: 7px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .exp-now .text {
top: 31px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .level-target .text {
top: 55px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .monster-name .text,
body.viewtype-pc.site-pad #rightmenu .menu-search2 .exp-req .text {
left: 7px;
color: #ffff00;
text-align: center;
background: #5b392a;
border-color: #dbb19b;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .monster-name .text {
top: 108px;
width: 160px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .exp-req .text {
top: 132px;
width: 160px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search2 .submit {
top: 79px;
left: 21px;
}
/* Menu Search 3 */
body.viewtype-pc.site-pad #rightmenu .menu-search3 {
width: 180px;
text-align: left;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .menu-wrap {
border: solid 1px #42271b;
border-top: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .menu-body {
border: solid 1px #aa8774;
border-top: 0;
background: #724735;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .forms {
position: relative;
height: 110px;
overflow: hidden;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 label {
color: #ffffff;
font-size: 12px;
line-height: 15px;
cursor: pointer;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .submit {
display: block;
width: 138px;
height: 24px;
overflow: hidden;
text-indent: -100000em;
cursor: pointer;
background: url('/static/pad/images/btn_138x24_black1_submit1.png') no-repeat left top;
border: 0;
padding: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .text {
display: block;
width: 77px;
height: 15px;
color: #ffffff;
font-size: 12px;
line-height: 15px;
background: #957568;
border: 1px solid #e1c400;
padding: 2px 2px 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .result .text {
width: 102px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .text.readonly {
color: #ffa37d;
background: #553528;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .label,
body.viewtype-pc.site-pad #rightmenu .menu-search3 .placeholder,
body.viewtype-pc.site-pad #rightmenu .menu-search3 .text,
body.viewtype-pc.site-pad #rightmenu .menu-search3 .submit,
body.viewtype-pc.site-pad #rightmenu .menu-search3 .apply {
position: absolute;
top: 0;
left: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .label {
left: 7px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .nowstamina .label {
top: 11px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .maxstamina .label {
top: 35px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .result .label {
top: 59px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .text {
z-index: 1;
left: 90px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .result .text {
left: 65px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .nowstamina .text {
top: 7px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .maxstamina .text {
top: 31px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .result .text {
top: 55px;
}
body.viewtype-pc.site-pad #rightmenu .menu-search3 .submit {
top: 79px;
left: 21px;
}
/* Menu Db 1 */
/* Basic Layout */
body.viewtype-pc.site-pad #rightmenu .menu-db1 {
width: 180px;
text-align: center;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .menu-wrap {
border: solid 1px #42271b;
border-top: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .menu-body {
border: solid 1px #aa8774;
border-top: 0;
background: #724735;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list-groups {
clear: both;
width: 169px;
overflow: hidden;
margin: 0 auto;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list-group {
background: url('/static/pad/images/line_1x2_brown1.png') repeat-x left top;
padding: 7px 0 5px;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list {
margin: 0 auto;
overflow: hidden;
}
/* Attribute */
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.attribute {
width: 167px;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.attribute ul {
margin: -4px 0 0 -4px;
overflow: hidden;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.attribute ul li {
float: left;
width: 53px;
height: 26px;
overflow: hidden;
margin: 4px 0 0 4px;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.attribute ul li a {
display: block;
width: 53px;
height: 26px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/pad/images/menu_attribute1.png') no-repeat left top;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.attribute ul li.fire a {
background-position: 0px 0px;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.attribute ul li.water a {
background-position: -53px 0px;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.attribute ul li.tree a {
background-position: -106px 0px;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.attribute ul li.dark a {
background-position: 0px -26px;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.attribute ul li.light a {
background-position: -53px -26px;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.attribute ul li.duel a {
background-position: -106px -26px;
}
/* Text 1 */
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.text1 {
width: 168px;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.text1 ul {
margin: -3px 0 0 -3px;
overflow: hidden;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.text1 ul li {
float: left;
width: 53px;
height: 26px;
overflow: hidden;
margin: 3px 0 0 3px;
}
body.viewtype-pc.site-pad #rightmenu .menu-db1 .list.text1 ul li a {
display: block;
width: 54px;
height: 25px;
line-height: 27px;
text-align: center;
color: #3e3e3e;
text-decoration: none;
overflow: hidden;
background: url('/static/pad/images/btn_54x25_yellow1.png') no-repeat left top;
}
/* Menu Friendbox 1 */
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 {
width: 180px;
text-align: center;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .menu-wrap {
border: solid 1px #42271b;
border-top: 0;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .menu-body {
border: solid 1px #aa8774;
border-top: 0;
background: #724735;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .list {
overflow: hidden;
padding: 3px;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .list ul {
margin-top: -3px;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .list ul li {
margin-top: 3px;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .list ul li a {
display: block;
border: solid 1px #aa8774;
height: 57px;
position: relative;
overflow: hidden;
background: #452c22 url('/static/pad/images/bg_right_friendbox1.png') repeat-x left top;
font-family: "돋움", Dotum;
font-size: 11px;
line-height: 145%;
text-decoration: none;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .list ul li .icon {
position: absolute;
left: 14px;
top: 8px;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .list ul li .icon img {
display: block;
width: 29px;
height: 29px;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .list ul li .rank {
position: absolute;
display: block;
left: 0px;
top: 39px;
width: 58px;
text-align: center;
color: #d9c1b8;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .list ul li .detail {
margin-left: 60px;
display: block;
text-align: left;
padding: 6px;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .list ul li .detail > span {
display: block;
white-space: nowrap;
overflow: hidden;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .list ul li .detail .tig-nick,
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .list ul li .detail .game-nick {
color: #f5b083;
font-weight: bold;
letter-spacing: -1px;
}
body.viewtype-pc.site-pad #rightmenu .menu-friendbox1 .list ul li .detail .friendcode {
color: #ff7d28;
}
body.viewtype-pc.site-pad #rightmenu menu-group.brown{
color: #b44f2d;
}