@charset "utf-8";.scroll_observe{visibility:hidden;opacity:0;-webkit-transform:translate(0, 20px);transform:translate(0, 20px);transition:opacity 0.5s ease-out,visibility 0.5s ease-out,-webkit-transform 0.5s ease-out;transition:opacity 0.5s ease-out,transform 0.5s ease-out,visibility 0.5s ease-out;transition:opacity 0.5s ease-out,transform 0.5s ease-out,visibility 0.5s ease-out,-webkit-transform 0.5s ease-out}.scroll_observe.on{visibility:visible;opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.class_list_section{display:flex;flex-direction:column;align-items:center;padding:140px 20px;background:#1c2230 url(../img/classes/bg_class_list.webp?v=5745ebb8) no-repeat center bottom;text-align:center}.class_list_section .desc{margin-top:16px}.class_list_wrap{display:flex;justify-content:center;align-items:center;margin-top:80px;padding:0 40px}.class_list_wrap .class_list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%;max-width:1320px}.class_list_wrap .class_list .class_item{width:196px;height:270px;border:1px solid rgba(255, 255, 255, 0.2);border-right-width:2px;border-left-width:2px;opacity:0;-webkit-transform:skew(-12deg) translate(2%, 10%);transform:skew(-12deg) translate(2%, 10%);transition:opacity 0.4s ease-out,border-color 0.2s,box-shadow 0.2s,-webkit-transform 0.4s ease-out;transition:opacity 0.4s ease-out,border-color 0.2s,box-shadow 0.2s,transform 0.4s ease-out;transition:opacity 0.4s ease-out,border-color 0.2s,box-shadow 0.2s,transform 0.4s ease-out,-webkit-transform 0.4s ease-out;box-sizing:border-box;overflow:hidden}.class_list_wrap .class_list .class_item.on{opacity:1;-webkit-transform:skew(-12deg) translate(0, 0);transform:skew(-12deg) translate(0, 0)}.class_list_wrap .class_list .class_item .class_link{position:relative;display:block;height:100%}.class_list_wrap .class_list .class_item .class_link::before{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:40%;background:linear-gradient(0deg, rgba(0, 0, 0, 0.6), transparent);z-index:2}.class_list_wrap .class_list .class_item .class_img{height:100%;-webkit-transform:skew(12deg) translateZ(0);transform:skew(12deg) translateZ(0);-webkit-transform-origin:left bottom;transform-origin:left bottom}.class_list_wrap .class_list .class_item .class_info{position:absolute;bottom:20px;left:50%;display:flex;flex-direction:column;align-items:center;color:#fff;font-size:20px;-webkit-transform:translate3d(-50%, 0, 0) skew(12deg);transform:translate3d(-50%, 0, 0) skew(12deg);will-change:transform;z-index:3}.class_list_wrap .class_list .class_item .class_icon{width:40px;height:40px;transition:-webkit-filter 0.1s;transition:filter 0.1s;transition:filter 0.1s,-webkit-filter 0.1s}@media (hover: hover){.class_list_wrap .class_list .class_item:hover{border-color:rgba(255, 255, 255, 1);box-shadow:0 0 2px 1px #b1b5ff,inset 0 0 2px 1px #b1b5ff;-webkit-transform:skew(-12deg) scale3d(1.04, 1.04, 1) translate(0, 0);transform:skew(-12deg) scale3d(1.04, 1.04, 1) translate(0, 0);transition:opacity 0.4s ease-out,border-color 0.2s,box-shadow 0.2s,-webkit-transform 0.2s;transition:opacity 0.4s ease-out,border-color 0.2s,box-shadow 0.2s,transform 0.2s;transition:opacity 0.4s ease-out,border-color 0.2s,box-shadow 0.2s,transform 0.2s,-webkit-transform 0.2s}.class_list_wrap .class_list .class_item:hover .class_icon{-webkit-filter:drop-shadow(0 0 6px #73a1ff);filter:drop-shadow(0 0 6px #73a1ff)}}.class_list_section.detail{padding:70px 20px 140px}.class_list_section.detail  > .desc{display:none}.class_list_section.detail .class_list_wrap{max-width:1280px;margin-top:40px;padding:0 20px;box-sizing:border-box}.class_list_section.detail .class_list_wrap .class_list{gap:8px}.class_list_section.detail .class_list_wrap .class_list .class_item{width:166px;height:228px}.class_list_section.detail .class_list_wrap .class_list .class_item.active{border-color:rgba(255, 255, 255, 1);box-shadow:0 0 2px 1px #b1b5ff,inset 0 0 2px 1px #b1b5ff}.class_list_section.detail .class_list_wrap .class_list .class_item:not(.active) .class_img{-webkit-filter:grayscale(1);filter:grayscale(1);transition:-webkit-filter 0s;transition:filter 0s;transition:filter 0s,-webkit-filter 0s}.class_list_section.detail .class_list_wrap .class_list .class_item .class_img{-webkit-transform:skew(12deg);transform:skew(12deg)}.class_list_section.detail .class_list_wrap .class_list .class_item .class_info{font-size:16px;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s}.class_list_section.detail .class_list_wrap .class_list .class_item .class_icon{width:30px;height:30px}@media (hover: hover){.class_list_section.detail .class_list_wrap .class_list .class_item:hover{-webkit-transform:skew(-12deg);transform:skew(-12deg)}.class_list_section.detail .class_list_wrap .class_list .class_item:hover .class_icon{-webkit-filter:none;filter:none}.class_list_section.detail .class_list_wrap .class_list .class_item:hover:not(.active){border-color:rgba(255, 255, 255, 0.5);box-shadow:none}.class_list_section.detail .class_list_wrap .class_list .class_item:hover:not(.active) .class_info{-webkit-transform:translate3d(-50%, 5px, 0) skew(12deg);transform:translate3d(-50%, 5px, 0) skew(12deg)}.class_list_section.detail .class_list_wrap .class_list .class_item:hover:not(.active) .class_img{-webkit-filter:grayscale(0);filter:grayscale(0)}.class_list_section.detail .class_list_wrap .class_list .class_item:hover:not(.active) .class_icon{-webkit-filter:drop-shadow(0 0 6px #73a1ff);filter:drop-shadow(0 0 6px #73a1ff)}}.classes_top{position:relative;height:794px;padding:80px 20px 88px;background:#000;box-sizing:border-box;overflow:hidden}.classes_top .classes_back_wrap{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-out}.classes_top .classes_back_wrap.on{opacity:1}.classes_info{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;max-width:1280px;height:100%;margin:0 auto;box-sizing:border-box}.classes_info .class_name{transition-delay:0.4s}.classes_info .class_desc{max-width:500px;margin-top:18px;margin-bottom:10px;color:var(--color-gold-300);font-size:var(--font-size-post-title);text-shadow:0 0 6px rgba(0,0,0,0.4);transition-delay:0.5s}.classes_info .weapon_wrap{position:relative;display:inline-flex;align-items:center;padding:8px 12px;background-color:rgba(0, 0, 0, 0.5);border-radius:20px;color:var(--color-white);font-size:15px;box-shadow:0 2px 0 0 rgba(255, 255, 255, 0.05);transition-delay:0.6s;z-index:2}.classes_info .weapon_wrap .title{margin-right:12px;color:var(--color-gold-400)}.classes_info .weapon_wrap .icn_tooltip{display:flex;justify-content:center;align-items:center;width:18px;height:18px;margin-left:6px;background:#616f8e;border-radius:50%}.classes_info .class_data_wrap{display:flex;align-items:stretch;gap:12px;margin-top:50px;transition-delay:0.7s}.classes_info .class_data_wrap .class_data{display:flex;flex-direction:column;align-items:center;width:120px;padding:14px 6px;background:linear-gradient(180deg, rgba(20,26,38,0.8), rgba(41,47,61,0.8));border:1px solid #41495a;color:var(--color-white);font-size:15px;box-shadow:0 0 0 1px rgba(0,0,0,0.8),inset 0 0 0 1px rgba(0,0,0,0.8);box-sizing:border-box}.classes_info .class_data_wrap .data_title{color:var(--color-cool-grey-500);font-size:13px}.classes_info .class_data_wrap .icn_class_data{display:block;width:32px;height:32px;margin-bottom:8px;background:no-repeat center/100%;-webkit-filter:drop-shadow(0 0 8px rgba(115, 161, 255, 0.75));filter:drop-shadow(0 0 8px rgba(115, 161, 255, 0.75))}.classes_info .class_data_wrap .icn_class_data.data_1{background-image:url(../img/classes/icn_class_data_1.png?v=e2af8ba3)}.classes_info .class_data_wrap .icn_class_data.data_2{background-image:url(../img/classes/icn_class_data_2.png?v=9e4f1407)}.classes_info .class_data_wrap .icn_class_data.data_3{background-image:url(../img/classes/icn_class_data_3.png?v=5b6473e6)}.classes_info .data_graph_wrap{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;max-width:78px;margin-top:16px}.classes_info .data_graph_wrap .data_graph_item{flex:1;height:10px;background:var(--color-black);border-radius:5px;box-shadow:0 2px 0 0 rgba(255, 255, 255, 0.05);box-sizing:border-box}.classes_info .data_graph_wrap .data_graph_item.box{padding:3px}.classes_info .data_graph_wrap .data_graph_item.circle{width:10px;max-width:10px}.classes_info .data_graph_wrap .data_graph_item.circle .data_graph_gage{border-radius:50%}.classes_info .data_graph_wrap .data_graph_gage{display:block;width:100%;height:100%;background:var(--color-white);border-radius:2px;box-shadow:0 0 4px 2px rgba(115, 161, 255, 0.6),inset 0 0 2px 1px rgba(115, 161, 255, 0.5)}.classes_info .class_hash{margin-top:16px;color:#85888e;font-size:15px;transition-delay:0.8s}.classes_combat{position:relative;width:100%;height:auto;padding:70px 20px;background:url(../img/classes/bg_combat_video.jpg?v=dc8a2304) no-repeat center/2560px 100%;box-shadow:0 0 10px 10px rgba(0,0,0,0.50196);box-sizing:border-box;z-index:2}.classes_combat::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:31px;background:url(../img/classes/bg_combat_video_top.jpg?v=7d464e77) no-repeat center/auto 100%;box-shadow:0 10px 20px 10px rgba(0, 0, 0, 0.3)}.classes_combat::after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:33px;background:url(../img/classes/bg_combat_video_bottom.jpg?v=17b0e247) no-repeat center/auto 100%}.classes_combat .combat_info{position:relative;display:flex;align-items:center;gap:52px;width:100%;max-width:1280px;height:100%;margin:0 auto;box-sizing:border-box}.classes_combat .btn_combat_video{position:relative;flex-shrink:0;width:440px;height:auto;aspect-ratio:16/9;background:var(--color-black);transition:opacity 0.5s ease-out,visibility 0.5s ease-out,-webkit-filter 0.2s,-webkit-transform 0.5s ease-out;transition:filter 0.2s,opacity 0.5s ease-out,transform 0.5s ease-out,visibility 0.5s ease-out;transition:filter 0.2s,opacity 0.5s ease-out,transform 0.5s ease-out,visibility 0.5s ease-out,-webkit-filter 0.2s,-webkit-transform 0.5s ease-out;overflow:hidden}.classes_combat .btn_combat_video::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);box-shadow:0 0 0 1px rgba(255, 255, 255, 0.1) inset;z-index:2}.classes_combat .btn_combat_video::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:78px;height:90px;margin:auto;background:url(../img/classes/btn_combat_video.webp?v=10c4306a) no-repeat center/contain;z-index:3}.classes_combat .btn_combat_video img{position:relative;width:100%;height:auto;z-index:1}@media (hover: hover){.classes_combat .btn_combat_video:hover{-webkit-filter:brightness(1.25);filter:brightness(1.25)}}.classes_combat .class_desc_wrap{display:flex;flex-direction:column;align-items:flex-start}.classes_combat .class_name_wrap{display:flex;align-items:center;gap:12px;margin-bottom:20px}.classes_combat .class_icon{width:48px;height:48px;-webkit-filter:drop-shadow(0 0 8px rgba(115, 161, 255, 0.75));filter:drop-shadow(0 0 8px rgba(115, 161, 255, 0.75))}.classes_combat .link_skill_detail{display:flex;align-items:center;gap:6px;margin-top:32px;padding:14px 40px;background:rgba(255, 255, 255, 0);border:1px solid #a7a8a8;color:var(--color-white);transition:background-color 0.3s}.classes_combat .link_skill_detail::after{content:'';width:6px;height:6px;border:2px solid var(--color-white);border-top-width:0;border-left-width:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (hover: hover){.classes_combat .link_skill_detail:hover{background:rgba(255, 255, 255, 0.1)}}.classes_media{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-height:640px;padding:64px 20px 100px;background:url(../img/classes/bg_class_media.jpg?v=39b3d070) no-repeat center/cover;box-sizing:border-box;z-index:1}.classes_media .media_wrap{display:flex;justify-content:center;align-items:flex-start;gap:52px;width:100%;margin-top:32px}.classes_media .media_wrap .media_list{display:flex;flex-direction:column;gap:6px}.classes_media .media_wrap .media_item{position:relative;display:flex;justify-content:center;align-items:center;width:136px;aspect-ratio:16/9;border:1px solid rgba(255, 255, 255, 0.2);transition:-webkit-filter 0.2s;transition:filter 0.2s;transition:filter 0.2s,-webkit-filter 0.2s;cursor:pointer;overflow:hidden}.classes_media .media_wrap .media_item.video::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:28px;height:33px;margin:auto;background:url(../img/classes/btn_media_video.webp?v=657bb921) no-repeat center/contain}.classes_media .media_wrap .media_item img{display:block;width:100%;height:100%;object-fit:cover}@media (hover: hover){.classes_media .media_wrap .media_item:hover{-webkit-filter:brightness(1.15);filter:brightness(1.15)}}.classes_media .media_wrap .media_box{position:relative;width:736px;aspect-ratio:16/9;border:1px solid #a79077;cursor:pointer}.classes_media .media_wrap .media_box::after{content:'';position:absolute;top:-6px;left:50%;width:412px;height:18px;background:url(../img/classes/deco_class_media.webp?v=68f1a3d4) no-repeat center/contain;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:2}.classes_media .media_wrap .media_box .media_box_image_wrap{position:relative;width:100%;height:100%;transition:-webkit-filter 0.2s;transition:filter 0.2s;transition:filter 0.2s,-webkit-filter 0.2s;overflow:hidden}@media (hover: hover){.classes_media .media_wrap .media_box .media_box_image_wrap:hover{-webkit-filter:brightness(1.15);filter:brightness(1.15)}}.classes_media .media_wrap .media_box .media_box_image{width:100%;height:100%;object-fit:cover;object-position:center}.media_slider{height:100%}.media_slider .slider-stage-outer{height:100%}.media_slider .slider-stage{height:100%}.media_slider .slider-item{height:100%}.media_slider .media_box_item{position:relative;height:100%}.media_slider .media_box_item img{width:100%;height:100%;object-fit:cover}.media_slider .media_box_item.video::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:78px;height:90px;margin:auto;background:url(../img/classes/btn_combat_video.webp?v=10c4306a) no-repeat center/contain;z-index:3}.class_deco_line{position:relative;width:100%;max-width:2560px;height:25px;background:url(../img/classes/class_deco_line.jpg?v=419bd6a0) no-repeat center;box-shadow:0 0 6px 4px rgba(0,0,0,0.50196);z-index:2}.tooltip_box_wrap{position:fixed;visibility:hidden;opacity:0;-webkit-transform:translate(40px, -314px);transform:translate(40px, -314px);transition:opacity 0.3s ease-out,visibility 0.3s,-webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out,visibility 0.3s,transform 0.3s ease-out;transition:opacity 0.3s ease-out,visibility 0.3s,transform 0.3s ease-out,-webkit-transform 0.3s ease-out;z-index:4}.tooltip_box_wrap.open{visibility:visible;opacity:1;-webkit-transform:translate(40px, -330px);transform:translate(40px, -330px)}.tooltip_box_wrap .btn_tooltip_close{position:absolute;top:0;right:0;display:none;width:36px;height:36px;border:none;z-index:3}.tooltip_box_wrap .btn_tooltip_close span{position:absolute;top:50%;left:50%;display:block;width:28px;height:2px;background:#b9b9b9;transition:background-color 0.3s ease;box-sizing:border-box}.tooltip_box_wrap .btn_tooltip_close span:nth-of-type(1){-webkit-transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg)}.tooltip_box_wrap .btn_tooltip_close span:nth-of-type(2){-webkit-transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 135deg);transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 135deg)}.tooltip_box{display:flex;flex-direction:column;width:380px;background:#000;border:1px solid #2d3136;box-shadow:0 0 0 1px #000}.tooltip_box .tooltip_image_wrap{position:relative;width:100%}.tooltip_box .tooltip_image_wrap.awaken::before{content:'';position:absolute;top:-2px;right:0;bottom:0;left:0;width:92%;height:3px;margin:0 auto;background:#8193c4;border-radius:50%;opacity:0.5;box-shadow:0 0 4px 2px rgba(129,147,196,0.54902)}.tooltip_box .tooltip_image_wrap img{width:100%}.tooltip_box .tooltip_text_wrap{position:relative;padding:24px 28px;border:1px solid transparent;border-top-color:#2d3136;z-index:2}.tooltip_box .tooltip_name_wrap{display:flex;align-items:center;margin-bottom:10px}.tooltip_box .icn_tooltip_weapon{display:block;width:28px;height:28px;background:url(../img/classes/icn_class_weapon.png?v=6c2b8533) no-repeat center/contain;-webkit-filter:drop-shadow(0 0 6px rgba(115, 161, 255, 1));filter:drop-shadow(0 0 6px rgba(115, 161, 255, 1))}.tooltip_box .tooltip_name{margin-left:4px;color:#fff;font-size:18px;-webkit-filter:drop-shadow(0 0 6px rgba(115, 161, 255, 1));filter:drop-shadow(0 0 6px rgba(115, 161, 255, 1))}.tooltip_box .tooltip_desc{color:#a7a7a8;font-size:15px}@media screen and (max-width: 1280px){.class_list_section .desc{margin-top:12px}.other_page_wrap .other_page_link{padding:20px 24px}.other_page_wrap .other_page_link::after{background-position:120px center}}@media screen and (max-width: 1024px){.class_list_section{padding:100px 20px}.class_list_section .desc{margin-top:10px}.class_list_wrap{margin-top:56px;padding:0 32px}.class_list_wrap .class_list{gap:12px}.class_list_wrap .class_list .class_item{width:152px;height:210px}.class_list_wrap .class_list .class_item .class_info{bottom:12px;font-size:16px}.class_list_wrap .class_list .class_item .class_icon{width:36px;height:35px}.class_list_section.detail{padding:60px 20px 100px}.class_list_section.detail .class_list_wrap{max-width:780px;margin-top:42px}.class_list_section.detail .class_list_wrap .class_list{gap:6px}.class_list_section.detail .class_list_wrap .class_list .class_item{width:118px;height:160px}.class_list_section.detail .class_list_wrap .class_list .class_item .class_info{display:none}.classes_top{height:700px;padding:60px 20px 50px}.classes_info .class_desc{max-width:384px;margin-top:14px;margin-bottom:8px}.classes_info .class_data_wrap{margin-top:40px}.classes_combat{padding:64px 20px}.classes_combat::before{height:26px}.classes_combat::after{height:28px}.classes_combat .combat_info{gap:28px}.classes_combat .btn_combat_video{width:320px}.classes_combat .btn_combat_video::after{width:64px;height:74px}.classes_combat .class_name_wrap{gap:8px;margin-bottom:12px}.classes_combat .class_icon{width:40px;height:40px}.classes_combat .link_skill_detail{margin-top:20px;padding:10px 28px;font-size:13px}.classes_media .media_wrap{gap:24px}.classes_media .media_wrap .media_item{width:104px}.classes_media .media_wrap .media_box{width:580px}.tooltip_box_wrap{position:fixed;top:0!important;left:0!important;display:none;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0, 0, 0, 0.9);visibility:visible;visibility:initial;opacity:1;opacity:initial;-webkit-transform:none;transform:none;-webkit-transform:initial;transform:initial;transition:none 0s ease 0s;transition:initial;z-index:100}.tooltip_box_wrap.open{display:flex;-webkit-transform:none;transform:none;-webkit-transform:initial;transform:initial}.tooltip_box_wrap .btn_tooltip_close{display:block}.tooltip_box .tooltip_text_wrap{padding:20px 24px}.tooltip_box .tooltip_name_wrap{margin-bottom:6px}.tooltip_box .icn_tooltip_weapon{width:28px;height:28px}.tooltip_box .tooltip_name{font-size:18px}.tooltip_box .tooltip_desc{font-size:14px}}@media screen and (max-width: 767px){.class_list_section{padding:88px 16px 60px}.class_list_section .desc{margin-top:8px}.class_list_wrap{max-width:580px;margin-top:56px;padding:0 16px}.class_list_wrap .class_list{gap:8px}.class_list_wrap .class_list .class_item{width:120px;height:166px}.class_list_wrap .class_list .class_item .class_info{display:none}.class_list_section.detail{padding:50px 16px 60px}.class_list_section.detail .class_list_wrap{max-width:560px;margin-top:32px}.class_list_section.detail .class_list_wrap .class_list{gap:6px}.class_list_section.detail .class_list_wrap .class_list .class_item{width:90px;height:120px}.classes_top{padding:60px 16px 50px}.classes_top .classes_back_wrap{background-position:58% top;background-size:1600px auto}.classes_top .classes_back_wrap::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(0deg, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0)) 100%}.classes_info{align-items:center;text-align:center}.classes_info .class_desc{margin-top:10px;margin-bottom:6px}.classes_info .weapon_wrap{font-size:14px}.classes_info .weapon_wrap .icn_tooltip{width:16px;height:16px;font-size:13px}.classes_info .class_data_wrap{width:100%;max-width:380px;margin-top:24px}.classes_info .class_data_wrap .class_data{flex:1;width:auto;padding:10px 6px;font-size:14px}.classes_info .class_data_wrap .data_title{font-size:12px}.classes_info .data_graph_wrap{max-width:68px;margin-top:12px}.classes_info .data_graph_wrap .data_graph_item{height:8px}.classes_info .data_graph_wrap .data_graph_item.box{padding:2px}.classes_info .data_graph_wrap .data_graph_item.circle{width:8px;max-width:8px}.classes_info .data_graph_wrap .data_graph_gage{box-shadow:0 0 3px 1px rgba(115, 161, 255, 0.6),inset 0 0 2px 1px rgba(115, 161, 255, 0.5)}.classes_combat{padding:60px 16px}.classes_combat .combat_info{flex-direction:column}.classes_combat .btn_combat_video{width:100%;max-width:380px}.classes_combat .class_desc_wrap{align-items:center}.classes_combat .class_name_wrap{gap:8px;margin-bottom:12px}.classes_combat .class_icon{width:40px;height:40px}.classes_combat .link_skill_detail{margin-top:20px;padding:10px 28px;font-size:13px}.classes_media{min-height:0;min-height:initial;padding:48px 16px 80px}.classes_media .media_wrap{flex-direction:column-reverse;align-items:center;gap:12px}.classes_media .media_wrap .media_box{width:100%;max-width:564px}.classes_media .media_wrap .media_box::after{top:-2%;width:80%;height:5.5%}.classes_media .media_wrap .media_list{flex-direction:row;width:100%;max-width:564px;padding-bottom:4px;overflow-x:auto}.classes_media .media_wrap .media_list::-webkit-scrollbar-track{background-color:transparent}.classes_media .media_wrap .media_list::-webkit-scrollbar-thumb{background:#48536d}.classes_media .media_wrap .media_list::-webkit-scrollbar{height:4px}.classes_media .media_wrap .media_item{flex-shrink:0;width:106px}}@media screen and (max-width: 480px){.class_list_wrap{margin-top:48px;padding:0}.class_list_wrap .class_list{gap:1.66vw}.class_list_wrap .class_list .class_item{width:25vw;height:34.58vw}.class_list_section.detail .class_list_wrap{margin-top:24px;padding:0}.class_list_section.detail .class_list_wrap .class_list{gap:1vw}.class_list_section.detail .class_list_wrap .class_list .class_item{width:15.83vw;height:21.25vw}.other_page_wrap .other_page_link::after{background-position:40vw center}}