/* Champion Detail */ #mobileWrap #lolDb #lolDbChampionDetail, #mobileWrap #lolDb #lolDbChampionDetail .topMenu UL LI, #mobileWrap #lolDb #lolDbChampionDetail #champSkin .leftWrap, #mobileWrap #lolDb #lolDbChampionDetail #champSkin .mainWrap, #mobileWrap #lolDb #lolDbChampionDetail #champSkin .rightWrap, #mobileWrap #lolDb #lolDbChampionDetail #champSkin .mainWrap .skins div, #mobileWrap #lolDb #lolDbChampionDetail #champSkill .skillListWrap .skills, #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart div { display: inline; float: left; } #mobileWrap #lolDb #lolDbChampionDetail .beigeLayer1, #mobileWrap #lolDb #lolDbChampionDetail .beigeLayer2 { width: 100%; border: none; background-color: #000917; margin: 0; } #mobileWrap #lolDb .lolDbCommonDetail { width: 100%; margin:0; } #mobileWrap #lolDb #lolDbChampionDetail .details { width: 100%; margin: 0; padding-bottom: 50px; } #mobileWrap #lolDb #lolDbChampionDetail .topMenu { width: 100%; height: 40px; overflow: hidden; background: none; margin:0; padding-top: 0; } #mobileWrap #lolDb #lolDbChampionDetail .topMenu UL { width: 100%; } #mobileWrap #lolDb #lolDbChampionDetail .topMenu UL LI { width: 25%; } #mobileWrap #lolDb #lolDbChampionDetail .topMenu UL LI a { display: inline-block; border: 1px solid black; width: 100%; height: 40px; overflow: hidden; line-height: 40px; background-color: #3967B7; color: white; text-align: center; font-weight: bold; } #mobileWrap #lolDb #lolDbChampionDetail .topMenu UL LI a.selected { background-color: #BB4848; font-weight: bold; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart { width: 100%; padding: 10px 0 0 0; overflow: hidden; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart .champIcon { width: 4.3em; height: 4.3em; overflow: hidden; background: url('//static.inven.co.kr/image_2011/lol/common/bg_58x58_champion_image.png') no-repeat left top; margin-left: 10px; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart .champIcon .imagemodify { margin: 7px; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart .champIcon .imagemodify img { width: 3.2em; height: 3.2em; overflow: hidden; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart .korName { width: 70%; height: 24px; overflow: hidden; margin: 7px 0 0 7px; font-size: 14px; color: #f67004; font-family: 맑은 고딕, Malgun Gothic, 돋움, Dotum, Helvetica; font-weight: bold; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart .engName { width: 70%; height: 24px; overflow: hidden; margin: 3px 0 0 7px; font-size: 12px; color: #8ec1f0; font-family: Vernada; font-weight: bold; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart .price { width: 100%; overflow: hidden; margin-top: 10px; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart .price .rp {width: 18%;margin: 0 0 0 10px;color: #e85d09;background: url('//static.inven.co.kr/image_2011/lol/common/icon_26x26_rp.png') no-repeat left top;padding: 2px 0 0 31px; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart .price .ip {width: 18%;color: #e85d09;background: url('//static.inven.co.kr/image_2011/lol/common/icon_25x25_ip.png') no-repeat left top;padding: 2px 0 0 31px; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart .price .counter { width: 18%; background-color: #dddddd; text-align: center; border: 2px solid; border-radius: 20px; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart .price .tip { width: 18%; background-color: #dddddd; text-align: center; margin: 0 0 0 5px; border: 2px solid; border-radius: 20px; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart .price .counter a, #mobileWrap #lolDb #lolDbChampionDetail #champInfo .namePart .price .tip a { display: block; width: 100%; color: #000000; font-weight: bold; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .etcPart { width: 100%; overflow: hidden; margin: 10px 0 10px 0; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .etcPart .etcTitle { margin: 0 0 0 10px; font-weight: bold; color: #f67004; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .etcPart span.png_bg { color: #a0acbd; margin-left: 7px; font-weight: bold; text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000; filter: glow(color=#000000,strength=2); zoom: 1; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .quickPart { width: 100%; margin: 0 0 10px 0; overflow: hidden; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .quickPart .quickList { width: 25%; background-color: #dddddd; text-align: center; border: 2px solid; border-radius: 20px; margin-left: 10px; } #mobileWrap #lolDb #lolDbChampionDetail #champInfo .quickPart .quickList a { display: block; width: 100%; color: #000000; font-weight: bold; } #mobileWrap #lolDb #lolDbChampionDetail .mainDetailFrame { width: 100%; height: auto; background: none; } #mobileWrap #lolDb #lolDbChampionDetail .mainDetailFrame .infoChamp { display: none; } #mobileWrap #lolDb #lolDbChampionDetail .mainDetailFrame .infoChamp.selected { display: block; } #mobileWrap #lolDbChampionDetail #champSkill .skillInfo { width: 100%; min-height: 98px; display: block; margin-top: 20px; border-bottom: 1px solid white; padding-bottom: 15px; } #mobileWrap #lolDbChampionDetail #champSkill .bttnMore { display: block; text-align: center; background-color: #000; width: 100%; border: 1px solid #00245c; color: #FFF; margin-top: -1px; background-color: #000; line-height: 28px; } #mobileWrap #lolDbChampionDetail #champSkill .champSkillList .skillInfo .skillIcon {width: 5em;height: auto;overflow: hidden;background: url('//static.inven.co.kr/image_2011/lol/common/bg_70x70_skill.png') no-repeat left top;margin: 0 0 0 10px;display: inline-block;float: left; } #mobileWrap #lolDbChampionDetail #champSkill .champSkillList .skillInfo .skillIcon img { width: 4.6em; height: 4.6em; margin: 3px; } #mobileWrap #lolDbChampionDetail #champSkill .champSkillList .skillInfo .skillIcon .shortenKey { width: 5em; margin-top: 3px; text-align: center; color: #f67004; font-weight: bold; } #mobileWrap #lolDbChampionDetail #champSkill .champSkillList .skillInfo .skillRight { display: inline-block; width: 71%; } #mobileWrap #lolDbChampionDetail #champSkill .champSkillList .skillInfo .skillRight .skillName { width: 100%; font-weight: bold; color: #f67004; display: inline-block; margin: 0px 0 0 10px; } #mobileWrap #lolDbChampionDetail #champSkill .champSkillList .skillInfo .skillCool { width: 100%; color: #ffd339; display: inline-block; margin: 0px 0 0 10px; } #mobileWrap #lolDbChampionDetail #champSkill .champSkillList .skillInfo .skillRight .skillDesc { width: 100%; color: #a0acbd; line-height: 17px; _padding-top: 1px; display: inline-block; margin: 3px 0 0 10px; } /* 능력치 */ #mobileWrap #lolDb #lolDbChampionDetail #champStat .statTable { width: 100%; overflow: hidden; margin: 9px 0 0 0; } #mobileWrap #lolDb #lolDbChampionDetail #champStat .statTable table { width: 100%; margin: 4px 0 0 1px; } #mobileWrap #lolDb #lolDbChampionDetail #champStat .statTable table col.title { width: 33%; } #mobileWrap #lolDb #lolDbChampionDetail #champStat .statTable table col.basic { width: 42%; } #mobileWrap #lolDb #lolDbChampionDetail #champStat .statTable table col.final { width: 25%; } #mobileWrap #lolDb #lolDbChampionDetail #champStat .statTable table th { height: 39px; color: #d9e5f7; background-color: #19489A; font-weight: bold; border-right: 1px solid #6C8CAD; } #mobileWrap #lolDb #lolDbChampionDetail #champStat .statTable table th span { font-size: 11px; } #mobileWrap #lolDb #lolDbChampionDetail #champStat .statTable table td { height: 23px; color: #d9e5f7; text-align: center; border-right: 1px solid #6C8CAD; border-bottom: 1px solid #6C8CAD; } #mobileWrap #lolDb #lolDbChampionDetail #champStat .statTable table td.lv18 { color: #00df33; } #mobileWrap #lolDb #lolDbChampionDetail #champStat .statTable table td span { color:#dddd00; } #mobileWrap #lolDb #lolDbChampionDetail #champStat .statTable table tr.min td { height: 22px; } /* 스토리 */ #mobileWrap #lolDb #lolDbChampionDetail #champStory .viewBody { width:95%; margin-left:10px; margin-top: 25px; } #mobileWrap #lolDb #lolDbChampionDetail #champStory .viewBody .boardContent { line-height: 150%; color:#a0acbd; } /* 스킨 */ #mobileWrap #lolDb #lolDbChampionDetail #champSkin .mainWrap { width: 100%; overflow: hidden; background-color: #000917; } #mobileWrap #lolDb #lolDbChampionDetail #champSkin .mainWrap .skins .aimage, #mobileWrap #lolDb #lolDbChampionDetail #champSkin .mainWrap .skins .askin { width: 100%; height: auto; overflow: hidden; } #mobileWrap #lolDb #lolDbChampionDetail #champSkin .mainWrap .skins .aimage img, #mobileWrap #lolDb #lolDbChampionDetail #champSkin .mainWrap .skins .askin img {width: 100%;border: 0; } #mobileWrap #lolDb #lolDbChampionDetail #champSkin .mainWrap .skins .askinname {font-size: 14px;color:#ff9600;font-weight: bold;margin: 10px 0 0 0;background: url('//static.inven.co.kr/image_2011/lol/common/trans_16x14.png') repeat left top;padding: 2px; } /* 투표 */ #mobileWrap .db_vote { border:1px solid #000 } #mobileWrap .db_vote .vote_title { height:30px; background:#252429; color:#fff; border:1px solid #000; border-top:2px solid #e3aa10; font-size:13px; font-weight:bold; text-align:center; line-height:30px } #mobileWrap .db_vote .vote_wrap { padding:7px 6px 6px; background:#3c3c3c; border-top:1px solid #636363 } #mobileWrap .db_vote .vite_box { width:100%; background:#717e98; border:1px solid #000; box-sizing:border-box } #mobileWrap .db_vote .vite_box p { margin:0 } #mobileWrap .db_vote .vite_box .line { padding:1px; border:1px solid #99a3b8 } #mobileWrap .db_vote .vite_box .name { height:30px; padding:0 10px; color:#fff; font-size:13px; font-weight:bold; line-height:30px } #mobileWrap .db_vote .vite_box .name p { float:left } #mobileWrap .db_vote .vite_box .name .right { float:right; font-size:11px } #mobileWrap .db_vote .vite_box .name .right span { color:#fff18f } #mobileWrap .db_vote .vite_box .box { padding:6px; background:#dadcdf; border:1px solid #24140f; border-radius:5px } #mobileWrap .db_vote .btn_ara { margin-bottom:10px } #mobileWrap .db_vote .btn_ara .box { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; padding:6px 3px } #mobileWrap .db_vote .btn_ara .btn_appraisal { -webkit-flex:1 0 0; -moz-flex:1 0 0; -ms-flex:1 0 0; flex:1 0 0; margin:0 3px; border:1px solid #202120; border-radius:2px; box-sizing:border-box; outline:0 } #mobileWrap .db_vote .btn_ara .btn_appraisal .btn_name { height:24px; background:#202120; color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:24px } #mobileWrap .db_vote .btn_ara .btn_appraisal[data-vote-point="2"] { border:1px solid #3e3f3e } #mobileWrap .db_vote .btn_ara .btn_appraisal[data-vote-point="2"] .btn_name { background:#3e3f3e } #mobileWrap .db_vote .btn_ara .btn_appraisal[data-vote-point="3"] { border:1px solid #073456 } #mobileWrap .db_vote .btn_ara .btn_appraisal[data-vote-point="3"] .btn_name { background:#073456 } #mobileWrap .db_vote .btn_ara .btn_appraisal[data-vote-point="4"] { border:1px solid #ad520a } #mobileWrap .db_vote .btn_ara .btn_appraisal[data-vote-point="4"] .btn_name { background:#ad520a } #mobileWrap .db_vote .btn_ara .btn_appraisal[data-vote-point="5"] { border:1px solid #9d0a0a } #mobileWrap .db_vote .btn_ara .btn_appraisal[data-vote-point="5"] .btn_name { background:#9d0a0a } #mobileWrap .db_vote .btn_ara .btn_appraisal .btn_value { height:45px; background:#fff; color:#950b0b; font-size:13px; font-weight:bold; text-align:center; line-height:45px } #mobileWrap .db_vote .vite_value .box { padding:19px 6px; overflow: hidden; } #mobileWrap .db_vote .vite_value .star { float:left; width:calc(100% - 93px); padding-top:3px; font-size:0; text-align:center } #mobileWrap .db_vote .vite_value .star .item { display:inline-block; float:none; width:30px; height:32px; margin:0 1px; background:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/img_star_off.png') no-repeat 0 0 / 30px 32px } #mobileWrap .db_vote .vite_value .star .item.act { background:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/img_star_on.png') no-repeat 0 0 / 30px 32px } #mobileWrap .db_vote .vite_value .star .item.half { background:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/img_star_half.png') no-repeat 0 0 / 30px 32px } #mobileWrap .db_vote .vite_value .point { float:right; width:93px; height:45px; background:-moz-linear-gradient(top, #ffffff 0%, #c5c5c5 100%); background:-webkit-linear-gradient(top, #ffffff 0%,#c5c5c5 100%); background:linear-gradient(to bottom, #ffffff 0%,#c5c5c5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c5c5',GradientType=0 ); color:#950b0b; border:1px solid #7d7d7d; border-radius:5px; font-size:16px; font-weight:bold; text-align:center; line-height:43px; box-sizing:border-box }