@font-face { font-family: NanumMyeongjo; font-style: normal; font-weight: 400; src: local(NanumMyeongjo), url(/fonts/Nanum/NanumMyeongjo.custom.woff) format("woff") }
.lostark-pc .content--contents .container .boxes:after, .lostark-pc .content--contents .container.for-detail .description-area:after { content: ""; display: block; clear: both }
.lostark-pc .class-index>div .list a .icon--new, .lostark-pc .content--class .class-index .ico-new-class, .lostark-pc .content--contents .container .boxes.box_23:after, .lostark-pc .icon--admin, .lostark-pc .icon--alarm-coupon:after, .lostark-pc .icon--alarm-event:after, .lostark-pc .icon--alarm-gift:after, .lostark-pc .icon--alarm-library:after, .lostark-pc .icon--alarm-mileage:after, .lostark-pc .icon--alarm-write:after, .lostark-pc .icon--arcana:before, .lostark-pc .icon--assassin:before, .lostark-pc .icon--avator, .lostark-pc .icon--bard:before, .lostark-pc .icon--battlemaster:before, .lostark-pc .icon--berserker:before, .lostark-pc .icon--best, .lostark-pc .icon--blade:before, .lostark-pc .icon--blaster:before, .lostark-pc .icon--cash, .lostark-pc .icon--cost-type1, .lostark-pc .icon--cost-type2, .lostark-pc .icon--cost-type12, .lostark-pc .icon--cost-type13, .lostark-pc .icon--cost-type14, .lostark-pc .icon--crystal, .lostark-pc .icon--dday[data-dday="0"]:after, .lostark-pc .icon--dday[data-dday="1"]:after, .lostark-pc .icon--dday[data-dday="2"]:after, .lostark-pc .icon--dday[data-dday="3"]:after, .lostark-pc .icon--dday[data-dday="4"]:after, .lostark-pc .icon--dday[data-dday="5"]:after, .lostark-pc .icon--dday[data-dday="6"]:after, .lostark-pc .icon--dday[data-dday="7"]:after, .lostark-pc .icon--demonic:before, .lostark-pc .icon--destroyer:before, .lostark-pc .icon--devilhunter:before, .lostark-pc .icon--fighter:before, .lostark-pc .icon--fightermale:before, .lostark-pc .icon--free, .lostark-pc .icon--gift, .lostark-pc .icon--gunslinger:before, .lostark-pc .icon--hawkeye:before, .lostark-pc .icon--holyknight:before, .lostark-pc .icon--hunter:before, .lostark-pc .icon--hunterfemale:before, .lostark-pc .icon--image, .lostark-pc .icon--infighter:before, .lostark-pc .icon--itemdic-enhance, .lostark-pc .icon--itemdic-evolution, .lostark-pc .icon--itemdic-polishing, .lostark-pc .icon--itemdic-setitem, .lostark-pc .icon--knowledge-point, .lostark-pc .icon--lancemaster:before, .lostark-pc .icon--magician:before, .lostark-pc .icon--mileage, .lostark-pc .icon--movie, .lostark-pc .icon--new, .lostark-pc .icon--pet, .lostark-pc .icon--popular, .lostark-pc .icon--reaper:before, .lostark-pc .icon--recommend, .lostark-pc .icon--reply-selected, .lostark-pc .icon--ride, .lostark-pc .icon--ride_pet, .lostark-pc .icon--royal-crystal, .lostark-pc .icon--scouter:before, .lostark-pc .icon--shop-limit, .lostark-pc .icon--shop-new, .lostark-pc .icon--shop-popular, .lostark-pc .icon--shop-recommend, .lostark-pc .icon--soulmaster:before, .lostark-pc .icon--striker:before, .lostark-pc .icon--summoner:before, .lostark-pc .icon--tip-selected, .lostark-pc .icon--warlord:before, .lostark-pc .icon--warrior:before, .lostark-pc .list--artwork .icon--new, .lostark-pc .list--contest .icon--new, .lostark-pc .list--event .icon--new, .lostark-pc .list--letter .icon--new, .lostark-pc .list--movie .icon--new, .lostark-pc .list--ucc .icon--new, .lostark-pc .list--update .icon--new, .lostark-pc .tip-best .icon--new, .lui-modal .icon--admin, .lui-modal .icon--alarm-coupon:after, .lui-modal .icon--alarm-event:after, .lui-modal .icon--alarm-gift:after, .lui-modal .icon--alarm-library:after, .lui-modal .icon--alarm-mileage:after, .lui-modal .icon--alarm-write:after, .lui-modal .icon--arcana:before, .lui-modal .icon--assassin:before, .lui-modal .icon--avator, .lui-modal .icon--bard:before, .lui-modal .icon--battlemaster:before, .lui-modal .icon--berserker:before, .lui-modal .icon--best, .lui-modal .icon--blade:before, .lui-modal .icon--blaster:before, .lui-modal .icon--cash, .lui-modal .icon--cost-type1, .lui-modal .icon--cost-type2, .lui-modal .icon--cost-type12, .lui-modal .icon--cost-type13, .lui-modal .icon--cost-type14, .lui-modal .icon--crystal, .lui-modal .icon--dday[data-dday="0"]:after, .lui-modal .icon--dday[data-dday="1"]:after, .lui-modal .icon--dday[data-dday="2"]:after, .lui-modal .icon--dday[data-dday="3"]:after, .lui-modal .icon--dday[data-dday="4"]:after, .lui-modal .icon--dday[data-dday="5"]:after, .lui-modal .icon--dday[data-dday="6"]:after, .lui-modal .icon--dday[data-dday="7"]:after, .lui-modal .icon--demonic:before, .lui-modal .icon--destroyer:before, .lui-modal .icon--devilhunter:before, .lui-modal .icon--fighter:before, .lui-modal .icon--fightermale:before, .lui-modal .icon--free, .lui-modal .icon--gift, .lui-modal .icon--gunslinger:before, .lui-modal .icon--hawkeye:before, .lui-modal .icon--holyknight:before, .lui-modal .icon--hunter:before, .lui-modal .icon--hunterfemale:before, .lui-modal .icon--image, .lui-modal .icon--infighter:before, .lui-modal .icon--itemdic-enhance, .lui-modal .icon--itemdic-evolution, .lui-modal .icon--itemdic-polishing, .lui-modal .icon--itemdic-setitem, .lui-modal .icon--knowledge-point, .lui-modal .icon--lancemaster:before, .lui-modal .icon--magician:before, .lui-modal .icon--mileage, .lui-modal .icon--movie, .lui-modal .icon--new, .lui-modal .icon--pet, .lui-modal .icon--popular, .lui-modal .icon--reaper:before, .lui-modal .icon--recommend, .lui-modal .icon--reply-selected, .lui-modal .icon--ride, .lui-modal .icon--ride_pet, .lui-modal .icon--royal-crystal, .lui-modal .icon--scouter:before, .lui-modal .icon--shop-limit, .lui-modal .icon--shop-new, .lui-modal .icon--shop-popular, .lui-modal .icon--shop-recommend, .lui-modal .icon--soulmaster:before, .lui-modal .icon--striker:before, .lui-modal .icon--summoner:before, .lui-modal .icon--tip-selected, .lui-modal .icon--warlord:before, .lui-modal .icon--warrior:before, .lui-modal .list--artwork .icon--new, .lui-modal .list--contest .icon--new, .lui-modal .list--event .icon--new, .lui-modal .list--letter .icon--new, .lui-modal .list--movie .icon--new, .lui-modal .list--ucc .icon--new, .lui-modal .list--update .icon--new, .lui-modal .tip-best .icon--new { display: inline-block; background: url(/2018/obt/assets/images/pc/sprite/sprite.png?7b7f120ddc0989e9d4658041bb66696b) no-repeat 0 0; background-size: 1345px 1306px; font-size: 0 }
.lostark-pc .icon--crystal, .lui-modal .icon--crystal { background-position: -1325px -294px }
.lostark-pc .icon--mileage, .lui-modal .icon--mileage { width: 19px; background-position: -1325px -403px }
.lostark-pc .icon--royal-crystal, .lui-modal .icon--royal-crystal { background-position: -1325px -359px }
.lostark-pc .icon--shop-limit, .lui-modal .icon--shop-limit { width: 44px; height: 44px; background-position: -1238px -120px }
.lostark-pc .icon--shop-new, .lui-modal .icon--shop-new { width: 44px; height: 44px; background-position: -1238px -165px }
.lostark-pc .icon--shop-popular, .lui-modal .icon--shop-popular { width: 44px; height: 44px; background-position: -1238px -210px }
.lostark-pc .icon--shop-recommend, .lui-modal .icon--shop-recommend { width: 44px; height: 44px; background-position: -1238px -255px }
.lostark-pc .icon--alarm-coupon:after, .lui-modal .icon--alarm-coupon:after { width: 38px; height: 24px; background-position: -75px -1244px }
.lostark-pc .icon--alarm-event:after, .lui-modal .icon--alarm-event:after { width: 36px; height: 36px; background-position: -76px -1206px }
.lostark-pc .icon--alarm-gift:after, .lui-modal .icon--alarm-gift:after { width: 30px; height: 33px; background-position: -1203px -969px }
.lostark-pc .icon--alarm-library:after, .lui-modal .icon--alarm-library:after { width: 38px; height: 26px; background-position: -36px -1244px }
.lostark-pc .icon--alarm-mileage:after, .lui-modal .icon--alarm-mileage:after { width: 35px; height: 40px; background-position: 0 -1244px }
.lostark-pc .icon--alarm-write:after, .lui-modal .icon--alarm-write:after { width: 34px; height: 34px; background-position: -1203px -797px }
.lostark-pc .icon--avator, .lui-modal .icon--avator { width: 61px; height: 61px; background-position: -1081px -677px }
.lostark-pc .icon--best, .lui-modal .icon--best { width: 61px; height: 61px; background-position: -906px -422px }
.lostark-pc .icon--cash, .lui-modal .icon--cash { width: 26px; height: 26px; background-position: -971px -227px }
.lostark-pc .icon--arcana:before, .lui-modal .icon--arcana:before { width: 26px; height: 26px; background-position: -971px -254px }
.lostark-pc .icon--assassin:before, .lui-modal .icon--assassin:before { width: 26px; height: 26px; background-position: -971px -292px }
.lostark-pc .icon--bard:before, .lui-modal .icon--bard:before { width: 26px; height: 26px; background-position: -971px -319px }
.lostark-pc .icon--battlemaster:before, .lui-modal .icon--battlemaster:before { width: 26px; height: 26px; background-position: -971px -357px }
.lostark-pc .icon--berserker:before, .lui-modal .icon--berserker:before { width: 26px; height: 26px; background-position: -971px -384px }
.lostark-pc .icon--blade:before, .lui-modal .icon--blade:before { width: 26px; height: 26px; background-position: -968px -422px }
.lostark-pc .icon--blaster:before, .lui-modal .icon--blaster:before { width: 26px; height: 26px; background-position: -968px -449px }
.lostark-pc .icon--demonic:before, .lui-modal .icon--demonic:before { width: 26px; height: 26px; background-position: -968px -484px }
.lostark-pc .icon--destroyer:before, .lui-modal .icon--destroyer:before { width: 26px; height: 26px; background-position: -968px -511px }
.lostark-pc .icon--devilhunter:before, .lui-modal .icon--devilhunter:before { width: 26px; height: 26px; background-position: -968px -546px }
.lostark-pc .icon--fighter:before, .lui-modal .icon--fighter:before { width: 26px; height: 26px; background-position: -968px -573px }
.lostark-pc .icon--gunslinger:before, .lui-modal .icon--gunslinger:before { width: 26px; height: 26px; background-position: -968px -608px }
.lostark-pc .icon--hawkeye:before, .lui-modal .icon--hawkeye:before { width: 26px; height: 26px; background-position: -968px -635px }
.lostark-pc .icon--holyknight:before, .lui-modal .icon--holyknight:before { width: 26px; height: 26px; background-position: -968px -670px }
.lostark-pc .icon--hunterfemale:before, .lui-modal .icon--hunterfemale:before { width: 26px; height: 26px; background-position: -968px -697px }
.lostark-pc .icon--hunter:before, .lui-modal .icon--hunter:before { width: 26px; height: 26px; background-position: -968px -732px }
.lostark-pc .icon--infighter:before, .lui-modal .icon--infighter:before { width: 26px; height: 26px; background-position: -968px -759px }
.lostark-pc .icon--lancemaster:before, .lui-modal .icon--lancemaster:before { width: 26px; height: 26px; background-position: -968px -794px }
.lostark-pc .icon--fightermale:before, .lui-modal .icon--fightermale:before { width: 26px; height: 26px; background-position: -877px -91px }
.lostark-pc .icon--magician:before, .lui-modal .icon--magician:before { width: 26px; height: 26px; background-position: -968px -821px }
.lostark-pc .icon--reaper:before, .lui-modal .icon--reaper:before { width: 26px; height: 26px; background-position: -877px -118px }
.lostark-pc .icon--scouter:before, .lui-modal .icon--scouter:before { width: 26px; height: 26px; background-position: -877px -153px }
.lostark-pc .icon--soulmaster:before, .lui-modal .icon--soulmaster:before { width: 26px; height: 26px; background-position: -877px -180px }
.lostark-pc .icon--striker:before, .lui-modal .icon--striker:before { width: 26px; height: 26px; background-position: -878px -215px }
.lostark-pc .icon--summoner:before, .lui-modal .icon--summoner:before { width: 26px; height: 26px; background-position: -878px -242px }
.lostark-pc .icon--warlord:before, .lui-modal .icon--warlord:before { width: 26px; height: 26px; background-position: -876px -276px }
.lostark-pc .icon--warrior:before, .lui-modal .icon--warrior:before { width: 26px; height: 26px; background-position: -876px -303px }
.lostark-pc .icon--crystal, .lui-modal .icon--crystal { width: 19px; height: 21px; background-position: -1325px -316px }
.lostark-pc .icon--free, .lui-modal .icon--free { width: 61px; height: 61px; background-position: -906px -484px }
.lostark-pc .icon--gift, .lui-modal .icon--gift { width: 18px; height: 19px; background-position: -1325px -719px }
.lostark-pc .icon--image, .lui-modal .icon--image { width: 23px; height: 18px; background-position: -577px -1167px }
.lostark-pc .icon--cost-type1, .lui-modal .icon--cost-type1 { width: 17px; height: 17px; background-position: -1325px -1048px }
.lostark-pc .icon--cost-type2, .lui-modal .icon--cost-type2 { width: 18px; height: 18px; background-position: -1325px -796px }
.lostark-pc .icon--cost-type12, .lui-modal .icon--cost-type12 { width: 13px; height: 19px; background-position: -1310px -949px }
.lostark-pc .icon--cost-type13, .lui-modal .icon--cost-type13 { width: 13px; height: 19px; background-position: -1310px -988px }
.lostark-pc .icon--cost-type14, .lui-modal .icon--cost-type14 { width: 13px; height: 19px; background-position: -1310px -1027px }
.lostark-pc .icon--itemdic-enhance, .lui-modal .icon--itemdic-enhance { width: 15px; height: 20px; background-position: -1325px -949px }
.lostark-pc .icon--itemdic-evolution, .lui-modal .icon--itemdic-evolution { width: 20px; height: 18px; background-position: -1325px -642px }
.lostark-pc .icon--itemdic-polishing, .lui-modal .icon--itemdic-polishing { width: 25px; height: 18px; background-position: -475px -1167px }
.lostark-pc .icon--itemdic-setitem, .lui-modal .icon--itemdic-setitem { width: 15px; height: 20px; background-position: -1325px -991px }
.lostark-pc .icon--knowledge-point, .lui-modal .icon--knowledge-point { width: 23px; height: 23px; background-position: -628px -1244px }
.lostark-pc .icon--mileage, .lui-modal .icon--mileage { width: 16px; height: 19px; background-position: -1325px -908px }
.lostark-pc .icon--movie, .lui-modal .icon--movie { width: 25px; height: 18px; background-position: -527px -1167px }
.lostark-pc .list--artwork .icon--new, .lostark-pc .list--contest .icon--new, .lostark-pc .list--event .icon--new, .lostark-pc .list--letter .icon--new, .lostark-pc .list--movie .icon--new, .lostark-pc .list--ucc .icon--new, .lostark-pc .list--update .icon--new, .lostark-pc .tip-best .icon--new, .lui-modal .list--artwork .icon--new, .lui-modal .list--contest .icon--new, .lui-modal .list--event .icon--new, .lui-modal .list--letter .icon--new, .lui-modal .list--movie .icon--new, .lui-modal .list--ucc .icon--new, .lui-modal .list--update .icon--new, .lui-modal .tip-best .icon--new { width: 61px; height: 61px; background-position: -906px -546px }
.lostark-pc .content--class .class-index .ico-new-class, .lostark-pc .content--contents .container .boxes.box_23:after { width: 61px; height: 61px; background-position: -906px -608px }
.lostark-pc .class-index>div .list a .icon--new { width: 35px; height: 35px; background-position: -401px -1206px }
.lostark-pc .icon--new, .lui-modal .icon--new { width: 15px; height: 15px; background-position: -431px -1151px }
.lostark-pc .icon--pet, .lui-modal .icon--pet { width: 61px; height: 61px; background-position: -906px -670px }
.lostark-pc .icon--popular, .lui-modal .icon--popular { width: 61px; height: 61px; background-position: -906px -732px }
.lostark-pc .icon--recommend, .lui-modal .icon--recommend { width: 61px; height: 61px; background-position: -906px -794px }
.lostark-pc .icon--reply-selected, .lui-modal .icon--reply-selected { width: 98px; height: 34px; background-position: -892px -909px }
.lostark-pc .icon--ride, .lui-modal .icon--ride { width: 61px; height: 61px; background-position: -815px -91px }
.lostark-pc .icon--ride_pet, .lui-modal .icon--ride_pet { width: 61px; height: 61px; background-position: -815px -153px }
.lostark-pc .icon--royal-crystal, .lui-modal .icon--royal-crystal { width: 18px; height: 21px; background-position: -1325px -381px }
.lostark-pc .icon--shop-limit, .lui-modal .icon--shop-limit { width: 35px; height: 35px; background-position: -437px -1206px }
.lostark-pc .icon--shop-new, .lui-modal .icon--shop-new { width: 35px; height: 35px; background-position: -473px -1206px }
.lostark-pc .icon--shop-popular, .lui-modal .icon--shop-popular { width: 35px; height: 35px; background-position: -509px -1206px }
.lostark-pc .icon--shop-recommend, .lui-modal .icon--shop-recommend { width: 35px; height: 35px; background-position: -545px -1206px }
.lostark-pc .icon--admin, .lui-modal .icon--admin { width: 20px; height: 20px; background-position: -1325px -231px }
.lostark-pc .icon--tip-selected, .lui-modal .icon--tip-selected { width: 27px; height: 27px; background-position: -1289px -1186px }
.lostark-pc .icon--dday[data-dday="0"]:after, .lui-modal .icon--dday[data-dday="0"]:after { width: 31px; height: 13px; background-position: -871px -987px }
.lostark-pc .icon--dday[data-dday="1"]:after, .lui-modal .icon--dday[data-dday="1"]:after { width: 29px; height: 13px; background-position: -876px -756px }
.lostark-pc .icon--dday[data-dday="2"]:after, .lui-modal .icon--dday[data-dday="2"]:after { width: 31px; height: 13px; background-position: -903px -987px }
.lostark-pc .icon--dday[data-dday="3"]:after, .lui-modal .icon--dday[data-dday="3"]:after { width: 30px; height: 13px; background-position: -1031px -987px }
.lostark-pc .icon--dday[data-dday="4"]:after, .lui-modal .icon--dday[data-dday="4"]:after { width: 31px; height: 13px; background-position: -935px -987px }
.lostark-pc .icon--dday[data-dday="5"]:after, .lui-modal .icon--dday[data-dday="5"]:after { width: 30px; height: 13px; background-position: -1062px -987px }
.lostark-pc .icon--dday[data-dday="6"]:after, .lui-modal .icon--dday[data-dday="6"]:after { width: 31px; height: 13px; background-position: -967px -987px }
.lostark-pc .icon--dday[data-dday="7"]:after, .lui-modal .icon--dday[data-dday="7"]:after { width: 31px; height: 13px; background-position: -999px -987px }
.lostark-pc .class-detail .class-detail__arcana .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__arcana .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__arcana .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__bard .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__bard .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__bard .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__battlemaster .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__battlemaster .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__battlemaster .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__berserker .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__berserker .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__berserker .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__blade .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__blade .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__blade .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__blaster .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__blaster .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__blaster .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__card .class-detail__title .button--class-movie, .lostark-pc .class-detail .class-detail__demonic .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__demonic .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__demonic .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__destroyer .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__destroyer .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__destroyer .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__devilhunter .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__devilhunter .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__devilhunter .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__gunslinger .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__gunslinger .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__gunslinger .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__hawkeye .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__hawkeye .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__hawkeye .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__holyknight .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__holyknight .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__holyknight .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__infighter .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__infighter .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__infighter .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__lancemaster .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__lancemaster .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__lancemaster .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__reaper .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__reaper .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__reaper .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__scouter .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__scouter .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__scouter .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__soulmaster .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__soulmaster .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__soulmaster .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__striker .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__striker .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__striker .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__summoner .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__summoner .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__summoner .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__warlord .class-detail__card h3:before, .lostark-pc .class-detail .class-detail__warlord .class-detail__contents .identity .list .slot:first-of-type .image:before, .lostark-pc .class-detail .class-detail__warlord .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before, .lostark-pc .class-detail .class-detail__warlord .class-detail__contents .identity .list .slot:nth-of-type(3) .image:before, .lostark-pc .class-index .class-index__assassin h3:before, .lostark-pc .class-index .class-index__fighter h3:before, .lostark-pc .class-index .class-index__hunter h3:before, .lostark-pc .class-index .class-index__magician h3:before, .lostark-pc .class-index .class-index__warrior h3:before, .lostark-pc .class-index>div .list .class-index__arcana:after, .lostark-pc .class-index>div .list .class-index__arcana:before, .lostark-pc .class-index>div .list .class-index__bard:after, .lostark-pc .class-index>div .list .class-index__bard:before, .lostark-pc .class-index>div .list .class-index__battlemaster:after, .lostark-pc .class-index>div .list .class-index__battlemaster:before, .lostark-pc .class-index>div .list .class-index__berserker:after, .lostark-pc .class-index>div .list .class-index__berserker:before, .lostark-pc .class-index>div .list .class-index__blade:after, .lostark-pc .class-index>div .list .class-index__blade:before, .lostark-pc .class-index>div .list .class-index__blaster:after, .lostark-pc .class-index>div .list .class-index__blaster:before, .lostark-pc .class-index>div .list .class-index__demonic:after, .lostark-pc .class-index>div .list .class-index__demonic:before, .lostark-pc .class-index>div .list .class-index__destroyer:after, .lostark-pc .class-index>div .list .class-index__destroyer:before, .lostark-pc .class-index>div .list .class-index__devilhunter:after, .lostark-pc .class-index>div .list .class-index__devilhunter:before, .lostark-pc .class-index>div .list .class-index__gunslinger:after, .lostark-pc .class-index>div .list .class-index__gunslinger:before, .lostark-pc .class-index>div .list .class-index__hawkeye:after, .lostark-pc .class-index>div .list .class-index__hawkeye:before, .lostark-pc .class-index>div .list .class-index__holyknight:after, .lostark-pc .class-index>div .list .class-index__holyknight:before, .lostark-pc .class-index>div .list .class-index__infighter:after, .lostark-pc .class-index>div .list .class-index__infighter:before, .lostark-pc .class-index>div .list .class-index__lancemaster:after, .lostark-pc .class-index>div .list .class-index__lancemaster:before, .lostark-pc .class-index>div .list .class-index__reaper:after, .lostark-pc .class-index>div .list .class-index__reaper:before, .lostark-pc .class-index>div .list .class-index__scouter:after, .lostark-pc .class-index>div .list .class-index__scouter:before, .lostark-pc .class-index>div .list .class-index__soulmaster:after, .lostark-pc .class-index>div .list .class-index__soulmaster:before, .lostark-pc .class-index>div .list .class-index__striker:after, .lostark-pc .class-index>div .list .class-index__striker:before, .lostark-pc .class-index>div .list .class-index__summoner:after, .lostark-pc .class-index>div .list .class-index__summoner:before, .lostark-pc .class-index>div .list .class-index__warlord:after, .lostark-pc .class-index>div .list .class-index__warlord:before, .lostark-pc .class-nav .class-nav__arcana:before, .lostark-pc .class-nav .class-nav__bard:before, .lostark-pc .class-nav .class-nav__battlemaster:before, .lostark-pc .class-nav .class-nav__berserker:before, .lostark-pc .class-nav .class-nav__blade:before, .lostark-pc .class-nav .class-nav__blaster:before, .lostark-pc .class-nav .class-nav__demonic:before, .lostark-pc .class-nav .class-nav__destroyer:before, .lostark-pc .class-nav .class-nav__devilhunter:before, .lostark-pc .class-nav .class-nav__gunslinger:before, .lostark-pc .class-nav .class-nav__hawkeye:before, .lostark-pc .class-nav .class-nav__holyknight:before, .lostark-pc .class-nav .class-nav__infighter:before, .lostark-pc .class-nav .class-nav__lancemaster:before, .lostark-pc .class-nav .class-nav__reaper:before, .lostark-pc .class-nav .class-nav__scouter:before, .lostark-pc .class-nav .class-nav__soulmaster:before, .lostark-pc .class-nav .class-nav__striker:before, .lostark-pc .class-nav .class-nav__summoner:before, .lostark-pc .class-nav .class-nav__warlord:before { display: inline-block; background: url(../images/shiluofangzhou/sprite_information.png?ddeae8a302370a3984911b8515c7ffea) no-repeat 0 0; background-size: 1584px 1497px; font-size: 0 }
.lostark-pc .class-detail .class-detail__card .class-detail__title .button--class-movie { width: 74px; height: 74px; background-position: -1510px -280px }
.lostark-pc .class-detail .class-detail__arcana .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 121px; background-position: -1229px -348px }
.lostark-pc .class-detail .class-detail__arcana .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 136px; height: 196px; background-position: -1229px -815px }
.lostark-pc .class-detail .class-detail__bard .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 146px; background-position: -456px -716px }
.lostark-pc .class-detail .class-detail__bard .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 230px; height: 104px; background-position: -227px -1286px }
.lostark-pc .class-detail .class-detail__battlemaster .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 110px; background-position: 0 -1286px }
.lostark-pc .class-detail .class-detail__battlemaster .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 280px; height: 103px; background-position: -1229px 0 }
.lostark-pc .class-detail .class-detail__berserker .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 114px; background-position: -1229px -1012px }
.lostark-pc .class-detail .class-detail__berserker .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 241px; height: 76px; background-position: -667px -1174px }
.lostark-pc .class-detail .class-detail__blade .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 146px; background-position: -683px -716px }
.lostark-pc .class-detail .class-detail__blade .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 351px; height: 173px; background-position: 0 -268px }
.lostark-pc .class-detail .class-detail__blaster .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 140px; background-position: 0 -1033px }
.lostark-pc .class-detail .class-detail__blaster .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 238px; height: 86px; background-position: -678px -551px }
.lostark-pc .class-detail .class-detail__demonic .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 128px; background-position: -918px -1033px }
.lostark-pc .class-detail .class-detail__demonic .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 242px; height: 103px; background-position: -227px -1174px }
.lostark-pc .class-detail .class-detail__destroyer .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 93px; background-position: -809px -887px }
.lostark-pc .class-detail .class-detail__destroyer .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 231px; height: 129px; background-position: -686px -1033px }
.lostark-pc .class-detail .class-detail__devilhunter .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 227px; height: 159px; background-position: -228px -716px }
.lostark-pc .class-detail .class-detail__devilhunter .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 245px; height: 111px; background-position: -1229px -470px }
.lostark-pc .class-detail .class-detail__gunslinger .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 227px; height: 170px; background-position: 0 -716px }
.lostark-pc .class-detail .class-detail__gunslinger .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 286px; height: 156px; background-position: -722px -356px }
.lostark-pc .class-detail .class-detail__hawkeye .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 241px; height: 111px; background-position: -1229px -703px }
.lostark-pc .class-detail .class-detail__hawkeye .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 269px; height: 118px; background-position: -227px -887px }
.lostark-pc .class-detail .class-detail__holyknight .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 310px; height: 190px; background-position: -722px 0 }
.lostark-pc .class-detail .class-detail__holyknight .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 311px; height: 94px; background-position: -497px -887px }
.lostark-pc .class-detail .class-detail__infighter .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 111px; background-position: 0 -1174px }
.lostark-pc .class-detail .class-detail__infighter .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 231px; height: 131px; background-position: -454px -1033px }
.lostark-pc .class-detail .class-detail__lancemaster .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 145px; background-position: 0 -887px }
.lostark-pc .class-detail .class-detail__lancemaster .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 549px; height: 108px; background-position: 0 -442px }
.lostark-pc .class-detail .class-detail__reaper .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 369px; height: 267px; background-position: 0 0 }
.lostark-pc .class-detail .class-detail__reaper .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 303px; height: 82px; background-position: -370px -174px }
.lostark-pc .class-detail .class-detail__scouter .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 182px; height: 138px; background-position: -1033px -195px }
.lostark-pc .class-detail .class-detail__scouter .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 320px; height: 134px; background-position: -352px -268px }
.lostark-pc .class-detail .class-detail__soulmaster .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 124px; background-position: -1229px -104px }
.lostark-pc .class-detail .class-detail__soulmaster .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 96px; height: 180px; background-position: -1366px -815px }
.lostark-pc .class-detail .class-detail__striker .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 255px; height: 164px; background-position: 0 -551px }
.lostark-pc .class-detail .class-detail__striker .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 302px; height: 164px; background-position: -722px -191px }
.lostark-pc .class-detail .class-detail__summoner .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 140px; background-position: -227px -1033px }
.lostark-pc .class-detail .class-detail__summoner .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 195px; height: 194px; background-position: -1033px 0 }
.lostark-pc .class-detail .class-detail__warlord .class-detail__contents .identity .list .slot:first-of-type .image:before { width: 226px; height: 120px; background-position: -1229px -582px }
.lostark-pc .class-detail .class-detail__warlord .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { width: 234px; height: 118px; background-position: -1229px -229px }
.lostark-pc .class-detail .class-detail__warlord .class-detail__contents .identity .list .slot:nth-of-type(3) .image:before { width: 421px; height: 91px; background-position: -256px -551px }
.lostark-pc .class-nav .class-nav__arcana:before { width: 27px; height: 29px; background-position: -1456px -197px }
.lostark-pc .class-nav .class-nav__bard:before { width: 27px; height: 29px; background-position: -1464px -229px }
.lostark-pc .class-nav .class-nav__battlemaster:before { width: 27px; height: 29px; background-position: -1464px -259px }
.lostark-pc .class-nav .class-nav__berserker:before { width: 27px; height: 29px; background-position: -1464px -289px }
.lostark-pc .class-nav .class-nav__blade:before { width: 27px; height: 30px; background-position: -1456px -104px }
.lostark-pc .class-nav .class-nav__blaster:before { width: 27px; height: 29px; background-position: -1456px -348px }
.lostark-pc .class-nav .class-nav__demonic:before { width: 27px; height: 30px; background-position: -1456px -135px }
.lostark-pc .class-nav .class-nav__destroyer:before { width: 27px; height: 29px; background-position: -1456px -378px }
.lostark-pc .class-nav .class-nav__devilhunter:before { width: 27px; height: 29px; background-position: -1456px -408px }
.lostark-pc .class-nav .class-nav__gunslinger:before { width: 27px; height: 29px; background-position: -1456px -438px }
.lostark-pc .class-nav .class-nav__hawkeye:before { width: 27px; height: 29px; background-position: -1475px -470px }
.lostark-pc .class-nav .class-nav__holyknight:before { width: 27px; height: 29px; background-position: -1475px -500px }
.lostark-pc .class-nav .class-nav__infighter:before { width: 27px; height: 29px; background-position: -1475px -530px }
.lostark-pc .class-nav .class-nav__lancemaster:before { width: 27px; height: 29px; background-position: -1456px -582px }
.lostark-pc .class-nav .class-nav__reaper:before { width: 27px; height: 29px; background-position: -1456px -612px }
.lostark-pc .class-nav .class-nav__scouter:before { width: 27px; height: 30px; background-position: -1456px -166px }
.lostark-pc .class-nav .class-nav__soulmaster:before { width: 27px; height: 29px; background-position: -1456px -642px }
.lostark-pc .class-nav .class-nav__striker:before { width: 27px; height: 29px; background-position: -1456px -672px }
.lostark-pc .class-nav .class-nav__summoner:before { width: 26px; height: 29px; background-position: -1471px -733px }
.lostark-pc .class-nav .class-nav__warlord:before { width: 27px; height: 29px; background-position: -1471px -703px }
.lostark-pc .class-index>div .list .class-index__arcana:after { width: 67px; height: 75px; background-position: -1510px -355px }
.lostark-pc .class-index>div .list .class-index__arcana:before { width: 67px; height: 75px; background-position: -1510px -431px }
.lostark-pc .class-detail .class-detail__arcana .class-detail__card h3:before { width: 74px; height: 91px; background-position: -1510px 0 }
.lostark-pc .class-index .class-index__assassin h3:before { width: 101px; height: 95px; background-position: -550px -442px }
.lostark-pc .class-index>div .list .class-index__bard:after { width: 67px; height: 75px; background-position: -1510px -507px }
.lostark-pc .class-index>div .list .class-index__bard:before { width: 67px; height: 75px; background-position: -1510px -583px }
.lostark-pc .class-detail .class-detail__bard .class-detail__card h3:before { width: 73px; height: 90px; background-position: -1510px -189px }
.lostark-pc .class-index>div .list .class-index__battlemaster:after { width: 67px; height: 75px; background-position: -1510px -659px }
.lostark-pc .class-index>div .list .class-index__battlemaster:before { width: 67px; height: 75px; background-position: -1510px -735px }
.lostark-pc .class-detail .class-detail__battlemaster .class-detail__card h3:before { width: 85px; height: 85px; background-position: -641px -1286px }
.lostark-pc .class-index>div .list .class-index__berserker:after { width: 67px; height: 75px; background-position: -1510px -811px }
.lostark-pc .class-index>div .list .class-index__berserker:before { width: 67px; height: 75px; background-position: -1510px -887px }
.lostark-pc .class-detail .class-detail__berserker .class-detail__card h3:before { width: 69px; height: 96px; background-position: -1510px -92px }
.lostark-pc .class-index>div .list .class-index__blade:after { width: 67px; height: 75px; background-position: -1510px -963px }
.lostark-pc .class-index>div .list .class-index__blade:before { width: 67px; height: 75px; background-position: -1510px -1039px }
.lostark-pc .class-detail .class-detail__blade .class-detail__card h3:before { width: 112px; height: 91px; background-position: -1033px -624px }
.lostark-pc .class-index>div .list .class-index__blaster:after { width: 67px; height: 75px; background-position: -1510px -1115px }
.lostark-pc .class-index>div .list .class-index__blaster:before { width: 67px; height: 75px; background-position: -1510px -1191px }
.lostark-pc .class-detail .class-detail__blaster .class-detail__card h3:before { width: 90px; height: 85px; background-position: -550px -1286px }
.lostark-pc .class-index>div .list .class-index__demonic:after { width: 67px; height: 75px; background-position: -1510px -1267px }
.lostark-pc .class-index>div .list .class-index__demonic:before { width: 67px; height: 75px; background-position: -1510px -1343px }
.lostark-pc .class-detail .class-detail__demonic .class-detail__card h3:before { width: 90px; height: 90px; background-position: -1133px -887px }
.lostark-pc .class-index>div .list .class-index__destroyer:after { width: 67px; height: 75px; background-position: -1510px -1419px }
.lostark-pc .class-index>div .list .class-index__destroyer:before { width: 67px; height: 75px; background-position: -1161px -426px }
.lostark-pc .class-detail .class-detail__destroyer .class-detail__card h3:before { width: 92px; height: 86px; background-position: -917px -551px }
.lostark-pc .class-index>div .list .class-index__devilhunter:after { width: 67px; height: 75px; background-position: -652px -442px }
.lostark-pc .class-index>div .list .class-index__devilhunter:before { width: 67px; height: 75px; background-position: -1013px -1174px }
.lostark-pc .class-detail .class-detail__devilhunter .class-detail__card h3:before { width: 80px; height: 89px; background-position: -1146px -624px }
.lostark-pc .class-index .class-index__fighter h3:before { width: 193px; height: 91px; background-position: -1033px -334px }
.lostark-pc .class-index>div .list .class-index__gunslinger:after { width: 67px; height: 75px; background-position: -1081px -1174px }
.lostark-pc .class-index>div .list .class-index__gunslinger:before { width: 67px; height: 75px; background-position: -1149px -1174px }
.lostark-pc .class-detail .class-detail__gunslinger .class-detail__card h3:before { width: 104px; height: 103px; background-position: -1033px -520px }
.lostark-pc .class-index>div .list .class-index__hawkeye:after { width: 67px; height: 75px; background-position: -1217px -1174px }
.lostark-pc .class-index>div .list .class-index__hawkeye:before { width: 67px; height: 75px; background-position: -1285px -1174px }
.lostark-pc .class-detail .class-detail__hawkeye .class-detail__card h3:before { width: 127px; height: 93px; background-position: -1033px -426px }
.lostark-pc .class-index>div .list .class-index__holyknight:after { width: 67px; height: 75px; background-position: -1353px -1174px }
.lostark-pc .class-index>div .list .class-index__holyknight:before { width: 67px; height: 75px; background-position: -1421px -1174px }
.lostark-pc .class-detail .class-detail__holyknight .class-detail__card h3:before { width: 96px; height: 91px; background-position: -1036px -887px }
.lostark-pc .class-index .class-index__hunter h3:before { width: 196px; height: 96px; background-position: -470px -1174px }
.lostark-pc .class-index>div .list .class-index__infighter:after { width: 67px; height: 75px; background-position: -727px -1286px }
.lostark-pc .class-index>div .list .class-index__infighter:before { width: 67px; height: 75px; background-position: -795px -1286px }
.lostark-pc .class-detail .class-detail__infighter .class-detail__card h3:before { width: 86px; height: 86px; background-position: -172px -1397px }
.lostark-pc .class-index>div .list .class-index__lancemaster:after { width: 67px; height: 75px; background-position: -863px -1286px }
.lostark-pc .class-index>div .list .class-index__lancemaster:before { width: 67px; height: 75px; background-position: -931px -1286px }
.lostark-pc .class-detail .class-detail__lancemaster .class-detail__card h3:before { width: 89px; height: 101px; background-position: -1138px -520px }
.lostark-pc .class-index .class-index__magician h3:before { width: 94px; height: 98px; background-position: -1133px -716px }
.lostark-pc .class-index>div .list .class-index__reaper:after { width: 67px; height: 75px; background-position: -999px -1286px }
.lostark-pc .class-index>div .list .class-index__reaper:before { width: 67px; height: 75px; background-position: -1067px -1286px }
.lostark-pc .class-detail .class-detail__reaper .class-detail__card h3:before { width: 91px; height: 97px; background-position: -458px -1286px }
.lostark-pc .class-index>div .list .class-index__scouter:after { width: 67px; height: 75px; background-position: -1135px -1286px }
.lostark-pc .class-index>div .list .class-index__scouter:before { width: 67px; height: 75px; background-position: -1203px -1286px }
.lostark-pc .class-detail .class-detail__scouter .class-detail__card h3:before { width: 83px; height: 87px; background-position: -1145px -1033px }
.lostark-pc .class-index>div .list .class-index__soulmaster:after { width: 67px; height: 75px; background-position: -1271px -1286px }
.lostark-pc .class-index>div .list .class-index__soulmaster:before { width: 67px; height: 75px; background-position: -1339px -1286px }
.lostark-pc .class-detail .class-detail__soulmaster .class-detail__card h3:before { width: 85px; height: 100px; background-position: 0 -1397px }
.lostark-pc .class-index>div .list .class-index__striker:after { width: 67px; height: 75px; background-position: -1407px -1286px }
.lostark-pc .class-index>div .list .class-index__striker:before { width: 67px; height: 75px; background-position: -259px -1397px }
.lostark-pc .class-detail .class-detail__striker .class-detail__card h3:before { width: 99px; height: 101px; background-position: -1033px -716px }
.lostark-pc .class-index>div .list .class-index__summoner:after { width: 67px; height: 75px; background-position: -327px -1397px }
.lostark-pc .class-index>div .list .class-index__summoner:before { width: 67px; height: 75px; background-position: -395px -1397px }
.lostark-pc .class-detail .class-detail__summoner .class-detail__card h3:before { width: 85px; height: 90px; background-position: -86px -1397px }
.lostark-pc .class-index>div .list .class-index__warlord:after { width: 67px; height: 75px; background-position: -463px -1397px }
.lostark-pc .class-index>div .list .class-index__warlord:before { width: 67px; height: 75px; background-position: -531px -1397px }
.lostark-pc .class-detail .class-detail__warlord .class-detail__card h3:before { width: 101px; height: 90px; background-position: -910px -716px }
.lostark-pc .class-index .class-index__warrior h3:before { width: 103px; height: 76px; background-position: -909px -1174px }
.lostark-pc .icon, .lui-modal .icon { display: inline-block; vertical-align: top; font-size: 0 }
.lostark-pc .icon--alarm, .lui-modal .icon--alarm { width: 6px; height: 6px; background-color: #ff009c; border-radius: 50%; font-size: 0!important; line-height: 0!important; vertical-align: top }
.lostark-pc .icon--comment-cm, .lui-modal .icon--comment-cm { width: 32px; height: 21px; background-color: #ff009c; border-radius: 11px; line-height: 21px; text-align: center; font-size: 12px; color: #fff }
.lostark-pc .icon--comment-gm, .lui-modal .icon--comment-gm { width: 32px; height: 21px; background-color: #ff7353; border-radius: 11px; line-height: 21px; text-align: center; font-size: 12px; color: #fff }
.lostark-pc .icon--reply-selected-complete, .lui-modal .icon--reply-selected-complete { width: 65px; height: 24px; background-color: #222; border-radius: 13px; line-height: 24px; text-align: center; font-size: 13px; color: #fff }
.lostark-pc .icon--reply-selected, .lui-modal .icon--reply-selected { padding-left: 10px; box-sizing: border-box; line-height: 34px; text-align: center; color: #fff; font-size: 14px!important }
.lostark-pc .icon--notice-all, .lui-modal .icon--notice-all { width: 74px; height: 35px; background-color: #222; border-radius: 18px; line-height: 35px; font-size: 15px; color: #fff; text-align: center }
.lostark-pc .icon--before, .lostark-pc .icon--check, .lostark-pc .icon--end, .lostark-pc .icon--event, .lostark-pc .icon--notice, .lostark-pc .icon--ongoing, .lostark-pc .icon--shop, .lostark-pc .icon--update, .lui-modal .icon--before, .lui-modal .icon--check, .lui-modal .icon--end, .lui-modal .icon--event, .lui-modal .icon--notice, .lui-modal .icon--ongoing, .lui-modal .icon--shop, .lui-modal .icon--update { width: 74px; height: 35px; background-color: #fff; box-sizing: border-box; border-radius: 18px; border: 1px solid #ddd; line-height: 33px; font-size: 15px; color: #222; text-align: center }
.lostark-pc .icon--check, .lui-modal .icon--check { color: #687de5 }
.lostark-pc .icon--shop, .lostark-pc .icon--update, .lui-modal .icon--shop, .lui-modal .icon--update { color: #05b9b3 }
.lostark-pc .icon--event, .lui-modal .icon--event { color: #9c69bf }
.lostark-pc .icon--before, .lui-modal .icon--before { color: #05b9b3 }
.lostark-pc .icon--ongoing, .lui-modal .icon--ongoing { color: #9c69bf }
.lostark-pc .icon--dday, .lui-modal .icon--dday { position: relative; width: 55px; height: 55px; background-color: #fff; box-sizing: border-box; border: 1px solid #6806eb; border-radius: 50%; text-align: center }
.lostark-pc .icon--dday:after, .lui-modal .icon--dday:after { display: inline-block; content: ""; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 -15px }
.lostark-pc .icon--poll-end, .lostark-pc .icon--poll-ongoing, .lui-modal .icon--poll-end, .lui-modal .icon--poll-ongoing { display: inline-block; width: 70px; height: 70px; border-radius: 50%; padding: 13px 10px 0; box-sizing: border-box; line-height: 1.3; font-size: 16px; color: #fff; text-align: center }
.lostark-pc .icon--poll-ongoing, .lui-modal .icon--poll-ongoing { background-image: linear-gradient(-22deg, rgba(97,42,239,.87), rgba(116,34,236,.87)) }
.lostark-pc .icon--poll-end, .lui-modal .icon--poll-end { background-color: #000 }
.lostark-pc .icon--arcana, .lostark-pc .icon--assassin, .lostark-pc .icon--bard, .lostark-pc .icon--battlemaster, .lostark-pc .icon--berserker, .lostark-pc .icon--blade, .lostark-pc .icon--blaster, .lostark-pc .icon--demonic, .lostark-pc .icon--destroyer, .lostark-pc .icon--devilhunter, .lostark-pc .icon--fighter, .lostark-pc .icon--fightermale, .lostark-pc .icon--gunslinger, .lostark-pc .icon--hawkeye, .lostark-pc .icon--holyknight, .lostark-pc .icon--hunter, .lostark-pc .icon--hunterfemale, .lostark-pc .icon--infighter, .lostark-pc .icon--lancemaster, .lostark-pc .icon--magician, .lostark-pc .icon--reaper, .lostark-pc .icon--scouter, .lostark-pc .icon--soulmaster, .lostark-pc .icon--striker, .lostark-pc .icon--summoner, .lostark-pc .icon--warlord, .lostark-pc .icon--warrior, .lui-modal .icon--arcana, .lui-modal .icon--assassin, .lui-modal .icon--bard, .lui-modal .icon--battlemaster, .lui-modal .icon--berserker, .lui-modal .icon--blade, .lui-modal .icon--blaster, .lui-modal .icon--demonic, .lui-modal .icon--destroyer, .lui-modal .icon--devilhunter, .lui-modal .icon--fighter, .lui-modal .icon--fightermale, .lui-modal .icon--gunslinger, .lui-modal .icon--hawkeye, .lui-modal .icon--holyknight, .lui-modal .icon--hunter, .lui-modal .icon--hunterfemale, .lui-modal .icon--infighter, .lui-modal .icon--lancemaster, .lui-modal .icon--magician, .lui-modal .icon--reaper, .lui-modal .icon--scouter, .lui-modal .icon--soulmaster, .lui-modal .icon--striker, .lui-modal .icon--summoner, .lui-modal .icon--warlord, .lui-modal .icon--warrior { font-size: 15px; color: #555 }
.lostark-pc .icon--arcana:before, .lostark-pc .icon--assassin:before, .lostark-pc .icon--bard:before, .lostark-pc .icon--battlemaster:before, .lostark-pc .icon--berserker:before, .lostark-pc .icon--blade:before, .lostark-pc .icon--blaster:before, .lostark-pc .icon--demonic:before, .lostark-pc .icon--destroyer:before, .lostark-pc .icon--devilhunter:before, .lostark-pc .icon--fighter:before, .lostark-pc .icon--fightermale:before, .lostark-pc .icon--gunslinger:before, .lostark-pc .icon--hawkeye:before, .lostark-pc .icon--holyknight:before, .lostark-pc .icon--hunter:before, .lostark-pc .icon--hunterfemale:before, .lostark-pc .icon--infighter:before, .lostark-pc .icon--lancemaster:before, .lostark-pc .icon--magician:before, .lostark-pc .icon--reaper:before, .lostark-pc .icon--scouter:before, .lostark-pc .icon--soulmaster:before, .lostark-pc .icon--striker:before, .lostark-pc .icon--summoner:before, .lostark-pc .icon--warlord:before, .lostark-pc .icon--warrior:before, .lui-modal .icon--arcana:before, .lui-modal .icon--assassin:before, .lui-modal .icon--bard:before, .lui-modal .icon--battlemaster:before, .lui-modal .icon--berserker:before, .lui-modal .icon--blade:before, .lui-modal .icon--blaster:before, .lui-modal .icon--demonic:before, .lui-modal .icon--destroyer:before, .lui-modal .icon--devilhunter:before, .lui-modal .icon--fighter:before, .lui-modal .icon--fightermale:before, .lui-modal .icon--gunslinger:before, .lui-modal .icon--hawkeye:before, .lui-modal .icon--holyknight:before, .lui-modal .icon--hunter:before, .lui-modal .icon--hunterfemale:before, .lui-modal .icon--infighter:before, .lui-modal .icon--lancemaster:before, .lui-modal .icon--magician:before, .lui-modal .icon--reaper:before, .lui-modal .icon--scouter:before, .lui-modal .icon--soulmaster:before, .lui-modal .icon--striker:before, .lui-modal .icon--summoner:before, .lui-modal .icon--warlord:before, .lui-modal .icon--warrior:before { content: ""; margin: -2px 5px 0 0; vertical-align: middle }
.lostark-pc .content--class .tab a .icon:before, .lui-modal .content--class .tab a .icon:before { opacity: .7 }
.lostark-pc .content--class .tab a.tab__item--active .icon:before, .lui-modal .content--class .tab a.tab__item--active .icon:before { opacity: 1 }
.lostark-pc .content--class .article__category .icon, .lui-modal .content--class .article__category .icon { font-size: 24px; color: #888 }
.lostark-pc .content--class .article__category .icon:before, .lui-modal .content--class .article__category .icon:before { margin: -2px 10px 0 0 }
.lostark-pc .icon--alarm-coupon, .lostark-pc .icon--alarm-event, .lostark-pc .icon--alarm-gift, .lostark-pc .icon--alarm-library, .lostark-pc .icon--alarm-mileage, .lostark-pc .icon--alarm-write, .lui-modal .icon--alarm-coupon, .lui-modal .icon--alarm-event, .lui-modal .icon--alarm-gift, .lui-modal .icon--alarm-library, .lui-modal .icon--alarm-mileage, .lui-modal .icon--alarm-write { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 70px; height: 70px; box-sizing: border-box; border-radius: 50%; border: 1px solid #e8e8e8 }
.lostark-pc .icon--alarm-coupon:after, .lostark-pc .icon--alarm-event:after, .lostark-pc .icon--alarm-gift:after, .lostark-pc .icon--alarm-library:after, .lostark-pc .icon--alarm-mileage:after, .lostark-pc .icon--alarm-write:after, .lui-modal .icon--alarm-coupon:after, .lui-modal .icon--alarm-event:after, .lui-modal .icon--alarm-gift:after, .lui-modal .icon--alarm-library:after, .lui-modal .icon--alarm-mileage:after, .lui-modal .icon--alarm-write:after { content: "" }
.lostark-pc .icon--alarm-event:after, .lui-modal .icon--alarm-event:after { margin-right: -4px }
.lostark-pc .icon--alarm-write:after, .lui-modal .icon--alarm-write:after { margin-right: -10px }
.lostark-pc .category--notice, .lostark-pc .category--notice-all { color: #222 }
.lostark-pc .category--check { color: #687de5 }
.lostark-pc .category--shop, .lostark-pc .category--update { color: #05b9b3 }
.lostark-pc .category--event { color: #9c69bf }
.lostark-pc .category--before { color: #05b9b3 }
.lostark-pc .category--ongoing { color: #9c69bf }
.lostark-pc .category--end { color: #222 }
.lostark-pc .category--library { color: #05b9b3 }
.lostark-pc .content--world { height: calc(100vh - 50px); min-height: 700px!important; background-color: #000 }
.lostark-pc .content--world:after { position: absolute; content: "\A9   Smilegate RPG & Smilegate Stove All rights reserved."; left: 20px; bottom: 20px; z-index: 4; opacity: .2; font-size: 12px; color: #fff }
.lostark-pc .world-wrapper.world--active-index .world-index { display: block }
.lostark-pc .world-wrapper.world--active-detail .world-index, .lostark-pc .world-wrapper.world--active-index .world-detail, .lostark-pc .world-wrapper.world--active-index .world-nav { display: none }
.lostark-pc .world-wrapper.world--active-detail .world-detail { display: block }
.lostark-pc .world-wrapper.world--active-detail .world-nav { display: -ms-flexbox; display: flex }
.lostark-pc .content--world:after { left: 50%; margin-left: -150px; bottom: 10px }
.lostark-pc .world-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; position: absolute; right: 30px; top: 0; z-index: 10; width: 74px; height: 100% }
.lostark-pc .world-nav .world-nav__index { position: relative; display: block; width: 74px; height: 72px; margin-bottom: 15px; font-size: 0 }
.lostark-pc .world-nav .world-nav__index:after, .lostark-pc .world-nav .world-nav__index:before { transition: opacity .3s; display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.lostark-pc .world-nav .world-nav__index:before { opacity: 1; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABICAYAAABRGGN6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlFOTI1MkVCOERCMTFFOEFBQjY5MzlFOUFFODhGMEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlFOTI1MkZCOERCMTFFOEFBQjY5MzlFOUFFODhGMEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OUU5MjUyQ0I4REIxMUU4QUFCNjkzOUU5QUU4OEYwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OUU5MjUyREI4REIxMUU4QUFCNjkzOUU5QUU4OEYwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpaXGO8AAAeeSURBVHja5FwJbFRV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") no-repeat 0 0 }
.lostark-pc .world-nav .world-nav__index:after { opacity: 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABICAYAAABRGGN6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0Y1QzAxNkVCOERCMTFFODg0M0Q4MUY1OEYwQkRFMjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0Y1QzAxNkZCOERCMTFFODg0M0Q4MUY1OEYwQkRFMjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRjVDMDE2Q0I4REIxMUU4ODQzRDgxRjU4RjBCREUyMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRjVDMDE2REI4REIxMUU4ODQzRDgxRjU4RjBCREUyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppa/AscAAAdkSURBVHja7JwLUBVl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") no-repeat 0 0 }
.lostark-pc .world-nav .world-nav__index:hover:before { opacity: 0 }
.lostark-pc .world-nav .world-nav__index:hover:after { opacity: 1 }
.lostark-pc .world-nav .world-nav__index.world-nav__item--activ:before { opacity: 0 }
.lostark-pc .world-nav .world-nav__index.world-nav__item--activ:after { opacity: 1 }
.lostark-pc .world-nav .world-nav__detail { display: block; opacity: .5; width: 74px; padding: 15px 0; font-size: 0; text-align: center }
.lostark-pc .world-nav .world-nav__detail.world-nav__item--active, .lostark-pc .world-nav .world-nav__detail:hover { opacity: 1 }
.lostark-pc .world-nav .world-nav__detail:before { font-size: 16px; color: #fff; font-family: trajan-pro-3 }
.lostark-pc .world-nav .world-nav__detail.world-nav__detail0:before { content: "I" }
.lostark-pc .world-nav .world-nav__detail.world-nav__detail1:before { content: "II" }
.lostark-pc .world-nav .world-nav__detail.world-nav__detail2:before { content: "III" }
.lostark-pc .world-nav .world-nav__detail.world-nav__detail3:before { content: "IV" }
.lostark-pc .world-nav .world-nav__detail.world-nav__detail4:before { content: "V" }
.lostark-pc .world-index { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%; height: calc(100vh - 50px); min-height: 700px; transition: opacity 1s; opacity: 0 }
.lostark-pc .world-index.loaded { opacity: 1 }
@keyframes worldIndexLine { 0% {
transform:scaleX(0)
}
to { transform: scaleX(1) }
}
.lostark-pc .world-index.loaded .world-index__line { animation: worldIndexLine .5s ease-in-out .5s forwards }
.lostark-pc .world-index .world-index__background { opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; animation: changeScale 40s ease-in-out infinite; animation-play-state: paused }
.lostark-pc .world-index .world-index__background.world-index__background--enabled { z-index: 2; opacity: 1; visibility: visible }
.lostark-pc .world-index .world-index__background.world-index__background--active { transition: opacity 1s; z-index: 3; opacity: 1; visibility: visible; animation-play-state: running }
.lostark-pc .world-index .world-index__background0 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_world01.jpg?b13402e18ad711ceee026eab3dccb403) }
.lostark-pc .world-index .world-index__background1 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_world02.jpg?c1fa41a43a8c096a54f270d35fa9258c) }
.lostark-pc .world-index .world-index__background2 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_world03.jpg?84ab862051f2646866ce89d607581083) }
.lostark-pc .world-index .world-index__background3 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_world04.jpg?b312b10347c970aba36fc9580d5ba1f9) }
.lostark-pc .world-index .world-index__background4 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_world05.jpg?bafd517c893e9d92603edc732b9dbe01) }
.lostark-pc .world-index .world-index__link { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 5; width: 100%; height: 100% }
.lostark-pc .world-index .world-index__link a { display: block; transition: opacity .5s; opacity: .5; width: 400px; padding: 25px 0; text-align: center; color: #fff; font-size: 24px }
.lostark-pc .world-index .world-index__link a:before { font-family: trajan-pro-3; font-size: 36px; line-height: 42px }
.lostark-pc .world-index .world-index__link a.world-index__item--active { opacity: 1 }
.lostark-pc .world-index .world-index__link a:first-of-type:before { content: "I" }
.lostark-pc .world-index .world-index__link a:nth-of-type(2):before { content: "II" }
.lostark-pc .world-index .world-index__link a:nth-of-type(3):before { content: "III" }
.lostark-pc .world-index .world-index__link a:nth-of-type(4):before { content: "IV" }
.lostark-pc .world-index .world-index__link a:nth-of-type(5):before { content: "V" }
.lostark-pc .world-index .world-index__link a .en { display: block; font-family: trajan-pro-3; font-size: 12px; text-transform: capitalize }
.lostark-pc .world-index .world-index__link a .ko { display: block }
.lostark-pc .world-index .world-index__line { transform: scaleX(0); opacity: .2; position: absolute; left: 0; top: -1px; z-index: 4; width: 100%; height: 1px; margin-top: 86px; background-color: #fff }
.lostark-pc .world-index .world-index__line--init { transition: top .5s ease }
.lostark-pc .world-detail { height: calc(100vh - 50px); min-height: 700px; transition: opacity 1s; opacity: 0 }
.lostark-pc .world-detail.loaded { opacity: 1 }
.lostark-pc .world-detail .swiper-slide { background-color: #000 }
.lostark-pc .world-detail .world-detail__card { position: relative; height: calc(100vh - 50px); min-height: 700px }
.lostark-pc .world-detail .world-detail__card .world-detail__background { transition: .5s; opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; animation: changeScale 40s ease-in-out infinite; animation-play-state: running }
.lostark-pc .world-detail .world-detail__card .world-detail__background.world-detail__background--active { animation-play-state: running }
.lostark-pc .world-detail .world-detail__card .world-detail__background.swiper-lazy-loaded, .lostark-pc .world-detail .world-detail__card .world-detail__background.swiper-lazy-loaded~.title { opacity: 1 }
.lostark-pc .world-detail .world-detail__card .title { transition: .5s; opacity: 0; position: absolute; left: 115px; bottom: 120px; z-index: 2; width: calc(100% - 230px); text-align: center; box-sizing: border-box; cursor: pointer }
.lostark-pc .world-detail .world-detail__card .title:hover h3:before { opacity: 0 }
.lostark-pc .world-detail .world-detail__card .title:hover h3:after { opacity: 1 }
.lostark-pc .world-detail .world-detail__card h3 { position: relative; display: inline-block; margin: 0 0 6px; color: #d1ab84; font-size: 50px }
.lostark-pc .world-detail .world-detail__card h3:after, .lostark-pc .world-detail .world-detail__card h3:before { transition: .3s; display: inline-block; content: ""; position: absolute; right: -98px; top: 27px; width: 82px; height: 31px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAfCAYAAAB06popAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0M3MTA4RDRCOUFBMTFFOEE1OUQ4RTQyQzJERTczMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0M3MTA4RDVCOUFBMTFFOEE1OUQ4RTQyQzJERTczMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QzcxMDhEMkI5QUExMUU4QTU5RDhFNDJDMkRFNzMwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QzcxMDhEM0I5QUExMUU4QTU5RDhFNDJDMkRFNzMwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmWeR7kAAAHgSURBVHja7JnRbcIwEIadigWyQnjnxR2BbkA6QhghSLy2UjMCGaHpBjBC8kDfmxHwCKmRfqTrKY7dgqgs3Um/gvA5ij//dwkhOTYvg5K4Oh5wTER/02K1TShIiRs5UkJACkgBKSEgBaSAjCcG6K4g36zyifHW8f15zrvV3uqLqCQ5qVWBRZ0wfsKc1JPX4tqicaRmi6dRYnzs+51VZfVkNYcOWPwOecaqJp/POc9WS8BUE3mPVn1MIFPAyh2uU2wsB6wzxI7lr60auMu1OQcA0gHXVscEMiMu4xAzlqMASQGYC5TytAua59vkKEBqlFIz4soSruMLWuLYe1ykJzYuRYm74F36bR6whmFEIWM3BZkBSO0o5coDZSqMA9Ae5zUT8+bovSYmR3Yosw4ANXOjYY48sBJ3tYrOAajD+X1l2weW/9grsZCxmzvSMPftWA80zJG1B2TuuVFscNwHwIzKkT0Bd+mVFcnpWHk3gKQBPR15lNpM3Ix6nF87nhMN69N3j9kv8ws4UqOEDBaYMQiG5DfIXeNYkAf2HrlrNr9gbm3IRpVk4zKyGS3ZoOreIBP8Z5MoiYH0yOBYrLbq8+N1mAm/HzcZeWkhb38EpISAFJACUkBKCMh/+WUjcWV8CzAAt0+FJeBa9A8AAAAASUVORK5CYII=") no-repeat 0 0 }
.lostark-pc .world-detail .world-detail__card h3:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAfCAIAAAD7iA1+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENFRDNEN0NCOUFBMTFFOEEzRDVEMEQyRTlFQTgyN0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENFRDNEN0RCOUFBMTFFOEEzRDVEMEQyRTlFQTgyN0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0VEM0Q3QUI5QUExMUU4QTNENUQwRDJFOUVBODI3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0VEM0Q3QkI5QUExMUU4QTNENUQwRDJFOUVBODI3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhpikqoAAAL3SURBVHja7JjdS9NRGMe3sL21FN/Wps45p07UZcVURKmWiXQXtKKL7roo6CaC/oPuggiiiy6CoC6i7AWCRYSuIBlLrWySTaX5km26/Ol0L7q66NsOHn6cn4v1Yos8D+Pw4znHbZ/n+32eI5MP3b0g23yxRbYpg2NzbI7NsTk2x+bY2Yvzl7vxyvx8Tobnng34S4rzakx6Jn/t3vNTR/aJM6OToeHxmfhKcm4hSjJtjZYWWyUeVpNf/RPBmy7vdo1Kq1FG46uVpYVHO5uUihzp7ja1wmrS77dbN6JMmWJ/nBX8kyEG2+v7MD4dZjJPPO9OO/fqCnJJ5nGfr7vnlbAUO9RmA97OGqPM5QXVuROdU6H5K7fdsZUkKRyzi8zb0eksmxxfDoRQUpx8k/paNIkHEHa11lFmBGhbbebefj8qwrxnub7QUJTHFE4c36uQXezZ+WWs7gG/2MwkubAUJ5mXwwGstWYD87dVRh2tkTQaq0vTfShsv0HYGZl8TliC8RosBo8vMLpmdZQAwkLexOoXcmxobAZrnla9jmgur1TVSDSB9j5zzMHkkbx06ykeDjbXphN83QHGJC+edf6W2ovLcV2+1l5fgWeMK2psMqjQ9pm8CQYVA3b94QsUjswzcZDePnm4XaXcmk21P4UjZTsK0IpVxmII3r67GlI7UjMWMGh7alcIjjnESARVsWJoM2D3ewYx/3ZZy6XkxDUqRVpsRkmi8w/k/RW1hUhUnSo8QX3gfo2VWB0A1L3NDWasHsnoeh8I0l1xdLTUYb3xqC9dD69bjr830iaCQn6uhqBiLIPTsXadVhgKSPOT3QNNVuzi0qIk2IKkzo490jsfesLkON/bPyLO48am12HWTA7TBj9H4HOToQjlh8PDi1HKACNiHRyZrLeUoAtwXVnKijHSr95xI4+JoFEpjnfZ6Xl6FZPRSKYD6jIVElBKcimgEPgvKJZI0vHxx0P+f/yW9rO9Lec/IXJsjs2xOTbH5tgcm2P/g/FNgAEAb7VVWzpbensAAAAASUVORK5CYII=") }
.lostark-pc .world-detail .world-detail__card h3:before { opacity: 1 }
.lostark-pc .world-detail .world-detail__card h3:after { opacity: 0 }
.lostark-pc .world-detail .world-detail__card p { padding: 0 80px 20px; font-family: NanumMyeongjo; color: #fff; font-size: 32px }
.lostark-pc .world-detail .swiper-pagination-wrapper { position: absolute; left: 0; bottom: 60px; z-index: 11; width: 100% }
.lostark-pc .world-detail .swiper-pagination-wrapper .swiper-pagination { display: -ms-flexbox; display: flex; position: absolute; left: 0; bottom: 19px; width: 100%; padding: 0 115px; box-sizing: border-box }
.lostark-pc .world-detail .swiper-pagination-wrapper .swiper-pagination:after { display: block; content: ""; position: absolute; right: 115px; top: 50%; width: 50px; height: 50px; margin: -25px -25px 0 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjJFMjkzMDlCOEU3MTFFODgyNUZDNkRCQ0RDNzI2REUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjJFMjkzMEFCOEU3MTFFODgyNUZDNkRCQ0RDNzI2REUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMkUyOTMwN0I4RTcxMUU4ODI1RkM2REJDREM3MjZERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMkUyOTMwOEI4RTcxMUU4ODI1RkM2REJDREM3MjZERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqBfeDMAAABnSURBVHjalJFBCsAgDASTxR/11ENf34OnvskSqSDbjaULopAZhdW3/TCR9uzOAyxgPkuhA1c9+1ISFDyiJGRwJmEFKwn2MxjVJfUazRxz30qaYW7pJTEcKXRhDBq95F8/7RkcuQUYAN81JBmC0EV4AAAAAElFTkSuQmCC") no-repeat 50% 50% transparent }
.lostark-pc .world-detail .swiper-pagination-wrapper .swiper-pagination-bullet { -ms-flex: 1 1 0px; flex: 1 1 0; position: relative; opacity: 1; width: 100%; max-width: 100%; height: 12px; background-color: transparent; box-sizing: 0; border-radius: 0; outline: 0 }
.lostark-pc .world-detail .swiper-pagination-wrapper .swiper-pagination-bullet:before { display: block; content: ""; position: absolute; left: 0; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0YxODZDOEFCOEU2MTFFOEE1QzRBNjBGNzJBOTNDMjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0YxODZDOEJCOEU2MTFFOEE1QzRBNjBGNzJBOTNDMjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRjE4NkM4OEI4RTYxMUU4QTVDNEE2MEY3MkE5M0MyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjE4NkM4OUI4RTYxMUU4QTVDNEE2MEY3MkE5M0MyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuZ9WeEAAABXSURBVHjaYvz//z8DFjAFSudgyIA0oOEp/xFgCro8PsVYNRFSjKGJGMUomohVDNfEBPQ3EwPxgAnmpGlEmD6NFE9PIyVYp+GLB4IRx4LFYzk42GAAEGAA1vWD6kOo7QgAAAAASUVORK5CYII=") no-repeat 50% 50% transparent }
.lostark-pc .world-detail .swiper-pagination-wrapper .swiper-pagination-bullet .line-title { display: block; position: absolute; left: 0; top: 10px; width: 100%; margin-top: 6px; padding: 0 6.7%; box-sizing: border-box; text-align: center; color: #6a6a6a; font-size: 14px; font-family: Noto Sans KR; font-weight: 700; transition: color .4s ease-in-out }
.lostark-pc .world-detail .swiper-pagination-wrapper .swiper-pagination-bullet .world-detail__thumb { transition: .5s; transform: translateY(5px); opacity: 0; visibility: hidden; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; position: absolute; left: 50%; top: -180px; width: 288px; height: 162px; padding: 20px; margin-left: -144px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; box-sizing: border-box; text-align: left; font-size: 14px; color: #fff }
.lostark-pc .world-detail .swiper-pagination-wrapper .swiper-pagination-bullet .world-detail__thumb:after { display: block; content: ""; position: absolute; left: 0; top: 100%; width: 100%; height: 30px; background-color: hsla(0,0%,100%,.001) }
.lostark-pc .world-detail .swiper-pagination-wrapper .swiper-pagination-bullet:hover .world-detail__thumb { opacity: 1; transform: translate(0); visibility: visible }
.lostark-pc .world-detail .swiper-pagination-wrapper .swiper-pagination-bullet-active~.swiper-pagination-bullet:before { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjJFMjkzMDlCOEU3MTFFODgyNUZDNkRCQ0RDNzI2REUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjJFMjkzMEFCOEU3MTFFODgyNUZDNkRCQ0RDNzI2REUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMkUyOTMwN0I4RTcxMUU4ODI1RkM2REJDREM3MjZERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMkUyOTMwOEI4RTcxMUU4ODI1RkM2REJDREM3MjZERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqBfeDMAAABnSURBVHjalJFBCsAgDASTxR/11ENf34OnvskSqSDbjaULopAZhdW3/TCR9uzOAyxgPkuhA1c9+1ISFDyiJGRwJmEFKwn2MxjVJfUazRxz30qaYW7pJTEcKXRhDBq95F8/7RkcuQUYAN81JBmC0EV4AAAAAElFTkSuQmCC") no-repeat 50% 50% transparent }
.lostark-pc .world-detail .swiper-pagination-wrapper .swiper-pagination-bullet-active .line-title { color: #fff }
.lostark-pc .world-detail .world-detail__thumb--dawnEra0 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_dawnEra0.jpg?3cce6f1c9db1b7cb77ec21d0ef33dfa8) }
.lostark-pc .world-detail .world-detail__thumb--dawnEra1 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_dawnEra1.jpg?0375d388f50c99c0f75e8c16b7836897) }
.lostark-pc .world-detail .world-detail__thumb--dawnEra2 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_dawnEra2.jpg?31a3a592035da1e1e478f22864ef498b) }
.lostark-pc .world-detail .world-detail__thumb--throneOfDarkness0 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_throneOfDarkness0.jpg?b10638bae721517937f58d1aad23a577) }
.lostark-pc .world-detail .world-detail__thumb--throneOfDarkness1 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_throneOfDarkness1.jpg?58681684ec17a968cc37db82722824e4) }
.lostark-pc .world-detail .world-detail__thumb--throneOfDarkness2 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_throneOfDarkness2.jpg?dea49d571e07c0061dfbdef6b38ec2aa) }
.lostark-pc .world-detail .world-detail__thumb--throneOfDarkness3 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_throneOfDarkness3.jpg?fc158f867a40270aa933a0897684b09a) }
.lostark-pc .world-detail .world-detail__thumb--chainWar0 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_chainWar0.jpg?181a1284fd76974b3c4dc6c170b82905) }
.lostark-pc .world-detail .world-detail__thumb--chainWar1 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_chainWar1.jpg?757aeaa550e1d43725db8ef4e8142a66) }
.lostark-pc .world-detail .world-detail__thumb--chainWar2 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_chainWar2.jpg?decc887080ab216f56107a8f90475308) }
.lostark-pc .world-detail .world-detail__thumb--chainWar3 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_chainWar3.jpg?70bfc173ac8a907e648e2e044e559eca) }
.lostark-pc .world-detail .world-detail__thumb--chainWar4 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_chainWar4.jpg?bcf7eeab1ad52eaaeaf5bf274ddb73dd) }
.lostark-pc .world-detail .world-detail__thumb--chainWar5 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_chainWar5.jpg?0b69dd6bfb31cd5147342b7ad3176ad5) }
.lostark-pc .world-detail .world-detail__thumb--chainWar6 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_chainWar6.jpg?a75fe97b036526ee4f4cc0bca85a2679) }
.lostark-pc .world-detail .world-detail__thumb--chainWar7 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_chainWar7.jpg?8394609c0eb2ec064cfa210a519853c2) }
.lostark-pc .world-detail .world-detail__thumb--exploitationPeriod0 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_exploitationPeriod0.jpg?626c0063cb4ca151e9ce4709c4c98690) }
.lostark-pc .world-detail .world-detail__thumb--exploitationPeriod1 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_exploitationPeriod1.jpg?5eb48dce210df444b04a455b196575c8) }
.lostark-pc .world-detail .world-detail__thumb--exploitationPeriod2 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_exploitationPeriod2.jpg?4c8b21fc5385376d388db3a7641580f1) }
.lostark-pc .world-detail .world-detail__thumb--exploitationPeriod3 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_exploitationPeriod3.jpg?2f823dcbbdbc75b73cc03b20ef058410) }
.lostark-pc .world-detail .world-detail__thumb--exploitationPeriod4 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_exploitationPeriod4.jpg?52c459e6794e3a4c866e3dd89c832049) }
.lostark-pc .world-detail .world-detail__thumb--exploitationPeriod5 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_exploitationPeriod5.jpg?f83e054f1e05f354486c2f9e00bf0bf2) }
.lostark-pc .world-detail .world-detail__thumb--successor0 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_successor0.jpg?f0ab9a6988ed3175ff251f53aab18d50) }
.lostark-pc .world-detail .world-detail__thumb--successor1 { background-image: url(/2018/obt/assets/images/pc/information/world/bg_detail_successor1.jpg?ab7b35ca964ee4b860574e346e3157d1) }
.lostark-pc .world-detail .swiper-progress-wrapper { position: absolute; left: 0; bottom: 85px; width: 100% }
.lostark-pc .world-detail .swiper-progress-wrapper .swiper-progress { position: absolute; left: 115px; bottom: 0; z-index: 9; width: calc(100% - 230px); height: 1px; background-color: #555; box-sizing: border-box }
.lostark-pc .world-detail .swiper-progress-wrapper .swiper-progress-bar { position: relative; display: block; width: 0; height: 1px; background-color: #fff }
#modal-world { top: 50px; z-index: 40; overflow: hidden; background-color: rgba(20,30,36,.9) }
#modal-world .lui-modal__window { display: block; padding: 0; height: 100% }
#modal-world .lui-modal__body { width: 100%; height: 100%; margin: 0; background-color: transparent; font-size: 14px; line-height: 1.5; color: #8f8f8f }
#modal-world .lui-modal__body:after { display: block; content: ""; position: absolute; left: 0; bottom: 0; width: calc(100% - 17px); height: 0 }
#modal-world .lui-modal__close { position: absolute; display: inline-block; right: 50px; top: 131px; width: 74px; height: 72px; font-size: 0 }
#modal-world .lui-modal__close:after, #modal-world .lui-modal__close:before { display: block; position: absolute; top: 0; left: 0; content: ""; width: 74px; height: 72px; transition: opacity .3s }
#modal-world .lui-modal__close:before { opacity: 1; background: url(/2018/obt/assets/images/pc/information/world/icon/bt_close.png?dee1c3176f92b399462257f82863e535) 0 0 no-repeat }
#modal-world .lui-modal__close:after { opacity: 0; background: url(/2018/obt/assets/images/pc/information/world/icon/bt_closeon.png?76013c4155e07cefc075850d4bc91155) 0 0 no-repeat }
#modal-world .lui-modal__close:hover:before { opacity: 0 }
#modal-world .lui-modal__close:hover:after { opacity: 1 }
#modal-world .lui-modal__content { position: relative; width: 100%; height: 100%; overflow-y: auto; box-sizing: border-box; line-height: 1.8 }
#modal-world .lui-modal__content::-webkit-scrollbar {
display:none
}
#modal-world .lui-modal__content .modal__center { width: 930px; margin: 0 auto }
#modal-world .lui-modal__content>:first-child { margin-top: 0!important; padding-bottom: 120px }
#modal-world h3 { margin: 175px 0 0; color: #d1ab84; font-size: 50px; text-align: center }
#modal-world p.firstDesc { margin: 12px 0 71px; font-family: NanumMyeongjo; color: #fff; font-size: 32px; text-align: center; line-height: 1.6 }
#modal-world h4.title-sub { position: relative; margin: 90px 0 20px; padding: 8px 0; font-family: NanumMyeongjo; font-size: 32px; color: #d1ab84; font-weight: 400 }
#modal-world h4.title-sub:after, #modal-world h4.title-sub:before { display: block; content: ""; position: absolute; left: 0; width: 100%; height: 1px; background: url(/2018/obt/assets/images/m/information/world/line_detail_title.png?17d813f05f8cf73aae732467fef8a5ec) no-repeat 0 0; background-size: cover }
#modal-world h4.title-sub:before { top: 0 }
#modal-world h4.title-sub:after { bottom: 0 }
#modal-world p.desc { margin: 37px 0; font-size: 17px; color: #b2aea5 }
#modal-world blockquote.quotation p { position: relative; margin: 62px 0 42px; padding: 0 10px; font-family: NanumMyeongjo; color: #fff; font-size: 24px }
#modal-world blockquote.quotation p:before { content: "\201C"; position: absolute; left: 0 }
#modal-world blockquote.quotation p:after { content: "\201D" }
#modal-world em.emp { font-style: normal; color: #fff }
.lostark-pc .world-detail [class^=swiper-button-] { top: inherit; bottom: 188px; margin-top: 0; width: 52px; height: 52px; background: none; box-sizing: border-box; transition: opacity .3s linear, transform .3s ease-in-out }
.lostark-pc .world-detail [class^=swiper-button-]:before { content: ""; display: block; position: absolute; top: 26px; left: 0; z-index: 10; margin-left: 14px; width: 30px; height: 1px; background-color: #c8a47f }
.lostark-pc .world-detail [class^=swiper-button-]:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; border: 2px solid #c8a47f; border-radius: 2px; background-color: rgba(209,171,132,0); transition: all .4s linear }
.lostark-pc .world-detail [class^=swiper-button-]:hover:before { background-color: #463b30 }
.lostark-pc .world-detail [class^=swiper-button-]:hover:after { background-color: #d1ab84 }
.lostark-pc .world-detail [class^=swiper-button-]:hover .svg path { fill: #463b30 }
.lostark-pc .world-detail [class^=swiper-button-] .svg { display: inline-block; position: relative; z-index: 10; width: 20px; height: 16px }
.lostark-pc .world-detail [class^=swiper-button-] .svg path { fill: #c8a47f }
.lostark-pc .world-detail .swiper-button-prev { left: 98px; width: 80px; height: 80px; transform: translateX(30px) }
.lostark-pc .world-detail .swiper-button-prev:before { top: 39px; left: 13px }
.lostark-pc .world-detail .swiper-button-prev:after { width: 66%; height: 66%; top: 11px; left: 11px; transform: rotate(-45deg) }
.lostark-pc .world-detail .swiper-button-prev .svg { top: 1px; transform: rotate(-90deg) translateY(-13px) }
.lostark-pc .world-detail .swiper-button-next { right: 98px; width: 80px; height: 80px; transform: translateX(-30px) }
.lostark-pc .world-detail .swiper-button-next:before { top: 39px; left: 13px; margin-left: 8px }
.lostark-pc .world-detail .swiper-button-next:after { width: 66%; height: 66%; top: 11px; left: 11px; transform: rotate(45deg) }
.lostark-pc .world-detail .swiper-button-next .svg { top: 1px; transform: rotate(90deg) translateY(-13px) }
.lostark-pc { min-width: 1670px }
.lostark-pc .header { min-width: 1670px!important }
.lostark-pc .content--class { min-height: 950px!important; background-color: #000 }
.lostark-pc .content--class .class-index { background-color: #000 }
.lostark-pc .content--class .class-index .ico-new-class { position: absolute; top: 80px; left: 0; font-size: 0 }
.lostark-pc .content--class .class-detail { background-color: #212227 }
.lostark-pc .class-wrapper.class--active-index .class-index { display: -ms-flexbox; display: flex }
.lostark-pc .class-wrapper.class--active-detail .class-index, .lostark-pc .class-wrapper.class--active-index .class-detail, .lostark-pc .class-wrapper.class--active-index .class-nav { display: none }
.lostark-pc .class-wrapper.class--active-detail .class-detail { display: block }
.lostark-pc .class-nav, .lostark-pc .class-wrapper.class--active-detail .class-nav { display: -ms-flexbox; display: flex }
.lostark-pc .class-nav { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; position: fixed; right: 30px; top: 165px; z-index: 5; width: 72px; min-height: 781px; box-sizing: border-box }
.lostark-pc .class-nav .class-nav__index { position: relative; display: block; width: 72px; height: 68px; margin-bottom: 10px; font-size: 0 }
.lostark-pc .class-nav .class-nav__index:after, .lostark-pc .class-nav .class-nav__index:before { transition: opacity .3s; display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.lostark-pc .class-nav .class-nav__index:before { opacity: 1; background: url("../images/shiluofangzhou/select_hero.png") no-repeat 0 0 }
.lostark-pc .class-nav .class-nav__index:after { opacity: 0;}
.lostark-pc .class-nav .class-nav__index:hover:before { opacity: 1 }
.lostark-pc .class-nav .class-nav__index:hover:after { opacity: 1 }
.lostark-pc .class-nav .class-nav__index.class-nav__item--activ:before { opacity: 0 }
.lostark-pc .class-nav .class-nav__index.class-nav__item--activ:after { opacity: 1 }
.lostark-pc .class-nav .class-nav__detail { position: relative; display: block; width: 72px; height: 29px; padding: 4px 0; font-size: 0; text-align: center }
.lostark-pc .class-nav .class-nav__detail:before { transition: opacity .3s; opacity: .5; display: block; content: ""; width: 26px; height: 29px; margin: 0 auto }
.lostark-pc .class-nav .class-nav__detail.class-nav__item--active:before, .lostark-pc .class-nav .class-nav__detail:hover:before { opacity: 1 }
.lostark-pc .class-nav .class-nav__detail.class-nav__item--active:after { color: #fff }
.lostark-pc .class-nav .class-nav__detail span { transition: opacity .3s; opacity: 0; visibility: hidden; display: block; content: ""; position: absolute; right: 60px; top: 10px; font-size: 14px; width:150px; text-align:right; color: #95928c }
.lostark-pc .class-nav .class-nav__detail:hover span{color: #fff }
.lostark-pc .class-nav .class-nav__detail:hover:after { color: #fff }
.lostark-pc .class-nav .class-nav__detail .icon--new { position: absolute; top: 13px; left: 50%; width: 5px; height: 5px; margin: 0 0 0 10px; background-image: none; background-color: #ff009c; border-radius: 50%; font-size: 0!important; line-height: 0!important; vertical-align: top }
.lostark-pc .class-nav>div:hover a span { opacity: 1; visibility: visible }

.lostark-pc .class-index { transition: opacity 1s; opacity: 0; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: calc(100vh - 50px); max-height: 1600px; min-height: 950px }
.lostark-pc .class-index.loaded { opacity: 1 }
.lostark-pc .class-index.loaded .class-index__character, .lostark-pc .class-index.loaded .class-index__data { opacity: 1; transform: translate(0) }
.lostark-pc .class-index.loaded>div:first-of-type .class-index__character, .lostark-pc .class-index.loaded>div:first-of-type .class-index__data { transition-delay: .2s }
.lostark-pc .class-index.loaded>div:nth-of-type(2) .class-index__character, .lostark-pc .class-index.loaded>div:nth-of-type(2) .class-index__data { transition-delay: .3s }
.lostark-pc .class-index.loaded>div:nth-of-type(3) .class-index__character, .lostark-pc .class-index.loaded>div:nth-of-type(3) .class-index__data { transition-delay: .4s }
.lostark-pc .class-index.loaded>div:nth-of-type(4) .class-index__character, .lostark-pc .class-index.loaded>div:nth-of-type(4) .class-index__data { transition-delay: .5s }
.lostark-pc .class-index.loaded>div:nth-of-type(5) .class-index__character, .lostark-pc .class-index.loaded>div:nth-of-type(5) .class-index__data { transition-delay: .6s }
.lostark-pc .class-index>div { overflow: hidden; position: relative; width: 20%; height: 100% }
.lostark-pc .class-index>div:before { transition: .5s; opacity: 0; visibility: hidden; display: block; content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: linear-gradient(0deg, #263140 60%, transparent) }
.lostark-pc .class-index>div .class-index__character { transition: .7s; opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100% }
.lostark-pc .class-index>div .class-index__data { transition: .7s; transform: translateY(30px); opacity: 0; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100% }
.lostark-pc .class-index>div h3 { transition: .3s; position: absolute; left: 0; top: 50%; z-index: 5; width: 100%; display: block; height: 200px; margin-top: -100px; padding: 125px 0 0; font-family: trajan-pro-3; font-size: 45px; color: #fff; font-weight: 400; text-transform: capitalize; text-align: center }
.lostark-pc .class-index>div h3:before { content: ""; position: absolute; left: 50% }
.lostark-pc .class-index>div .c_name { transition: .3s; position: absolute; left: 0; top: 50%; z-index: 5; width: 100%; display: block; height: 56px; margin-top: -40px; padding: 125px 0 0; font-family: STSongti-SC-Regular, STSongti-SC; font-size: 45px; color: #fff; font-weight: 400; text-transform: capitalize; text-align: center }
.lostark-pc .class-index>div .c_name:before { content: ""; position: absolute; left: 50% }
.lostark-pc .class-index>div .description { height: 240px; margin-top: 100px; margin-left: -165px; box-sizing: border-box; padding: 0 15px; color: #a3b0c1; font-size: 16px }
.lostark-pc .class-index>div .description, .lostark-pc .class-index>div .list { transition: .3s; opacity: 0; visibility: hidden; position: absolute; left: 50%; top: 50%; z-index: 5; max-width: 330px }
.lostark-pc .class-index>div .list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: 180px; transform: translateX(-50%) }
.lostark-pc .class-index>div .list a { display: block; position: relative; width: 86px; height: 130px; margin: 0 -2px; padding-top: 80px; box-sizing: border-box; text-align: center; font-size: 14px; color: #a3b0c1 }
.lostark-pc .class-index>div .list a span{ width:100%; display:block}
.lostark-pc .class-index>div .list a:after, .lostark-pc .class-index>div .list a:before { transition: .5s; content: ""; position: absolute; left: 50%; top: 0; width: 67px; height: 92px; margin: 0 0 0 -33.5px }
.lostark-pc .class-index>div .list a:before { opacity: 1 }
.lostark-pc .class-index>div .list a:after { opacity: 0 }
.lostark-pc .class-index>div .list a:hover { color: #fff }
.lostark-pc .class-index>div .list a:hover:before { opacity: 0 }
.lostark-pc .class-index>div .list a:hover:after { opacity: 1 }
.lostark-pc .class-index>div .list a .icon--new { position: absolute; left: 50%; top: -3px; z-index: 5; margin-left: 12px }
.lostark-pc .class-index>div:hover:before { opacity: 1; visibility: visible }
.lostark-pc .class-index>div:hover h3 { transform: translateY(-180px) }
.lostark-pc .class-index>div:hover .description { opacity: 1; visibility: visible; transform: translateY(-180px) }
.lostark-pc .class-index>div:hover .list { opacity: 1; visibility: visible; transform: translate(-50%, -180px) }
.lostark-pc .class-index .class-index__warrior { background: url(https://file.magesbox.com/data/upload/hero/lostark/bg_index_warrior.jpg?b912c42faed59f6a0667f4436ac70c81) no-repeat 50% 50%; background-size: cover }
.lostark-pc .class-index .class-index__warrior .class-index__character { background: url(https://file.magesbox.com/data/upload/hero/lostark/img_index_warrior.png?03fd858062a02f8418fa52a56a645f85) no-repeat 50% 0; background-size: cover }
.lostark-pc .class-index .class-index__warrior h3:before { top: 22px; margin-left: -51px }
.lostark-pc .class-index .class-index__fighter { background: url(https://file.magesbox.com/data/upload/hero/lostark/bg_index_fighter.jpg?6b0f050ff5d1ee850af896e91c9ff4d7) no-repeat 50% 50%; background-size: cover }
.lostark-pc .class-index .class-index__fighter .class-index__character { background: url(https://file.magesbox.com/data/upload/hero/lostark/img_index_fighter.png?8280789c1641282ebb454e815e6c1e16) no-repeat 50% 0; background-size: cover }
.lostark-pc .class-index .class-index__fighter h3:before { top: 6px; margin-left: -96px }
.lostark-pc .class-index .class-index__fighter .list { -ms-flex-pack: start; justify-content: flex-start }
.lostark-pc .class-index .class-index__hunter { background: url(https://file.magesbox.com/data/upload/hero/lostark/bg_index_hunter.jpg?d3d8c9984e7a82f6e8a3c597fc11e620) no-repeat 50% 50%; background-size: cover }
.lostark-pc .class-index .class-index__hunter .class-index__character { background: url(https://file.magesbox.com/data/upload/hero/lostark/img_index_hunter.png?b6d5e2f9b213feaf754796b9419efa8e) no-repeat 20% 0; background-size: cover }
.lostark-pc .class-index .class-index__hunter h3:before { top: 0; margin-left: -96px }
.lostark-pc .class-index .class-index__hunter .list { -ms-flex-pack: start; justify-content: flex-start }
.lostark-pc .class-index .class-index__magician { background: url(https://file.magesbox.com/data/upload/hero/lostark/bg_index_magician.jpg?7b8945bbcdf997ce602094dbf2f7aeaf) no-repeat 50% 50%; background-size: cover }
.lostark-pc .class-index .class-index__magician .class-index__character { background: url(https://file.magesbox.com/data/upload/hero/lostark/img_index_magician.png?49f99114a862a4f6e5c219bc5fb7afae) no-repeat 50% 0; background-size: cover }
.lostark-pc .class-index .class-index__magician h3:before { top: 0; margin-left: -47px }
.lostark-pc .class-index .class-index__assassin { background: url(https://file.magesbox.com/data/upload/hero/lostark/bg_index_assassin.jpg?41d3fe12c25b4c4f8303f77262a27ac2) no-repeat 50% 50%; background-size: cover }
.lostark-pc .class-index .class-index__assassin .class-index__character { background: url(https://file.magesbox.com/data/upload/hero/lostark/img_index_assassin.png?b7be49670d9f7186e8bd3a95deb31d64) no-repeat 50% 0; background-size: cover }
.lostark-pc .class-index .class-index__assassin h3:before { top: 0; margin-left: -47px }
.lostark-pc .class-detail { transition: opacity 1s; opacity: 0 }
.lostark-pc .class-detail.loaded { opacity: 1 }
.lostark-pc .class-detail .swiper-slide { background-color: #212227 }
.lostark-pc .class-detail .swiper-slide-active .class-detail__character.swiper-lazy-loaded, .lostark-pc .class-detail .swiper-slide-active .class-detail__character.swiper-lazy-loaded~.class-detail__scroll, .lostark-pc .class-detail .swiper-slide-active .class-detail__character.swiper-lazy-loaded~.class-detail__title { transform: translate(0)!important; opacity: 1!important }
.lostark-pc .class-detail .swiper-slide-active .class-detail__character-s.swiper-lazy-loaded { opacity: 1!important }
.lostark-pc .class-detail .class-detail__card { overflow: hidden; position: relative; width: 100%; height: calc(100vh - 50px); max-height: 1030px; min-height: 950px; background-repeat: no-repeat 50% 0; background-position: 50% 0; background-color: #000; background-size: cover }
.lostark-pc .class-detail .class-detail__card .class-detail__character { transition: .5s; opacity: 0; position: absolute; z-index: 1; top: 0; width: 1920px; height: 1080px; background-repeat: no-repeat; background-position: 0 0 }
.lostark-pc .class-detail .class-detail__card .class-detail__title { transition: .5s; transform: translateY(30px); opacity: 0; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 50%; top: 0; z-index: 2; height: 100%; margin-left: -600px; color: #fff }
.lostark-pc .class-detail .class-detail__card .class-detail__title h3 { font-weight: 400; width:100%; }
.lostark-pc .class-detail .class-detail__card .class-detail__title h3:before { content: ""; display: block; margin-bottom:25px;}
.lostark-pc .class-detail .class-detail__card .class-detail__title h3 .en { display: block; font-family: trajan-pro-3; font-size: 64px; line-height: 64px; line-height:64px; text-transform: capitalize }
.lostark-pc .class-detail .class-detail__card .class-detail__title h3 .ko { display: block; margin-bottom: 25px; font-family: STSongti-SC-Regular, STSongti-SC; font-size: 48px }
.lostark-pc .class-detail .class-detail__card .class-detail__title .message { font-size: 24px }
.lostark-pc .class-detail .class-detail__card .class-detail__title .message:before { content: "\201C" }
.lostark-pc .class-detail .class-detail__card .class-detail__title .message:after { content: "\201D" }
.lostark-pc .class-detail .class-detail__card .class-detail__title .button--class-movie { margin-top: 40px }
@keyframes scroll { 0% {
transform:translate3d(0, -5px, 0)
}
50% {
transform:translate3d(0, 5px, 0)
}
to { transform: translate3d(0, -5px, 0) }
}
.lostark-pc .class-detail .class-detail__card .class-detail__scroll { transition: 1s 1s; opacity: 0; animation: scroll 2.5s ease-in-out infinite; position: absolute; left: 0; bottom: 40px; z-index: 5; width: 100%; text-align: center; font-family: NanumMyeongjo; color: #fff; font-size: 16px; text-transform: capitalize }
.lostark-pc .class-detail .class-detail__card .class-detail__scroll:after { display: block; content: ""; width: 42px; height: 87px; margin: 20px auto 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAABXCAYAAAByf9dEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTA0QkI4OTRCOTk0MTFFOEFGMDlBRDFGRjUwMzkxMUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA0QkI4OTVCOTk0MTFFOEFGMDlBRDFGRjUwMzkxMUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMDRCQjg5MkI5OTQxMUU4QUYwOUFEMUZGNTAzOTExQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMDRCQjg5M0I5OTQxMUU4QUYwOUFEMUZGNTAzOTExQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnr1zAoAAAGiSURBVHja7NqBSsMwEAbgTX0ZcQiCCOKjyFAGgkx8a0WfYmcOUhhlS3J3f5sKf+BYF9bsawhtculaRFbgog2u0Y1erP5JIZRQQgkllFBCCSWUUEIJJZRQQgkllFBCCSWUUEIJJZRQQgntCH3Nn98pttCWdXcZFJ8pDikeUjzm4z2qfTTy+qhug8ROhYRjp0RCsVMjYdg5kBDsXMgwdk5kCDs30o3tgXRheyHN2J5IE7Y3shm7BGQTdinIKnZJyCJ2aciz2AhSnAjxYLXizdmT4sBazxmwO/3yk+Iu0Dsy4YVp3Kf40sXdVYpL55JrePO29lqvjH5vKWo7qHiXu3cTGGOl3pLCObX/us22l6Fib8CKASuOCxsj38e3JzQWhjx1wx+wNwAsDHnuEfoRxIpxGFSRpUmJF9tybEbWpnkerBiGQTOyZeKMGgYhZOtSBDEMQkjL4g4xDNxI63LZioUhPQkICxaG9KZ0IlgXMpIk82DdyGja0YINIRGJ3BZsGIlKjZewECRys+EUFoZEQo+xunXzhESioRrbFL85npFt/wkwADhoavT+qzHVAAAAAElFTkSuQmCC") no-repeat 0 0 }
.lostark-pc .class-detail .class-detail__contents { position: relative; width: 1260px; margin: 0 auto; padding: 170px 0 0 640px; box-sizing: border-box }
.lostark-pc .class-detail .class-detail__contents>* { position: relative; z-index: 2 }
.lostark-pc .class-detail .class-detail__contents .message { position: relative; margin: 0 0 30px; font-family: NanumMyeongjo; color: #d4cfc5; font-size: 40px }
.lostark-pc .class-detail .class-detail__contents .message:before { content: "\201C"; position: absolute; left: -20px }
.lostark-pc .class-detail .class-detail__contents .message:after { content: "\201D" }
.lostark-pc .class-detail .class-detail__contents .description { margin: 0 0 80px; color: #b2aea5; font-size: 18px; line-height: 2 }
.lostark-pc .class-detail .class-detail__contents .identity h4 { font-family: trajan-pro-3; font-size: 36px; color: #d1ab84; font-weight: 400; text-transform: capitalize }
.lostark-pc .class-detail .class-detail__contents .identity .description { margin: 0 0 60px }
.lostark-pc .class-detail .class-detail__contents .identity .description em { color: #b99776; font-style: normal }
.lostark-pc .class-detail .class-detail__contents .identity .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.lostark-pc .class-detail .class-detail__contents .identity .list .slot { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 50%; padding-top: 200px; text-align: center; color: #d1ab84; font-size: 16px }
.lostark-pc .class-detail .class-detail__contents .identity .list .slot .image { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 190px }
.lostark-pc .class-detail .class-detail__contents .identity .list .slot .image:before { display: block; content: ""; width: 100%; height: 100% }
.lostark-pc .class-detail .class-detail__contents .identity .list .slot em { font-style: normal }
.lostark-pc .class-detail .class-detail__contents .identity .list .slot em:after { display: inline-block; content: ""; width: 1px; height: 15px; margin: 0 4px 0 12px; background-color: #3c332b; vertical-align: -2px }
.lostark-pc .class-detail .class-detail__contents .movie { width: 662px; margin: 160px 0 0 -640px }
.lostark-pc .class-detail .class-detail__contents .movie .video { position: relative; padding-bottom: 56.25% }
.lostark-pc .class-detail .class-detail__contents .movie .video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.lostark-pc .class-detail .class-detail__character-s { transition: .5s; opacity: 0; position: absolute; z-index: 1; background-repeat: no-repeat; background-position: 0 0 }
.lostark-pc .class-detail .class-detail__destroyer .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__destroyer .class-detail__contents .class-detail__character-s { left: -310px; top: 60px; width: 1095px; height: 1249px }
.lostark-pc .class-detail .class-detail__warlord .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__warlord .class-detail__contents .class-detail__character-s { left: -271px; top: 73px; width: 1005px; height: 1388px }
.lostark-pc .class-detail .class-detail__warlord .class-detail__contents .identity .list .slot:nth-of-type(3) { width: 100% }
.lostark-pc .class-detail .class-detail__berserker .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__berserker .class-detail__contents .class-detail__character-s { left: -271px; top: -24px; width: 974px; height: 1283px }
.lostark-pc .class-detail .class-detail__berserker .class-detail__contents .movie { margin-top: 200px }
.lostark-pc .class-detail .class-detail__holyknight .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__holyknight .class-detail__contents .class-detail__character-s { left: -326px; top: 20px; width: 1181px; height: 1235px }
.lostark-pc .class-detail .class-detail__holyknight .class-detail__contents .movie { margin-top: 280px }
.lostark-pc .class-detail .class-detail__battlemaster .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__battlemaster .class-detail__contents .class-detail__character-s { left: -272px; top: -210px; width: 1028px; height: 1631px }
.lostark-pc .class-detail .class-detail__battlemaster .class-detail__contents .movie { margin-top: 200px }
.lostark-pc .class-detail .class-detail__infighter .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__infighter .class-detail__contents .class-detail__character-s { left: -231px; top: 105px; width: 1024px; height: 1222px }
.lostark-pc .class-detail .class-detail__soulmaster .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__soulmaster .class-detail__contents .class-detail__character-s { left: -287px; top: 0; width: 1100px; height: 1367px }
.lostark-pc .class-detail .class-detail__soulmaster .class-detail__contents .movie { margin-top: 270px }
.lostark-pc .class-detail .class-detail__lancemaster .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__lancemaster .class-detail__contents .class-detail__character-s { left: -320px; top: 80px; width: 989px; height: 1300px }
.lostark-pc .class-detail .class-detail__lancemaster .class-detail__contents .identity .list .slot { width: 100% }
.lostark-pc .class-detail .class-detail__lancemaster .class-detail__contents .movie { margin-top: 150px }
.lostark-pc .class-detail .class-detail__striker .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__striker .class-detail__contents .class-detail__character-s { left: -187px; top: 80px; width: 836px; height: 1102px }
.lostark-pc .class-detail .class-detail__striker .class-detail__contents .identity .list .slot { padding-top: 172px }
.lostark-pc .class-detail .class-detail__striker .class-detail__contents .identity .list .slot:first-of-type { width: 255px }
.lostark-pc .class-detail .class-detail__striker .class-detail__contents .movie { margin-top: 230px }
.lostark-pc .class-detail .class-detail__devilhunter .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__devilhunter .class-detail__contents .class-detail__character-s { left: -226px; top: 15px; width: 975px; height: 1327px }
.lostark-pc .class-detail .class-detail__devilhunter .class-detail__contents .movie { margin-top: 220px }
.lostark-pc .class-detail .class-detail__blaster .class-detail__card .class-detail__character { left: 0; transform: translate(-100px) }
.lostark-pc .class-detail .class-detail__blaster .class-detail__contents .class-detail__character-s { left: -178px; top: 81px; width: 1055px; height: 1367px }
.lostark-pc .class-detail .class-detail__blaster .class-detail__contents .movie { margin-top: 200px }
.lostark-pc .class-detail .class-detail__hawkeye .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__hawkeye .class-detail__contents .class-detail__character-s { left: -159px; top: 147px; width: 911px; height: 1220px }
.lostark-pc .class-detail .class-detail__hawkeye .class-detail__contents .movie { margin-top: 250px }
.lostark-pc .class-detail .class-detail__scouter .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__scouter .class-detail__contents .class-detail__character-s { left: -295px; top: 16px; width: 1436px; height: 1285px }
.lostark-pc .class-detail .class-detail__bard .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__bard .class-detail__contents .class-detail__character-s { left: -121px; top: 15px; width: 917px; height: 1361px }
.lostark-pc .class-detail .class-detail__summoner .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__summoner .class-detail__contents .class-detail__character-s { left: -225px; top: 94px; width: 1037px; height: 1263px }
.lostark-pc .class-detail .class-detail__arcana .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__arcana .class-detail__contents .class-detail__character-s { left: -300px; top: 60px; width: 1104px; height: 1228px }
.lostark-pc .class-detail .class-detail__blade .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__blade .class-detail__contents .class-detail__character-s { left: -300px; top: 60px; width: 985px; height: 1442px }
.lostark-pc .class-detail .class-detail__blade .class-detail__contents .movie { margin-top: 220px }
.lostark-pc .class-detail .class-detail__demonic .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__demonic .class-detail__contents .class-detail__character-s { left: -300px; top: 60px; width: 879px; height: 1508px }
.lostark-pc .class-detail .class-detail__demonic .class-detail__contents .movie { margin-top: 320px }
.lostark-pc .class-detail .class-detail__reaper .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__reaper .class-detail__contents .class-detail__character-s { left: 50%; top: 12px; width: 1588px; height: 1255px; margin-left: -960px }
.lostark-pc .class-detail .class-detail__reaper .class-detail__contents .identity .list .slot:first-of-type .image:before { margin: -87px 0 0 -28px }
.lostark-pc .class-detail .class-detail__reaper .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { margin: -2px 0 0 -14px }
.lostark-pc .class-detail .class-detail__reaper .class-detail__contents .movie { margin-top: 320px }
.lostark-pc .class-detail .class-detail__gunslinger .class-detail__card .class-detail__character { right: 0; transform: translate(100px) }
.lostark-pc .class-detail .class-detail__gunslinger .class-detail__contents .class-detail__character-s { left: 50%; top: 0; width: 1119px; height: 1245px; margin-left: -859px }
.lostark-pc .class-detail .class-detail__gunslinger .class-detail__contents .identity .list .slot:first-of-type .image:before { margin: 2px 0 0 -11px }
.lostark-pc .class-detail .class-detail__gunslinger .class-detail__contents .identity .list .slot:nth-of-type(2) .image:before { margin: 12px 0 0 26px }
.lostark-pc .class-detail .class-detail__gunslinger .class-detail__contents .movie { margin-top: 320px }
.lostark-pc .content--contents { padding: 150px 0 170px; min-height: auto!important; background-color: #1c202a }
.lostark-pc .content--contents .container { overflow: hidden; margin: 0 auto; max-width: 1008px; width: 1008px; z-index: auto; opacity: 0; visibility: hidden; max-height: 0 }
.lostark-pc .content--contents .container__title { margin-bottom: 30px; color: #fff; line-height: 1; font-family: trajan-pro-3; font-size: 16px; font-weight: 300; text-align: center }
.lostark-pc .content--contents .container__title .emp { display: block; line-height: 1; font-style: normal; font-size: 2em }
.lostark-pc .content--contents .container__title .emp.title-ko { margin-top: 14px; font-size: 46px; font-family: NanumMyeongjo }
.lostark-pc .content--contents .container.land-off { position: absolute }
.lostark-pc .content--contents .container.activate { opacity: 1; visibility: visible; max-height: none }
.lostark-pc .content--contents .container.for-detail { width: 946px; opacity: 0; transition: opacity .4s ease-in }
.lostark-pc .content--contents .container.for-detail.activate { overflow: visible; opacity: 1 }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer { position: relative }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer:hover [class^=swiper-button-] { opacity: 1; transform: translateX(0) }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer.swiper-container--singleslide:hover [class^=swiper-button-] { opacity: 0; transform: none }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-pagination { right: 20px; bottom: 20px; left: auto; width: auto; line-height: 1; color: #95928b; font-size: 22px; font-family: trajan-pro-3 }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-pagination .between { display: inline-block; margin: -10px 4px 0; width: 1px; height: 40px; background-color: #95928b; vertical-align: middle; transform: rotate(30deg) }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-pagination .swiper-pagination-current { font-size: 2em; color: #d1ab84 }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-slide .bg-image { text-align: center }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-slide .bg-image .image { display: inline-block; max-width: 100%; max-height: 600px }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer [class^=swiper-button-] { top: 250px; margin-top: 0; width: 52px; height: 52px; background: none; box-sizing: border-box; opacity: 0; transition: opacity .3s linear, transform .3s ease-in-out }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer [class^=swiper-button-]:before { content: ""; display: block; position: absolute; top: 26px; left: 0; z-index: 10; margin-left: 14px; width: 30px; height: 1px; background-color: #c8a47f }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer [class^=swiper-button-]:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; border: 2px solid #c8a47f; border-radius: 2px; background-color: rgba(209,171,132,0); transition: all .4s linear }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer [class^=swiper-button-]:hover:before { background-color: #463b30 }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer [class^=swiper-button-]:hover:after { background-color: #d1ab84 }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer [class^=swiper-button-]:hover .svg path { fill: #463b30 }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer [class^=swiper-button-] .svg { display: inline-block; position: relative; z-index: 10; width: 20px; height: 16px }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer [class^=swiper-button-] .svg path { fill: #c8a47f }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-prev { left: -26px; transform: translateX(30px) }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-prev:after { transform: rotate(-45deg) }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-prev .svg { top: 1px; transform: rotate(-90deg) translateY(-13px) }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-next { right: -26px; transform: translateX(-30px) }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-next:before { margin-left: 8px }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-next:after { transform: rotate(45deg) }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-next .svg { top: 1px; transform: rotate(90deg) translateY(-13px) }
.lostark-pc .content--contents .container.for-detail .description-area { position: relative; margin-top: 42px; padding: 0 50px 0 68px }
.lostark-pc .content--contents .container.for-detail .description-area .left { float: left; width: 40% }
.lostark-pc .content--contents .container.for-detail .description-area .left .message { line-height: 50px; font-size: 32px; font-family: NanumMyeongjo; color: #d4cfc5 }
.lostark-pc .content--contents .container.for-detail .description-area .left .message:after, .lostark-pc .content--contents .container.for-detail .description-area .left .message:before { content: "\201D"; display: inline; color: inherit }
.lostark-pc .content--contents .container.for-detail .description-area .left .message:before { content: "\201C"; margin-left: -15px }
.lostark-pc .content--contents .container.for-detail .description-area .left .summary { margin-top: 40px; line-height: 30px; font-size: 18px; color: #c8a47f }
.lostark-pc .content--contents .container.for-detail .description-area .left .summary:empty { margin-top: 0 }
.lostark-pc .content--contents .container.for-detail .description-area .right { float: right; width: 50% }
.lostark-pc .content--contents .container.for-detail .description-area .contents { margin-top: 30px; color: #b2aea5; line-height: 30px; font-size: 16px }
.lostark-pc .content--contents .container.for-detail .description-area .contents:first-of-type { margin-top: 0 }
.lostark-pc .content--contents .container.for-detail .description-area .contents .emp { font-style: normal; color: #fff }
.lostark-pc .content--contents .container.for-detail .description-area[data-classname=glory] .left { max-width: 483px }
.lostark-pc .content--contents .container.for-detail .description-area[data-classname=keuratereu] .left { max-width: 420px }
.lostark-pc .content--contents .container.for-detail .description-area[data-classname=wind] .left { max-width: 468px }
.lostark-pc .content--contents .container.for-detail .description-area+.description-area { margin-top: 60px; padding-top: 60px; border-top: 1px solid #333 }
.lostark-pc .content--contents .container .wrap-boxes { margin-top: -20px }
.lostark-pc .content--contents .container .boxes { overflow: hidden }
.lostark-pc .content--contents .container .boxes.box_1, .lostark-pc .content--contents .container .boxes.box_7, .lostark-pc .content--contents .container .boxes.box_13, .lostark-pc .content--contents .container .boxes.box_19 { float: left; margin-right: 16px }
.lostark-pc .content--contents .container .boxes.box_1 .box, .lostark-pc .content--contents .container .boxes.box_7 .box, .lostark-pc .content--contents .container .boxes.box_13 .box, .lostark-pc .content--contents .container .boxes.box_19 .box { height: 464px }
.lostark-pc .content--contents .container .boxes.box_4, .lostark-pc .content--contents .container .boxes.box_10, .lostark-pc .content--contents .container .boxes.box_16 { float: right }
.lostark-pc .content--contents .container .boxes.box_4 .box, .lostark-pc .content--contents .container .boxes.box_10 .box, .lostark-pc .content--contents .container .boxes.box_16 .box { height: 464px }
.lostark-pc .content--contents .container .boxes.box_22 .box, .lostark-pc .content--contents .container .boxes.box_23 .box { width: 100% }
.lostark-pc .content--contents .container .boxes.box_23 { position: relative }
.lostark-pc .content--contents .container .boxes.box_23:after { position: absolute; top: 16px; left: 0; font-size: 0; content: ""; z-index: 10 }
.lostark-pc .content--contents .container .boxes .box { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; overflow: hidden; position: relative; margin-top: 16px; padding: 0 0 30px 30px; width: 496px; height: 224px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; box-sizing: border-box }
.lostark-pc .content--contents .container .boxes .box:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: linear-gradient(45deg, rgba(26,26,26,.6), rgba(37,37,37,0) 80%) }
.lostark-pc .content--contents .container .boxes .box .title-en, .lostark-pc .content--contents .container .boxes .box .title-ko { line-height: 1; z-index: 10; color: #fff }
.lostark-pc .content--contents .container .boxes .box .title-en { margin-bottom: 4px; font-size: 16px; font-family: trajan-pro-3 }
.lostark-pc .content--contents .container .boxes .box .title-en:first-letter { text-transform: uppercase }
.lostark-pc .content--contents .container .boxes .box .title-ko { font-size: 24px; font-weight: 300 }
.lostark-pc .content--contents .container .boxes.from-right .box { float: right }
.lostark-pc .content--contents .container .boxes.from-right .box.double, .lostark-pc .content--contents .container .boxes.from-right .box:first-child { margin-right: 0; margin-left: 20px }
.lostark-pc .content--contents .container .boxes.double .box { width: calc(50% - 8px); height: 464px!important }
.lostark-pc .content--contents .container .boxes.double .box:before { right: auto; bottom: auto; width: 100%; height: 100% }
.lostark-pc .content--contents .container .tab-sub__list { margin-bottom: 24px; text-align: center }
.lostark-pc .content--contents .container .tab-sub__item { display: inline-block; margin-left: 60px }
.lostark-pc .content--contents .container .tab-sub__item:first-child { margin-left: 0 }
.lostark-pc .content--contents .container .tab-sub__item.intro a { border: 2px solid #c8a47f; padding: 0 14px; color: #c8a47f; transition: all .3s ease }
.lostark-pc .content--contents .container .tab-sub__item.intro a:focus, .lostark-pc .content--contents .container .tab-sub__item.intro a:hover { color: #1b1d27; background-color: #c8a47f }
.lostark-pc .content--contents .container .tab-sub__link { display: block; position: relative; padding: 0 5px; line-height: 32px; font-size: 18px; color: #7c7b78; box-sizing: border-box; transition: color .3s ease }
.lostark-pc .content--contents .container .tab-sub__link:focus, .lostark-pc .content--contents .container .tab-sub__link:hover { color: #c8a47f }
.lostark-pc .content--contents .container .tab-sub__link:after { position: absolute; bottom: 0; left: 5px; width: calc(100% - 10px); height: 1px; background-color: #c8a47f }
.lostark-pc .content--contents .container .tab-sub--activate a { color: #c8a47f }
.lostark-pc .content--contents .container .tab-sub--activate a:after { content: "" }
.lostark-pc .content--contents .container .tab-sub--activate.intro a { color: #1b1d27; background-color: #c8a47f }
.lostark-pc .content--contents .container .tab-sub--activate.intro a:after { content: none }
.lostark-pc .content--contents .twodepth__list { display: table; width: 100% }
.lostark-pc .content--contents .twodepth__list .twodepth__cell { display: table-cell; vertical-align: middle; text-align: center }
.lostark-pc .content--contents .twodepth__list .twodepth__cell>div { display: inline-block }
.lostark-pc .content--contents .twodepth__list .twodepth__cell>div:first-child { vertical-align: text-bottom }
.lostark-pc .content--contents .twodepth__list .twodepth__cell>div:first-child .tab-sub__list { margin-bottom: 2px }
.lostark-pc .content--contents .twodepth__list .twodepth__cell>div:first-child .tab-sub__list a { width: 220px; height: 54px; line-height: 50px; text-align: center }
.lostark-pc .content--contents .twodepth__list .twodepth__cell .tab-sub__list { text-align: left; margin-bottom: 34px }
.lostark-pc .content--contents .twodepth__list .twodepth__cell .tab-sub__list:first-child { margin-bottom: 6px }
.lostark-pc .content--contents .twodepth__list .twodepth__cell .tab-sub__list li.subject { display: inline-block; color: #fff }
.lostark-pc .content--contents .twodepth__list .twodepth__cell .tab-sub__list li.subject:after { display: block; content: ":"; top: 5px }
.lostark-pc .content--contents .twodepth__list .twodepth__cell .tab-sub__list li { position: relative; margin-left: 0; margin-right: 15px; padding-right: 15px }
.lostark-pc .content--contents .twodepth__list .twodepth__cell .tab-sub__list li:after { display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; content: ""; border-right: 1px solid #333 }
.lostark-pc .content--contents .twodepth__list .twodepth__cell .tab-sub__list li:first-child { margin-left: inherit }
.lostark-pc .content--contents .twodepth__list .twodepth__cell .tab-sub__list li:first-child:after, .lostark-pc .content--contents .twodepth__list .twodepth__cell .tab-sub__list li:last-child:after { border: none }
.lostark-pc .content--contents .nav-detail { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: end; align-items: flex-end; position: fixed; right: 40px; top: 165px; bottom: 115px; z-index: 5; min-height: 648px; box-sizing: border-box; font-family: Noto Sans KR }
.lostark-pc .content--contents .nav-detail .link-to-intro { position: relative; display: inline-block; width: 74px; height: 72px; margin-bottom: 10px; font-size: 0 }
.lostark-pc .content--contents .nav-detail .link-to-intro svg { display: none }
.lostark-pc .content--contents .nav-detail .link-to-intro:after, .lostark-pc .content--contents .nav-detail .link-to-intro:before { transition: opacity .3s; display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.lostark-pc .content--contents .nav-detail .link-to-intro:before { opacity: 1; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABICAYAAABRGGN6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUNENjgyNjBCQTBCMTFFOEJDNzZFMTQ2ODlGRUY2NTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUNENjgyNjFCQTBCMTFFOEJDNzZFMTQ2ODlGRUY2NTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Q0Q2ODI1RUJBMEIxMUU4QkM3NkUxNDY4OUZFRjY1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5Q0Q2ODI1RkJBMEIxMUU4QkM3NkUxNDY4OUZFRjY1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuBBRAIAAAfQSURBVHja5FxpjBRF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") no-repeat 50% 50% }
.lostark-pc .content--contents .nav-detail .link-to-intro:after { opacity: 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABICAYAAABRGGN6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTc3MkI3MTVCQTBCMTFFODgzMUU5M0E2NTQxQ0UxRTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTc3MkI3MTZCQTBCMTFFODgzMUU5M0E2NTQxQ0UxRTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNzcyQjcxM0JBMEIxMUU4ODMxRTkzQTY1NDFDRTFFMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNzcyQjcxNEJBMEIxMUU4ODMxRTkzQTY1NDFDRTFFMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PucBmxUAAAejSURBVHja7JwJbBRV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") no-repeat left 0 }
.lostark-pc .content--contents .nav-detail .link-to-intro:hover:before { opacity: 0 }
.lostark-pc .content--contents .nav-detail .link-to-intro:hover:after { opacity: 1 }
.lostark-pc .content--contents .nav-detail .link-to-intro.class-nav__item--activ:before { opacity: 0 }
.lostark-pc .content--contents .nav-detail .link-to-intro.class-nav__item--activ:after { opacity: 1 }
.lostark-pc .content--contents .nav-detail__list .item { margin-top: 5px; font-size: 14px; text-align: right; color: #95928c }
.lostark-pc .content--contents .nav-detail__list .item:first-child { margin-top: 0 }
.lostark-pc .content--contents .nav-detail__list .item.activated { color: #fff }
.lostark-pc .content--contents .nav-detail__list .item:last-child { position: relative }
.lostark-pc .content--contents .nav-detail__list .item:last-child:after { content: ""; position: absolute; top: 0; right: -6px; width: 5px; height: 5px; margin: 0 0 0 10px; background-image: none; background-color: #ff009c; border-radius: 50%; font-size: 0!important; line-height: 0!important; vertical-align: top }
.lostark-pc .content--contents .nav-detail__list .item .link { overflow: hidden; position: relative; width: 100%; height: 20px; line-height: 20px }
.lostark-pc .content--contents .nav-detail__list .item .link .name { color: inherit }
.lostark-pc .content--contents .nav-detail__list .item .link:hover .name { color: #fff }
@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
.lostark-pc .content--contents .container .boxes .box:before { z-index: -1 }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-next, .lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-prev { left: -38px; width: 80px; height: 80px }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-next:before, .lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-prev:before { top: 39px; left: 13px }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-next:after, .lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-prev:after { width: 66%; height: 66%; top: 11px; left: 11px }
.lostark-pc .content--contents .container.for-detail .swiper-container-outer .swiper-button-next { right: -38px; left: auto }
}
.lostark-information .aside, .lostark-information .sub-banner, .lostark-information footer, .lostark-information h2.title { display: none }
.lostark-information main { width: 100% }
.lostark-information .middle { margin-bottom: 0 }
.lostark-information.layout-for-fullpage { overflow: hidden; height: calc(100% - 50px) }
.lostark-information.layout-for-fullpage .content, .lostark-information.layout-for-fullpage .middle, .lostark-information.layout-for-fullpage main { height: 100% }
.lostark-information, .lostark-information .middle, .lostark-information .middle .content, .lostark-information .middle main { min-height: calc(100vh - 50px) }
.lostark-pc .nav-detail { transition: opacity .5s; opacity: 0 }
.lostark-pc .nav-detail__list .item { margin-top: 24px; color: #6a6a6a; text-align: center }
.lostark-pc .nav-detail__list .item:first-child { margin-top: 0 }
.lostark-pc .nav-detail__list .item.activated { color: #fff }
.lostark-pc .nav-detail__list .link { display: block; cursor: pointer }
.lostark-pc .nav-detail.nav-detail--activated { opacity: 1 }
@charset "UTF-8";
.lostark-article .fr-view:not(.normalize), .lostark-editor .fr-view:not(.normalize), .lostark-wrapper, .lostark-wrapper .normalize:not(.normalize) { font-family: Noto Sans KR, Malgun Gothic, Apple SD Gothic NEO, gulim, dotum, sans-serif; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; word-break: keep-all; word-wrap: break-word; color: #555 }
#modal-mybadge .mybadge-list label input[type=radio], .lostark-article .fr-view .editor__anchor, .lostark-pc .cash-myinfo__crystal h3, .lostark-pc .content--client h2, .lostark-pc .coupon-regist__form h3, .lostark-pc .poll-form__item input, .lostark-pc:not(.lostark-etc) .aside h2, .lostark-pc:not(.lostark-etc) .header h2, .lostark-sub .sub-banner h2, .lostark-wrapper button.button--menu--control span, .lostark-wrapper legend, .lui-modal legend, .modal-refund .modal-refund__agreemnet .check label input[type=checkbox] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0) }

@keyframes changeScale { 0%, to {
transform:scale(1)
}
50% {
transform:scale(1.16)
}
}
@keyframes changeSwiperLine { 0%, to {
background-color:hsla(0,0%,100%,.3)
}
50% {
background-color:hsla(0,0%,100%,.1)
}
}
@keyframes bounceScrollDown { 0%, 20%, 50%, 80%, to {
transform:translateY(0) rotate(45deg)
}
40% {
transform:translateY(-10px) rotate(45deg)
}
60% {
transform:translateY(-5px) rotate(45deg)
}
}
@keyframes moveTranslateXtoBg { 0%, to {
transform:translateX(0)
}
50% {
transform:translateX(50%)
}
}
@keyframes moveTranslateXtoBgreverse { 0%, to {
transform:translateX(50%)
}
50% {
transform:translateX(0)
}
}
@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
.lostark-pc .content--contents .boxes .box, .lostark-pc .world-detail__card, .lostark-pc .world-index__background { transform: rotate(.01deg)!important }
}
@supports (-ms-ime-align:auto) {
.lostark-pc .content--contents .boxes .box, .lostark-pc .world-detail__card, .lostark-pc .world-index__background {
transform:rotate(.01deg)!important
}
}