a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.nav-tabs,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a,.nav-tabs>li>a:hover{background-color:unset;border:unset;line-height:unset}li{list-style:none}body{background-color:#000;font-family:"Microsoft JhengHei","Playfair Display",sans-serif,Arial;width:100%;overflow-x:hidden}body.mask{display:none}body a{background-color:unset}body img{max-width:100%;height:auto}body h3{font-size:30px;line-height:60px;color:#fff;font-weight:500;margin-top:50px}@media only screen and (max-width:769px){body h3{font-size:20px;line-height:40px}}body h4{font-size:20px;line-height:34px;color:#000;font-weight:300;margin-top:20px;margin-bottom:10px}@media only screen and (max-width:769px){body h4{font-size:20px;line-height:30px}}@media only screen and (max-width:480px){body h4{font-size:15px;line-height:24px;letter-spacing:0}}body h5{font-size:16px;line-height:24px;color:#000;font-weight:300;margin-top:10px;margin-bottom:5px}@media only screen and (max-width:769px){body h5{font-size:20px;line-height:30px}}@media only screen and (max-width:480px){body h5{font-size:16px;line-height:20px}}body p{font-size:13px;line-height:18px;letter-spacing:1px;color:#000;font-weight:300}@media only screen and (max-width:769px){body p{font-size:16px;line-height:20px}}@media only screen and (max-width:480px){body p{font-size:12px;line-height:16px}}body p.notice_text{color:#ec7878}@media only screen and (max-width:769px){body p.notice_text{font-size:12px}}body .mt-20{margin-top:20px}body .mt-100{margin-top:100px}body .mt-200{margin-top:200px}body .mt--200{margin-top:-200px}body .mb-100{margin-bottom:100px}body footer img{max-width:100%}@media (min-width:1200px){.custom-container{max-width:1323px}}.modal{z-index:999;padding-top:10vh;background-color:#00000085}@media only screen and (max-width:480px){.modal{padding-top:20vh}}.modal .modal-content{border:none}.modal .modal-dialog{max-width:1200px;pointer-events:auto}.modal .modal-body{text-align:center;padding:4%;height:60vh}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:60px;height:60px;font-size:0;right:-70px;top:0;transition:.2s;z-index:999}@media only screen and (max-width:1200px){button.close{right:0}}button.close::before{content:"";position:absolute;top:50%;left:50%;width:84px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:84px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(135deg)}@media only screen and (max-width:1200px){#player1{width:90vw;height:70vh}}@media only screen and (max-width:800px){#player1{height:50vh}}@media only screen and (max-width:1200px){#notice-modal .modal-body{width:90vw;margin:2% auto}}@-webkit-keyframes swip{0%{transform:translateY(-50%)}50%{transform:translateY(-55%)}}@keyframes swip{0%{transform:translateY(-50%)}50%{transform:translateY(-55%)}}aside #aside_tab{position:fixed;max-width:30%;left:15px;top:50%;transform:translateY(-50%);z-index:1010}@media only screen and (max-width:769px){aside #aside_tab{display:none}}aside #aside_tab ul li{position:relative;margin-bottom:5px;width:158px;height:50px}@media only screen and (max-width:769px){aside #aside_tab ul li{width:22px;overflow:hidden}}aside #aside_tab ul li::after{content:'';position:absolute;width:1px;height:24px;left:10px;bottom:0;background-color:#fff}aside #aside_tab ul li:nth-last-of-type(1)::after{display:none}aside #aside_tab ul li a{position:absolute;display:block;width:158px;height:22px}@media only screen and (max-width:769px){aside #aside_tab ul li a{background-size:cover}}aside #aside_tab ul li:nth-of-type(1) a{background:url(https://landing.mangot5.com/template/lostark/event/221208_obt/image/aside_tab1.png) no-repeat left center;background-size:contain}aside #aside_tab ul li:nth-of-type(2) a{background:url(https://landing.mangot5.com/template/lostark/event/221208_obt/image/aside_tab2.png) no-repeat left center;background-size:contain}aside #aside_tab ul li:nth-of-type(3) a{background:url(https://landing.mangot5.com/template/lostark/event/221208_obt/image/aside_tab3.png) no-repeat left center;background-size:contain}aside #aside_tab ul li:nth-of-type(1).active a{background:url(https://landing.mangot5.com/template/lostark/event/221208_obt/image/aside_tab1_on.png) no-repeat left center;background-size:contain}aside #aside_tab ul li:nth-of-type(2).active a{background:url(https://landing.mangot5.com/template/lostark/event/221208_obt/image/aside_tab2_on.png) no-repeat left center;background-size:contain}aside #aside_tab ul li:nth-of-type(3).active a{background:url(https://landing.mangot5.com/template/lostark/event/221208_obt/image/aside_tab3_on.png) no-repeat left center;background-size:contain}aside #aside_ad{position:fixed;right:-200px;top:30%;transform:translateY(-50%);z-index:1010;-webkit-animation:swip 3s ease-in-out 0s infinite;animation:swip 3s ease-in-out 0s infinite;transition:.5s all}aside #aside_ad.active{right:15px}aside #aside_ad ul li{position:relative;width:182px;height:365px}@media only screen and (max-width:480px){aside #aside_ad ul li{width:140px}}aside #aside_ad ul li a{position:absolute;width:182px;height:365px;background:url(https://landing.mangot5.com/template/lostark/event/221208_obt/image/aside_ad.png) no-repeat center center;background-size:contain;transition:.3s .2s}@media only screen and (max-width:480px){aside #aside_ad ul li a{width:140px}}aside #aside_ad ul li a:hover{background:url(https://landing.mangot5.com/template/lostark/event/221208_obt/image/aside_ad_on.png) no-repeat center center;background-size:contain;transition:.3s all}aside #aside_ad_s{position:fixed;color:#f3dbb7;right:15px;top:20%;font-weight:800;font-size:20px;letter-spacing:3px;white-space:nowrap;padding:10px 15px 15px 15px;background:#362408;border:1px solid #f3dbb7;border-radius:8px;transform:translate(150%,-50%) rotate(0);transform-origin:right;transition:.5s all;z-index:1010;cursor:pointer}@media only screen and (max-width:480px){aside #aside_ad_s{font-size:14px;padding:8px 5px 8px 5px;right:5px}}aside #aside_ad_s.active{transform:translate(40%,-50%) rotate(0)}aside #aside_ad2{position:fixed;right:-200px;top:70%;transform:translateY(-50%);z-index:1010;-webkit-animation:swip 3s ease-in-out 0s infinite;animation:swip 3s ease-in-out 0s infinite;transition:.5s all}aside #aside_ad2.active{right:15px}aside #aside_ad2 ul li{position:relative;width:182px;height:365px}@media only screen and (max-width:480px){aside #aside_ad2 ul li{width:140px}}aside #aside_ad2 ul li a{position:absolute;width:182px;height:365px;background:url(https://landing.mangot5.com/template/lostark/event/221208_obt/image/aside_ad2.png) no-repeat center center;background-size:contain;transition:.3s .2s}@media only screen and (max-width:480px){aside #aside_ad2 ul li a{width:140px}}aside #aside_ad2 ul li a:hover{background:url(https://landing.mangot5.com/template/lostark/event/221208_obt/image/aside_ad2_on.png) no-repeat center center;background-size:contain;transition:.3s all}aside #aside_ad2_s{position:fixed;color:#f3dbb7;right:15px;top:55%;font-weight:800;font-size:20px;letter-spacing:3px;white-space:nowrap;padding:10px 15px 15px 15px;background:#362408;border:1px solid #f3dbb7;border-radius:8px;transform:translate(150%,-50%) rotate(0);transform-origin:right;transition:.5s all;z-index:1010;cursor:pointer}@media only screen and (max-width:480px){aside #aside_ad2_s{font-size:14px;padding:8px 5px 8px 5px;right:5px}}aside #aside_ad2_s.active{transform:translate(40%,-50%) rotate(0)}aside .gotop{position:fixed;right:30px;bottom:50px;width:82px;height:82px;cursor:pointer;filter:brightness(70%);background:url(https://landing.mangot5.com/template/lostark/event/221208_obt/image/aside_gotop.png) no-repeat center center;background-size:contain;transition:.3s all;z-index:1050;opacity:0}aside .gotop:hover{filter:brightness(100%)}aside .gotop.show{opacity:1}@media only screen and (max-width:480px){aside .gotop{right:20px;bottom:80px;width:40px;height:40px}}aside .aside_close,aside .aside_close2{position:fixed;width:28px;height:28px;max-width:30%;right:15px;top:15%;transform:translateY(-50%);border:1px solid #dbbe92;border-radius:14px;z-index:1010;cursor:pointer;transition:.3s all}aside .aside_close span,aside .aside_close2 span{position:absolute;width:70%;height:1px;left:17%;top:50%;transform:rotate(45deg);background-color:#fff}aside .aside_close span:nth-of-type(2),aside .aside_close2 span:nth-of-type(2){transform:rotate(-45deg)}aside .aside_close2:hover,aside .aside_close:hover{background-color:#dbbe92}aside .aside_close2:hover span,aside .aside_close:hover span{background-color:#000}aside .aside_close2{top:58%}.head{background:url(../images/head_bg.jpg) no-repeat center 0;height:1688px;position:relative;margin-top:80px;max-width:2560px;width:100%;padding-top:70px;overflow:hidden}@media only screen and (max-width:769px){.head{margin-top:60px;padding:0 0 80px;background-size:cover;height:100%}}.head .tit-wrap{text-align:center;max-width:632px;width:100%;transform:translateX(-50%);left:33%;position:absolute;z-index:7}@media only screen and (max-width:769px){.head .tit-wrap{transform:none;left:0;right:0;bottom:0;margin:0 auto;position:relative;padding-top:50vh}}.head .tit-wrap .tit{max-width:492px;width:100%}.head .tit-wrap .link{display:flex;justify-content:center;align-items:center}.head .tit-wrap .link a{display:inline-block;background:#69522c;padding:12px 60px;transition:.3s all;color:#fff;font-size:18px;border-radius:25px;margin:0 10px}.head .tit-wrap .link a:hover{background:#544224;text-decoration:none}@media only screen and (max-width:480px){.head .tit-wrap .link a:nth-of-type(2){display:none}}.head .tit-wrap .subtit{margin:100px 0 0}@media only screen and (max-width:769px){.head .tit-wrap .subtit{margin-top:40px}}.head .mm{background:url(../images/mm.png) no-repeat 0 0;width:836px;height:1877px;position:absolute;background-size:contain;left:72.5%;transform:translateX(-50%);z-index:1}@media only screen and (max-width:1440px){.head .mm{left:88.5%}}@media only screen and (max-width:769px){.head .mm{left:65px;right:0;top:0;margin:0 auto;transform:none;width:108.71vw;height:244.08vw}}@media only screen and (max-width:480px){.head .mm{left:30px}}.head .video-box{max-width:600px;width:100%;margin:60px auto 0;position:relative}.head .video-box .popbtn{position:relative;padding-bottom:56.33333%;height:0;width:100%;background:0 0;border:none}.head .video-box .popbtn .bg-video{position:absolute;top:50%;left:50%;width:100%;height:auto;min-width:100%;min-height:100%;transform:translate(-50%,-50%)}.head .video-box::before{position:relative;z-index:7;content:'';width:103px;height:102px;background:url(../images/bt_play.png) no-repeat center center;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.6s;pointer-events:none}@media only screen and (max-width:480px){.head .video-box::before{width:80px;height:55px}}.head .video-box::after{content:'';background:url(../images/movie_frame.png) no-repeat center center;background-size:contain;width:600px;height:358px;margin:5px 0 0;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}@media only screen and (max-width:600px){.head .video-box::after{width:100vw;height:59.66vw}}.head .video-box:hover::before{filter:brightness(2)}.head .video-box .menu{position:relative;display:flex;justify-content:center;top:-90px}@media only screen and (max-width:769px){.head .video-box .menu{top:-50px}}.head .video-box .menu .notice{width:162px;height:50px;display:block;text-indent:-99999em;transition:all .3s ease-in-out;margin:0 8px}@media only screen and (max-width:480px){.head .video-box .menu .notice{width:33.75vw;height:10.416vw}}.head .video-box .menu .notice{background:url(../images/reg.png) no-repeat 0 0;background-size:contain}.head .video-box .menu .notice:hover{background:url(../images/reg_on.png) no-repeat 0 0;background-size:contain}.notice_wrapper .modal-content{border-radius:15px}.notice_wrapper .modal-content .modal-header{background:#292929;align-items:center;justify-content:center;padding:8px 15px}.notice_wrapper .modal-content .modal-header .close{position:absolute;width:50px;height:50px;right:30px;padding:0}.notice_wrapper .modal-content .modal-header .close span{position:absolute;width:50px;height:2px;background:#fff;left:0;top:50%}.notice_wrapper .modal-content .modal-header .close span:nth-of-type(1){transform:rotate(45deg)}.notice_wrapper .modal-content .modal-header .close span:nth-of-type(2){transform:rotate(-45deg)}.notice_wrapper .modal-content .modal-header h3{margin:0;font-size:28px}.notice_wrapper .modal-content .modal-body li{font-weight:700;font-size:16px;line-height:32px;letter-spacing:2px;padding-left:32px;padding-right:10px;text-indent:-22px;list-style:inside}#particles-js{position:absolute;width:100%;top:0;left:0;z-index:9999;pointer-events:none}@media only screen and (max-width:1200px){#particles-js{display:none}}.wrap{overflow:hidden;position:relative}@media only screen and (max-width:1200px){.wrap{margin-top:0}}.tit{width:100%;margin:0 auto;position:relative}@media only screen and (min-width:768px) and (max-width:1200px){.tit{width:60%}}.s1{background:url(../images/even_bg.jpg) no-repeat 50% 0;max-width:2560px;margin:0 auto;width:100%;height:1289px;background-size:cover;position:relative;text-align:center}@media only screen and (max-width:769px){.s1{height:100%}}.s1 .tit{position:relative;width:100%;max-width:560px;margin:0 auto;text-align:left}@media only screen and (max-width:480px){.s1 .tit{width:60%}}.s1 .subtit{margin:20px 0 0}.s1 .character-section{width:100%;height:100%}@media only screen and (min-width:768px) and (max-width:1200px){.s1 .carousel .external-wrapper .arrow-control{display:none}}.s1 .carousel .external-wrapper .carousel-indicators{background:url(../images/class-nav.png) no-repeat center 0;width:1236px;height:92px;margin:0 auto;top:40px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.9))}@media only screen and (max-width:1200px){.s1 .carousel .external-wrapper .carousel-indicators{width:100%;justify-content:space-evenly}}@media only screen and (max-width:769px){.s1 .carousel .external-wrapper .carousel-indicators{height:50px}}.s1 .carousel .external-wrapper .carousel-indicators .class_group{cursor:pointer;text-align:center;margin:0;width:100%;height:100%}@media only screen and (max-width:1200px){.s1 .carousel .external-wrapper .carousel-indicators .class_group{max-width:80px;height:80px}}@media only screen and (max-width:480px){.s1 .carousel .external-wrapper .carousel-indicators .class_group{max-width:50px;height:50px}}.s1 .carousel .external-wrapper .carousel-indicators .class_group .job_thumb{width:100%;height:100%;text-align:center;margin:0;position:relative;background-position:50%;background-repeat:no-repeat}.s1 .carousel .external-wrapper .carousel-indicators .class_group .job_thumb.active,.s1 .carousel .external-wrapper .carousel-indicators .class_group .job_thumb:hover{background-image:url(../images/class-nav.png);background-position:0 100%}@media only screen and (max-width:1200px){.s1 .carousel .external-wrapper .carousel-indicators .class_group .job_thumb{background-position:0 0!important;background-size:contain;filter:hue-rotate(152deg)}}@media only screen and (max-width:1200px){.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(1) .job_thumb{background-image:url(../images/class-mb-1.png)}.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(1) .job_thumb.active,.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(1) .job_thumb:hover{background-image:url(../images/class-mb-1_hover.png)}}.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(2) .job_thumb.active,.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(2) .job_thumb:hover{background-position-x:-206px}@media only screen and (max-width:1200px){.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(2) .job_thumb{background-image:url(../images/class-mb-2.png)}.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(2) .job_thumb.active,.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(2) .job_thumb:hover{background-image:url(../images/class-mb-2_hover.png)}}.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(3) .job_thumb.active,.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(3) .job_thumb:hover{background-position-x:-412px}@media only screen and (max-width:1200px){.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(3) .job_thumb{background-image:url(../images/class-mb-3.png)}.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(3) .job_thumb.active,.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(3) .job_thumb:hover{background-image:url(../images/class-mb-3_hover.png)}}.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(4) .job_thumb.active,.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(4) .job_thumb:hover{background-position-x:-618px}@media only screen and (max-width:1200px){.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(4) .job_thumb{background-image:url(../images/class-mb-4.png)}.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(4) .job_thumb.active,.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(4) .job_thumb:hover{background-image:url(../images/class-mb-4_hover.png)}}.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(5) .job_thumb.active,.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(5) .job_thumb:hover{background-position-x:-824px}@media only screen and (max-width:1200px){.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(5) .job_thumb{background-image:url(../images/class-mb-5.png)}.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(5) .job_thumb.active,.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(5) .job_thumb:hover{background-image:url(../images/class-mb-5_hover.png)}}.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(6) .job_thumb.active,.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(6) .job_thumb:hover{background-position-x:-1030px}@media only screen and (max-width:1200px){.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(6) .job_thumb{background-image:url(../images/class-mb-6.png)}.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(6) .job_thumb.active,.s1 .carousel .external-wrapper .carousel-indicators .class_group:nth-child(6) .job_thumb:hover{background-image:url(../images/class-mb-6_hover.png)}}@media only screen and (max-width:1200px){.s1 .carousel .external-wrapper .carousel-indicators{background:0 0;top:20px}}.s1 .carousel .carousel-inner{padding:200px 0 0}@media only screen and (max-width:769px){.s1 .carousel .carousel-inner{padding-top:31.548vw}}.s1 .carousel .carousel-inner .carousel-item{transition:transform .1s ease-in-out}.s1 .carousel .carousel-inner .carousel-item .char{top:0;left:0;height:764px;max-width:1278px;width:100%;background-position:50%;background-repeat:no-repeat;text-align:center;background-size:contain;z-index:0;opacity:0;transform:translate3d(-5%,0,0);transition:all .6s ease-in-out;margin:0 auto}@media only screen and (max-width:1200px){.s1 .carousel .carousel-inner .carousel-item .char{height:73.311vw}}.s1 .carousel .carousel-inner .carousel-item.active .char{transform:translate3d(0,0,0);opacity:1}.s2{background:url(../images/award_bg.jpg) no-repeat 50% 0;max-width:2560px;margin:0 auto;width:100%;height:100%;background-size:cover;position:relative;text-align:center;padding:0 0 40px}.s2 .tit{margin:-60px auto 0}@media only screen and (max-width:769px){.s2 .tit{margin-top:0}}.s2 .step-area{display:flex;flex-direction:row;justify-content:center;margin:-80px 0 88px}@media only screen and (max-width:769px){.s2 .step-area{margin:-60px 0 40px}}@media only screen and (max-width:480px){.s2 .step-area{flex-direction:column}}.s2 .step-area .step-col{position:relative;margin:0 15px}@media only screen and (max-width:480px){.s2 .step-area .step-col{margin:30px 15px}}.s2 .step-area .step-col::before{content:'';background:url(../images/arrow.png) no-repeat 0 0;width:16px;height:30px;position:absolute;right:-20px;margin:-48px 0 0;top:50%;transform:translateY(-50%)}@media only screen and (max-width:480px){.s2 .step-area .step-col::before{transform:rotate(90deg);top:auto;left:0;right:0;margin:0 auto;bottom:-42px}}.s2 .step-area .step-col:nth-of-type(2)::before{bottom:-30px}.s2 .step-area .step-col:last-child::before{content:none}.s2 .award-area{background:rgba(7,14,31,.7);padding:50px 180px;max-width:1300px;margin:0 auto}@media only screen and (max-width:1200px){.s2 .award-area{padding-left:0;padding-right:0}}.s2 .award-area .subtit{max-width:236px;width:100%;margin:0 auto}@media only screen and (max-width:480px){.s2 .award-area .subtit{margin-bottom:30px;width:40%}}.s2 .award-area .award-wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}@media only screen and (max-width:480px){.s2 .award-area .award-wrap{padding:0 15px}}.s2 .award-area .award-wrap .award-col{max-width:178px;width:100%;margin:30px 28px}@media only screen and (max-width:480px){.s2 .award-area .award-wrap .award-col{flex:0 0 50%;max-width:50%;margin:15px 0}}.s2 .award-area .award-wrap .award-col figcaption p{font-size:18px;color:#fff;line-height:1.3}@media only screen and (max-width:480px){.s2 .award-area .award-wrap .award-col figcaption p{font-size:14px}}.s2 .notice{padding:65px 0 0}.s2 .notice ul{display:inline-block}.s2 .notice ul li{color:#a7a4a4;font-size:16px;line-height:1.8}@media only screen and (max-width:480px){.s2 .notice ul li{font-size:13px}}.job_pub{position:absolute;display:flex;justify-content:center;margin-top:-7px;left:50%;transform:translateX(-50%);width:415px;height:64px;background:url(../images/bg_2depth_short.png) no-repeat center center;background-size:contain}@media only screen and (max-width:769px){.job_pub{margin:15px 0 0;background:0 0;width:100%;height:auto}}@media only screen and (max-width:480px){.job_pub{margin-top:5px}}.job_pub.fighter_sub,.job_pub.hunter_sub,.job_pub.magician_sub{background:url(../images/bg_2depth.png) no-repeat center center;width:593px}@media only screen and (max-width:769px){.job_pub.fighter_sub,.job_pub.hunter_sub,.job_pub.magician_sub{background:0 0;width:100%}}.job_pub.ullusionist_sub{background:url(../images/bg_2depth_shorter.png) no-repeat center center;width:237px}@media only screen and (max-width:769px){.job_pub.ullusionist_sub{background:0 0;width:100%}}.job_pub li{position:relative;font-size:22px;color:#675c4d;margin:0 15px;opacity:1;width:unset;transition:.3s all;text-indent:0;background:unset;height:100%;line-height:2.3;border:none;font-family:"Noto Serif TC";filter:drop-shadow(0 1px 4px rgba(0,0,0,.9))}@media only screen and (max-width:480px){.job_pub li{margin:0 10px;font-size:14px}}.job_pub li.active{color:#d4c1a4}.job_pub li::after{content:'';position:absolute;width:1px;height:20px;background:#675c4d;right:-15px;top:50%;transform:translateY(-50%);margin-top:-6px}@media only screen and (max-width:769px){.job_pub li::after{margin-top:0}}@media only screen and (max-width:480px){.job_pub li::after{right:-10px}}.job_pub li:last-child::after{display:none}.carousel-control-next-icon,.carousel-control-prev-icon{width:91px;height:91px;background:url(../images/bt_arr_disabled-lf.png) no-repeat 0 0;display:flex;justify-content:center;align-items:center;background-size:contain}@media only screen and (max-width:480px){.carousel-control-next-icon,.carousel-control-prev-icon{width:40px;height:40px}}.carousel-control-next-icon:hover,.carousel-control-prev-icon:hover{background:url(../images/bt_arr-lf.png) no-repeat 0 0;background-size:contain}.carousel-control-next-icon{background:url(../images/bt_arr_disabled-rt.png) no-repeat 0 0;background-size:contain}.carousel-control-next-icon:hover{background:url(../images/bt_arr-rt.png) no-repeat 0 0;background-size:contain}.carousel-item{transition:transform .1s ease-in-out}