@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:ital,wght@0,100..900;1,100..900&display=swap);blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0;font-family:Open Sans,Noto Sans TC,Arial,Helvetica,sans-serif;color:inherit;font-size:inherit;font-weight:inherit}body{font-size:0}fieldset,img{border:0}dl,li,menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}button,input,select,textarea{border-radius:0;vertical-align:middle;box-shadow:none}button{border:0;background-color:transparent;cursor:pointer}a{text-decoration:none}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}caption{left:-9999px;width:.01em;height:.01em;font-size:.01em;line-height:.01em}.skip,caption{overflow:hidden}.skip{display:block;font-size:0;line-height:0;text-indent:-9999px}button{outline:none}input{appearance:none}input::-ms-clear{display:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none}.inp-toggle-switch{overflow:hidden;display:inline-block;position:relative;width:44px;height:22px;border-radius:20px;transition:background-color .1s;background-color:#d3d3d3}.inp-toggle-switch label{display:block;position:relative;width:100%;height:100%;cursor:pointer}.inp-toggle-switch label input{opacity:0;width:0;height:0}.inp-toggle-switch .slider{position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:100%;transition:left .15s;background-color:#fff}.inp-toggle-switch--on{background-color:#202020}.inp-toggle-switch--on .slider{left:24px}.icon-board-admin{display:inline-block;width:56px;height:16px;background:url(https://tw-odin.kakaogames.com/images/icon-poster-admin.33062.png) no-repeat}@keyframes loadingSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-loading{position:absolute;left:50%;top:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;border-radius:50%;border-right:6px solid #bbb;border-top:6px solid #bbb;border-color:transparent transparent #bbb #bbb;border-style:solid;border-width:6px;animation:loadingSpin .6s linear infinite;background-color:transparent}.btn-more{display:inline-block;position:relative;width:209px;height:61px;border:1px solid #dfdfdf;background-color:#fcfcfc}.btn-more .bg{bottom:0;height:100%;opacity:0;transition:opacity .15s;background-color:#141414}.btn-more .bg,.btn-more .text{position:absolute;left:0;width:100%}.btn-more .text{top:20px;height:22px;color:#000;font-size:16px;font-weight:700;letter-spacing:-.025em;line-height:22px;text-align:center;transition:color .15s}.btn-more .text .icon{background-position:-336px -238px;display:inline-block;position:relative;margin-top:5px;margin-right:10px;vertical-align:top}.btn-more .text .icon,.btn-more .text .icon:after{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);width:12px;height:12px}.btn-more .text .icon:after{background-position:-359px -215px;content:"";position:absolute;left:0;top:0;opacity:0;transition:opacity .15s}.btn-more:hover .bg{opacity:1}.btn-more:hover .text{color:#fff}.btn-more:hover .text .icon:after{opacity:1}.btn-list{display:inline-block;position:relative;width:211px;height:58px;border:1px solid #dfdfdf;background-color:#fcfcfc}.btn-list .bg{bottom:0;height:100%;opacity:0;transition:opacity .15s;background-color:#141414}.btn-list .bg,.btn-list .text{position:absolute;left:0;width:100%}.btn-list .text{top:20px;height:22px;color:#000;font-size:16px;font-weight:700;letter-spacing:-.025em;line-height:22px;text-align:center;transition:color .15s}.btn-list .text .icon{background-position:-384px -362px;display:inline-block;position:relative;margin-top:5px;margin-right:5px;vertical-align:top}.btn-list .text .icon,.btn-list .text .icon:after{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);width:16px;height:12px}.btn-list .text .icon:after{background-position:-409px -337px;content:"";position:absolute;left:0;top:0;opacity:0;transition:opacity .15s}.btn-list:hover .bg{opacity:1}.btn-list:hover .text{color:#fff}.btn-list:hover .text .icon:after{opacity:1}.icon-detail{display:block;position:relative;width:81px;height:81px;background:url(https://tw-odin.kakaogames.com/images/btn-detail.3eadd.png) no-repeat}.icon-detail:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s;background:url(https://tw-odin.kakaogames.com/images/btn-detail-on.5e3fa.png) no-repeat}.icon-detail:after{content:"";position:absolute;top:22px;left:29px;width:24px;height:24px;opacity:0;transform:rotate(180deg);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDY0OCwgMjAyMS8wMS8xMi0xNTo1MjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdDQTM5NDg1OTgzMTExRUJCNEU5QTEyMERGMTVCMDI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdDQTM5NDg2OTgzMTExRUJCNEU5QTEyMERGMTVCMDI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0NBMzk0ODM5ODMxMTFFQkI0RTlBMTIwREYxNUIwMjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0NBMzk0ODQ5ODMxMTFFQkI0RTlBMTIwREYxNUIwMjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4rvxnHAAAAPElEQVR42mJUkOJmIAH8h9KMxGpgYqAxGLVg1IJRCxgYWEhUzzgoffB/yMcBKeE6WpqOWjBqwWC0ACDAAIEbA3wmRWMhAAAAAElFTkSuQmCC) no-repeat}.service--odin{position:relative;min-width:1450px;padding-top:76px;margin:0 auto;background-color:#f6f6f6}.service--odin,.service--odin .page{max-width:2560px}.service--odin .page .page__bg{height:234px}.service--odin .page .page__bg--library{background:url(https://tw-odin.kakaogames.com/images/bg-page-libraby.a0027.jpg) 50% no-repeat}.service--odin .page .page__bg--news-feed{background:url(https://tw-odin.kakaogames.com/images/bg-page-feed.3cec4.jpg) 50% no-repeat}.service--odin .page .page__bg--event{background:url(https://tw-odin.kakaogames.com/images/bg-page-event.a0e43.jpg) 50% no-repeat}.service--odin .page .page__bg--guide{background:url(https://tw-odin.kakaogames.com/images/bg-page-guide.54998.jpg) 50% no-repeat}.service--odin .page .content{padding-top:60px}.service--odin .page .section{overflow:hidden;width:100%}.service--odin .page .section .section__title{color:#141414;font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:40px}.service--odin .page .section .section__title a{color:#141414}.service--odin .btn-scroll-top{display:block;position:fixed;bottom:32px;right:25px;width:58px;height:58px;border:1px solid #cbcdd1;z-index:20;background-color:#fbfafa}.service--odin .btn-scroll-top .skip{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-384px -144px;width:34px;height:33px;position:absolute;left:50%;top:50%;margin-top:-16.5px;margin-left:-17px;opacity:.8;transform:translateY(0);transition:opacity .15s,transform .2s}.service--odin .btn-scroll-top:hover .skip{opacity:1;transform:translateY(-4px)}.service--odin .btn-scroll-top--fixed{position:absolute;bottom:586px}/*!
 * vue2-animate
 * (c) 2018 Pavel Savushkin
 * Released under the MIT License.
 * Documentation: https://github.com/asika32764/vue2-animate
 */@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounce-enter-active,.bounce-leave-active,.bounceIn,.bounceOut{animation-duration:1s;animation-fill-mode:both}.bounce-enter-active,.bounceIn{animation-name:bounceIn}.bounce-leave-active,.bounceOut{animation-name:bounceOut}.bounceDown-enter-active,.bounceDown-leave-active,.bounceInDown,.bounceOutDown{animation-duration:1s;animation-fill-mode:both}.bounceDown-enter-active,.bounceInDown{animation-name:bounceInDown}.bounceDown-leave-active,.bounceOutDown{animation-name:bounceOutDown}.bounceInLeft,.bounceLeft-enter-active,.bounceLeft-leave-active,.bounceOutLeft{animation-duration:1s;animation-fill-mode:both}.bounceInLeft,.bounceLeft-enter-active{animation-name:bounceInLeft}.bounceLeft-leave-active,.bounceOutLeft{animation-name:bounceOutLeft}.bounceInRight,.bounceOutRight,.bounceRight-enter-active,.bounceRight-leave-active{animation-duration:1s;animation-fill-mode:both}.bounceInRight,.bounceRight-enter-active{animation-name:bounceInRight}.bounceOutRight,.bounceRight-leave-active{animation-name:bounceOutRight}.bounceInUp,.bounceOutUp,.bounceUp-enter-active,.bounceUp-leave-active{animation-duration:1s;animation-fill-mode:both}.bounceInUp,.bounceUp-enter-active{animation-name:bounceInUp}.bounceOutUp,.bounceUp-leave-active{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fade-enter-active,.fade-leave-active,.fadeIn,.fadeOut{animation-duration:1s;animation-fill-mode:both}.fade-enter-active,.fadeIn{animation-name:fadeIn}.fade-leave-active,.fadeOut{animation-name:fadeOut}.fadeDown-enter-active,.fadeDown-leave-active,.fadeInDown,.fadeOutDown{animation-duration:1s;animation-fill-mode:both}.fadeDown-enter-active,.fadeInDown{animation-name:fadeInDown}.fadeDown-leave-active,.fadeOutDown{animation-name:fadeOutDown}.fadeDownBig-enter-active,.fadeDownBig-leave-active,.fadeInDownBig,.fadeOutDownBig{animation-duration:1s;animation-fill-mode:both}.fadeDownBig-enter-active,.fadeInDownBig{animation-name:fadeInDownBig}.fadeDownBig-leave-active,.fadeOutDownBig{animation-name:fadeOutDownBig}.fadeInLeft,.fadeLeft-enter-active,.fadeLeft-leave-active,.fadeOutLeft{animation-duration:1s;animation-fill-mode:both}.fadeInLeft,.fadeLeft-enter-active{animation-name:fadeInLeft}.fadeLeft-leave-active,.fadeOutLeft{animation-name:fadeOutLeft}.fadeInLeftBig,.fadeLeftBig-enter-active,.fadeLeftBig-leave-active,.fadeOutLeftBig{animation-duration:1s;animation-fill-mode:both}.fadeInLeftBig,.fadeLeftBig-enter-active{animation-name:fadeInLeftBig}.fadeLeftBig-leave-active,.fadeOutLeftBig{animation-name:fadeOutLeftBig}.fadeInRight,.fadeOutRight,.fadeRight-enter-active,.fadeRight-leave-active{animation-duration:1s;animation-fill-mode:both}.fadeInRight,.fadeRight-enter-active{animation-name:fadeInRight}.fadeOutRight,.fadeRight-leave-active{animation-name:fadeOutRight}.fadeInRightBig,.fadeOutRightBig,.fadeRightBig-enter-active,.fadeRightBig-leave-active{animation-duration:1s;animation-fill-mode:both}.fadeInRightBig,.fadeRightBig-enter-active{animation-name:fadeInRightBig}.fadeOutRightBig,.fadeRightBig-leave-active{animation-name:fadeOutRightBig}.fadeInUp,.fadeOutUp,.fadeUp-enter-active,.fadeUp-leave-active{animation-duration:1s;animation-fill-mode:both}.fadeInUp,.fadeUp-enter-active{animation-name:fadeInUp}.fadeOutUp,.fadeUp-leave-active{animation-name:fadeOutUp}.fadeInUpBig,.fadeOutUpBig,.fadeUpBig-enter-active,.fadeUpBig-leave-active{animation-duration:1s;animation-fill-mode:both}.fadeInUpBig,.fadeUpBig-enter-active{animation-name:fadeInUpBig}.fadeOutUpBig,.fadeUpBig-leave-active{animation-name:fadeOutUpBig}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotate-enter-active,.rotate-leave-active,.rotateIn,.rotateOut{animation-duration:1s;animation-fill-mode:both}.rotate-enter-active,.rotateIn{animation-name:rotateIn}.rotate-leave-active,.rotateOut{animation-name:rotateOut}.rotateDownLeft-enter-active,.rotateDownLeft-leave-active,.rotateInDownLeft,.rotateOutDownLeft{animation-duration:1s;animation-fill-mode:both}.rotateDownLeft-enter-active,.rotateInDownLeft{animation-name:rotateInDownLeft}.rotateDownLeft-leave-active,.rotateOutDownLeft{animation-name:rotateOutDownLeft}.rotateDownRight-enter-active,.rotateDownRight-leave-active,.rotateInDownRight,.rotateOutDownRight{animation-duration:1s;animation-fill-mode:both}.rotateDownRight-enter-active,.rotateInDownRight{animation-name:rotateInDownRight}.rotateDownRight-leave-active,.rotateOutDownRight{animation-name:rotateOutDownRight}.rotateInUpLeft,.rotateOutUpLeft,.rotateUpLeft-enter-active,.rotateUpLeft-leave-active{animation-duration:1s;animation-fill-mode:both}.rotateInUpLeft,.rotateUpLeft-enter-active{animation-name:rotateInUpLeft}.rotateOutUpLeft,.rotateUpLeft-leave-active{animation-name:rotateOutUpLeft}.rotateInUpRight,.rotateOutUpRight,.rotateUpRight-enter-active,.rotateUpRight-leave-active{animation-duration:1s;animation-fill-mode:both}.rotateInUpRight,.rotateUpRight-enter-active{animation-name:rotateInUpRight}.rotateOutUpRight,.rotateUpRight-leave-active{animation-name:rotateOutUpRight}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slide-enter-active,.slide-leave-active,.slideIn,.slideOut{animation-duration:1s;animation-fill-mode:both}.slide-enter-active,.slideIn{animation-name:slideIn}.slide-leave-active,.slideOut{animation-name:slideOut}.slideDown-enter-active,.slideDown-leave-active,.slideInDown,.slideOutDown{animation-duration:1s;animation-fill-mode:both}.slideDown-enter-active,.slideInDown{animation-name:slideInDown}.slideDown-leave-active,.slideOutDown{animation-name:slideOutDown}.slideInLeft,.slideLeft-enter-active,.slideLeft-leave-active,.slideOutLeft{animation-duration:1s;animation-fill-mode:both}.slideInLeft,.slideLeft-enter-active{animation-name:slideInLeft}.slideLeft-leave-active,.slideOutLeft{animation-name:slideOutLeft}.slideInRight,.slideOutRight,.slideRight-enter-active,.slideRight-leave-active{animation-duration:1s;animation-fill-mode:both}.slideInRight,.slideRight-enter-active{animation-name:slideInRight}.slideOutRight,.slideRight-leave-active{animation-name:slideOutRight}.slideInUp,.slideOutUp,.slideUp-enter-active,.slideUp-leave-active{animation-duration:1s;animation-fill-mode:both}.slideInUp,.slideUp-enter-active{animation-name:slideInUp}.slideOutUp,.slideUp-leave-active{animation-name:slideOutUp}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoom-enter-active,.zoom-leave-active,.zoomIn,.zoomOut{animation-duration:1s;animation-fill-mode:both}.zoom-enter-active,.zoomIn{animation-name:zoomIn}.zoom-leave-active,.zoomOut{animation-name:zoomOut}.zoomDown-enter-active,.zoomDown-leave-active,.zoomInDown,.zoomOutDown{animation-duration:1s;animation-fill-mode:both}.zoomDown-enter-active,.zoomInDown{animation-name:zoomInDown}.zoomDown-leave-active,.zoomOutDown{animation-name:zoomOutDown}.zoomInLeft,.zoomLeft-enter-active,.zoomLeft-leave-active,.zoomOutLeft{animation-duration:1s;animation-fill-mode:both}.zoomInLeft,.zoomLeft-enter-active{animation-name:zoomInLeft}.zoomLeft-leave-active,.zoomOutLeft{animation-name:zoomOutLeft}.zoomInRight,.zoomOutRight,.zoomRight-enter-active,.zoomRight-leave-active{animation-duration:1s;animation-fill-mode:both}.zoomInRight,.zoomRight-enter-active{animation-name:zoomInRight}.zoomOutRight,.zoomRight-leave-active{animation-name:zoomOutRight}.zoomInUp,.zoomOutUp,.zoomUp-enter-active,.zoomUp-leave-active{animation-duration:1s;animation-fill-mode:both}.zoomInUp,.zoomUp-enter-active{animation-name:zoomInUp}.zoomOutUp,.zoomUp-leave-active{animation-name:zoomOutUp}@keyframes flipIn{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;opacity:0}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;opacity:.4}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;opacity:.5}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;opacity:.8}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;opacity:1}}@keyframes flipOut{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;opacity:1}40%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;opacity:.6}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;opacity:.5}80%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;opacity:.2}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;opacity:0}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flip-enter-active,.flip-leave-active,.flipIn,.flipOut{animation-duration:1s;animation-fill-mode:both}.flip-enter-active,.flipIn{animation-name:flipIn}.flip-leave-active,.flipOut{animation-name:flipOut}.flipInX,.flipOutX,.flipX-enter-active,.flipX-leave-active{animation-duration:1s;animation-fill-mode:both}.flipInX,.flipX-enter-active{animation-name:flipInX}.flipOutX,.flipX-leave-active{animation-name:flipOutX}.flipInY,.flipOutY,.flipY-enter-active,.flipY-leave-active{animation-duration:1s;animation-fill-mode:both}.flipInY,.flipY-enter-active{animation-name:flipInY}.flipOutY,.flipY-leave-active{animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeed-enter-active,.lightSpeed-leave-active,.lightSpeedIn,.lightSpeedOut{animation-duration:1s;animation-fill-mode:both}.lightSpeed-enter-active,.lightSpeedIn{animation-name:lightSpeedIn}.lightSpeed-leave-active,.lightSpeedOut{animation-name:lightSpeedOut}.vue-modal-bottom,.vue-modal-bottomLeft,.vue-modal-bottomRight,.vue-modal-left,.vue-modal-right,.vue-modal-top,.vue-modal-topLeft,.vue-modal-topRight{display:block;overflow:hidden;position:absolute;background:transparent;z-index:9999999}.vue-modal-bottomLeft,.vue-modal-bottomRight,.vue-modal-topLeft,.vue-modal-topRight{width:12px;height:12px}.vue-modal-top{right:12;top:0;width:100%;height:12px;cursor:n-resize}.vue-modal-bottom{left:0;bottom:0;width:100%;height:12px;cursor:s-resize}.vue-modal-left{left:0;top:0;width:12px;height:100%;cursor:w-resize}.vue-modal-right{right:0;top:0;width:12px;height:100%;cursor:e-resize}.vue-modal-topRight{right:0;top:0;background:transparent;cursor:ne-resize}.vue-modal-topLeft{left:0;top:0;cursor:nw-resize}.vue-modal-bottomLeft{left:0;bottom:0;cursor:sw-resize}.vue-modal-bottomRight{right:0;bottom:0;cursor:se-resize}#vue-modal-triangle:after{display:block;position:absolute;content:"";background:transparent;left:0;top:0;width:0;height:0;border-bottom:10px solid #ddd;border-left:10px solid transparent}#vue-modal-triangle.clicked:after{border-bottom:10px solid #369be9}.vm--block-scroll{overflow:hidden;width:100vw}.vm--container{z-index:999}.vm--container,.vm--overlay{position:fixed;box-sizing:border-box;left:0;top:0;width:100%;height:100vh}.vm--overlay{background:rgba(0,0,0,.2);opacity:1}.vm--container.scrollable{height:100%;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.vm--modal{position:relative;overflow:hidden;box-sizing:border-box;background-color:#fff;border-radius:3px;box-shadow:0 20px 60px -2px rgba(27,33,58,.4)}.vm--container.scrollable .vm--modal{margin-bottom:2px}.vm--top-right-slot{display:block;position:absolute;right:0;top:0}.vm-transition--overlay-enter-active,.vm-transition--overlay-leave-active{transition:all 50ms}.vm-transition--overlay-enter,.vm-transition--overlay-leave-active{opacity:0}.vm-transition--modal-enter-active,.vm-transition--modal-leave-active{transition:all .4s}.vm-transition--modal-enter,.vm-transition--modal-leave-active{opacity:0;transform:translateY(-20px)}.vm-transition--default-enter-active,.vm-transition--default-leave-active{transition:all 2ms}.vm-transition--default-enter,.vm-transition--default-leave-active{opacity:0}.vue-dialog{font-size:14px}.vue-dialog div{box-sizing:border-box}.vue-dialog-content{flex:1 0 auto;width:100%;padding:14px}.vue-dialog-content-title{font-weight:600;padding-bottom:14px}.vue-dialog-buttons{display:flex;flex:0 1 auto;width:100%;border-top:1px solid #eee}.vue-dialog-buttons-none{width:100%;padding-bottom:14px}.vue-dialog-button{font-size:inherit;background:transparent;padding:0;margin:0;border:0;cursor:pointer;box-sizing:border-box;line-height:40px;height:40px;color:inherit;font:inherit;outline:none}.vue-dialog-button:hover{background:#f9f9f9}.vue-dialog-button:active{background:#f3f3f3}.vue-dialog-button:not(:first-of-type){border-left:1px solid #eee}.header{overflow:visible;position:fixed;left:0;top:0;width:100%;min-width:1450px;height:76px;background:#111;z-index:200}.header .header__wrap{box-sizing:border-box;position:relative;padding:0 290px 0 184px;margin:0 auto}.header .header__logo{position:absolute;left:32px;top:12px}.header .gnb{height:65px}.header .gnb .gnb__list .gnb__item{display:inline-block;position:relative;margin:0 12px;vertical-align:top}.header .gnb .gnb__list .gnb__item>a{display:block;position:relative;padding:0 7px;height:76px;text-align:center}.header .gnb .gnb__list .gnb__item>a span{display:inline-block;position:relative;height:100%;color:#fff;font-size:15px;letter-spacing:-.025em;line-height:75px;text-align:center}.header .gnb .gnb__list .gnb__item>a:after{content:"";position:absolute;left:50%;bottom:1px;width:0;height:1px;transform:translateX(-50%);background-color:#842a26}.header .gnb .gnb__list .gnb__item>a.nuxt-link-active span{color:#da5353}.header .gnb .gnb__list .gnb__item--outer a span{padding-right:20px}.header .gnb .gnb__list .gnb__item--outer a span:after{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-336px -215px;width:13px;height:13px;content:"";position:absolute;right:0;top:50%;margin-top:-6.5px}.header .gnb .gnb__list .gnb__item--depth1>a{text-align:center}.header .gnb .gnb__list .gnb__item--depth1>a .text{display:inline-block;padding-right:20px}.header .gnb .gnb__list .gnb__item--depth1>a .text:after{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-358px -238px;width:12px;height:6px;content:"";position:absolute;right:0;top:50%;margin-top:-3px}.header .gnb .gnb__list .gnb__item--depth1:hover .text:after{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-434px -362px;width:12px;height:6px}.header .gnb .gnb__list .gnb__item--depth1:hover .gnb__list--depth2{min-height:200px}.header .gnb .gnb__list .gnb__item--depth1:hover .nuxt-link-active .text:after{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-336px -287px;width:11px;height:6px}.header .gnb .gnb__list .gnb__item--depth1 .nuxt-link-active .text:after{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-435px -337px;width:11px;height:6px}.header .gnb .gnb__list .gnb__item:last-of-type{margin-right:0}.header .gnb .gnb__list .gnb__item:hover .gnb__list--depth2:after,.header .gnb .gnb__list .gnb__item:hover>a:after{width:100%;transition:width .2s;will-change:width}.header .gnb .gnb__list--depth2{overflow:hidden;position:absolute;left:50%;top:74px;z-index:100;min-height:0;height:0;transform:translateX(-50%);transition:min-height .2s}.header .gnb .gnb__list--depth2:after{content:"";position:absolute;left:50%;top:0;width:0;height:1px;transform:translateX(-50%);background-color:#842a26}.header .gnb .gnb__list--depth2 ul{position:relative;padding:15.5px 30px 17.5px;background-color:#191919}.header .gnb .gnb__list--depth2 .gnb__item{display:block;min-width:auto;margin:0}.header .gnb .gnb__list--depth2 .gnb__item a{height:39px}.header .gnb .gnb__list--depth2 .gnb__item a .text{transition:color .2s;color:#d1d1d1;line-height:39px;text-align:center;white-space:nowrap}.header .gnb .gnb__list--depth2 .gnb__item a:after{display:none}.header .gnb .gnb__list--depth2 .gnb__item a:hover .text{color:#da5353}.header .header__download{position:absolute;right:0;top:0}.header .header__download a{display:block;position:relative;width:271px;height:76px}.header .header__download a .text{display:block;position:relative;z-index:1;height:100%;color:#efddcc;font-size:21px;font-weight:700;letter-spacing:-.025em;line-height:76px;text-align:center}.header .header__download a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:.8;transition:opacity .3s;background:url(https://tw-odin.kakaogames.com/images/bg-header-download.3d96e.png) no-repeat}.header .header__download a:hover:after{opacity:1}.footer{position:relative;color:#d5d5d5;background-color:#0e0e0e}.footer .footer__sns{padding:34px 0;border-bottom:1px solid #232323}.footer .footer__sns .footer-sns-list{text-align:center}.footer .footer__sns .footer-sns-list li{display:inline-block;width:62px;height:62px;margin-right:23px}.footer .footer__sns .footer-sns-list li:last-of-type{margin-right:0}.footer .footer__sns .footer-sns-list .footer-sns-list__link{display:block;position:relative;width:100%;height:100%}.footer .footer__sns .footer-sns-list .footer-sns-list__link .skip{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .15s}.footer .footer__sns .footer-sns-list .footer-sns-list__link:hover .skip{opacity:1;will-change:opacity}.footer .footer__sns .footer-sns-list .footer-sns-list__link--facebook{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-264px -264px;width:62px;height:62px}.footer .footer__sns .footer-sns-list .footer-sns-list__link--facebook .skip{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-192px -264px;width:62px;height:62px}.footer .footer__sns .footer-sns-list .footer-sns-list__link--youtube{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-384px -72px;width:62px;height:62px}.footer .footer__sns .footer-sns-list .footer-sns-list__link--youtube .skip{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-384px 0;width:62px;height:62px}.footer .footer__sns .footer-sns-list .footer-sns-list__link--bahamut{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-264px -192px;width:62px;height:62px}.footer .footer__sns .footer-sns-list .footer-sns-list__link--bahamut .skip{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-192px -192px;width:62px;height:62px}.footer .footer__wrap{position:relative;margin-top:38px}.footer .footer__lang{position:absolute;right:40px;top:0;width:177px;height:43px}.footer .footer__lang .current-lang{overflow:hidden;position:relative;width:177px;height:43px;border-radius:3px;background-color:#212121}.footer .footer__lang .current-lang .icon-lang{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-384px -337px;width:15px;height:15px;position:absolute;left:17px;top:50%;transform:translateY(-50%)}.footer .footer__lang .current-lang .btn{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 60px 0 36px;z-index:10;color:#a3a3a3;font-size:14px;letter-spacing:-.025em}.footer .footer__lang .current-lang .bu-arrow{position:absolute;right:0;top:0;width:43px;height:43px;background-color:#1a1a1a}.footer .footer__lang .current-lang .bu-arrow span{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-428px -173px;width:7px;height:4px;position:absolute;left:50%;top:50%;opacity:.5;transform:translate3d(-50%,-50%,0)}.footer .footer__lang .current-lang--on .btn,.footer .footer__lang .current-lang:hover .btn{color:#fff}.footer .footer__lang .current-lang--on .bu-arrow span,.footer .footer__lang .current-lang:hover .bu-arrow span{opacity:1}.footer .footer__lang .current-lang--on .bu-arrow{transform:rotate(180deg)}.footer .footer__lang .dropdown{overflow:visible;position:absolute;left:0;top:-1px;width:100%;background-color:#272727;border-radius:0 0 3px 3px}.footer .footer__lang .dropdown.fade{transition:all .25s;transition-timing-function:cubic-bezier(.53,2,.36,.85)}.footer .footer__lang .dropdown a{display:block;position:relative;box-sizing:border-box;height:43px;padding:0 60px 0 36px;z-index:10;color:#a3a3a3;font-size:14px;letter-spacing:-.025em;line-height:43px}.footer .footer__lang .dropdown a.nuxt-link-exact-active{display:none}.footer .footer__lang .dropdown a:hover{color:#000;background-color:#e0e0e0}.footer .footer__lang .dropdown .dropdown-menu{position:absolute;left:0;top:43px;width:100%;background-color:#272727}.footer .footer__lang .translate-fade-down-enter-active,.footer .footer__lang .translate-fade-down-leave-active{transition:all .25s;transition-timing-function:cubic-bezier(.53,2,.36,.85)}.footer .footer__lang .translate-fade-down-enter,.footer .footer__lang .translate-fade-down-leave-active{opacity:0}.footer .footer__lang .translate-fade-down-enter,.footer .footer__lang .translate-fade-down-leave-to{position:absolute}.footer .footer__lang .translate-fade-down-enter,.footer .footer__lang .translate-fade-down-leave-active{transform:translateY(-10px)}.footer .footer__tos{padding-top:15px;text-align:center}.footer .footer__tos .footer__tos-item{display:inline-block;position:relative;padding:0 25px;vertical-align:top}.footer .footer__tos .footer__tos-item:after{content:"";position:absolute;right:0;top:50%;width:1px;height:9px;transform:translateY(-50%);background-color:#605e5e}.footer .footer__tos .footer__tos-item a{color:#d5d5d5;font-size:14px;letter-spacing:-.025em}.footer .footer__tos .footer__tos-item a:hover{color:#fff}.footer .footer__tos .footer__tos-item:last-of-type:after{display:none}.footer .footer__grade{position:relative;margin-top:40px;text-align:center}.footer .footer__grade .footer-grade{display:inline-block;position:relative;padding:0 75px}.footer .footer__grade .footer-grade .footer-grade__img{position:absolute;left:0;top:50%;transform:translateY(-50%)}.footer .footer__grade .footer-grade .footer-grade__msg{color:#a3a3a3;font-size:12px;letter-spacing:-.025em;line-height:18px;text-align:center}.footer .footer__company{margin-top:60px}.footer .footer__company .company-logo{text-align:center}.footer .footer__company .company-logo li{display:inline-block;margin-right:24px;vertical-align:top}.footer .footer__company .company-logo li:last-of-type{margin-right:0}.footer .footer__copyright{padding-bottom:57px;margin-top:32px}.footer .footer__copyright p,.footer .footer__copyright span{color:#a3a3a3;font-size:13px;letter-spacing:-.025em;line-height:18px;text-align:center}.footer .footer__copyright p a,.footer .footer__copyright span a{color:#a3a3a3}.footer .footer__cert{display:flex;justify-content:center;align-items:center;padding-bottom:70px}.footer .footer__cert .logo-cert{display:block;margin:0 15px}.modal{display:block;overflow:hidden;width:0;height:0}.modal--on{overflow:inherit;width:auto;height:auto}.modal .vm--overlay{background-color:rgba(0,0,0,.7)}.modal .vm--modal{box-shadow:none;background-color:transparent}.modal--intro-image,.modal--intro-video,.modal--video{font-size:0}.modal--intro-image .modal__container,.modal--intro-video .modal__container,.modal--video .modal__container{position:relative;width:100%;padding:43px 0}.modal--intro-image .modal__container .video,.modal--intro-video .modal__container .video,.modal--video .modal__container .video{position:relative;width:100%;padding-bottom:56.25%;background-color:#000}.modal--intro-image .modal__container .video iframe,.modal--intro-video .modal__container .video iframe,.modal--video .modal__container .video iframe{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.modal--intro-image .modal__container .video--ready iframe,.modal--intro-video .modal__container .video--ready iframe,.modal--video .modal__container .video--ready iframe{opacity:1}.modal--intro-image .modal__container .image,.modal--intro-video .modal__container .image,.modal--video .modal__container .image{width:800px}.modal--intro-image .modal__container .image img,.modal--intro-video .modal__container .image img,.modal--video .modal__container .image img{width:100%;height:auto}.modal--intro-image .btn-area,.modal--intro-video .btn-area,.modal--video .btn-area{position:absolute;right:0;top:0;width:100%;text-align:right}.modal--intro-image .btn-area .btn-modal-block,.modal--intro-video .btn-area .btn-modal-block,.modal--video .btn-area .btn-modal-block{display:inline-block;position:relative;height:27px;vertical-align:top;margin-right:40px;color:#b2b2b2;font-size:15px;letter-spacing:-.025em;line-height:27px;transition:color .2s}.modal--intro-image .btn-area .btn-modal-block:after,.modal--intro-video .btn-area .btn-modal-block:after,.modal--video .btn-area .btn-modal-block:after{content:"";position:absolute;right:-20px;top:0;width:1px;height:27px;background-color:#282828}.modal--intro-image .btn-area .btn-modal-block:hover,.modal--intro-video .btn-area .btn-modal-block:hover,.modal--video .btn-area .btn-modal-block:hover{color:#fff}.modal--intro-image .btn-area .btn-modal-close,.modal--intro-video .btn-area .btn-modal-close,.modal--video .btn-area .btn-modal-close{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-384px -300px;width:27px;height:27px;display:inline-block;position:relative}.modal--intro-image .btn-area .btn-modal-close .skip,.modal--intro-video .btn-area .btn-modal-close .skip,.modal--video .btn-area .btn-modal-close .skip{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-384px -263px;width:27px;height:27px;position:absolute;left:0;top:0;opacity:0;transition:opacity .2s}.modal--intro-image .btn-area .btn-modal-close:hover .skip,.modal--intro-video .btn-area .btn-modal-close:hover .skip,.modal--video .btn-area .btn-modal-close:hover .skip{opacity:1}.modal--cookie-allow .btn-cookie-allow{overflow:hidden;display:inline-block;height:40px;padding:0 25px;border:1px solid #707070;border-radius:2px;transition:border-color .2s,background-color .2s;color:#202020;font-size:16px;font-weight:600;line-height:40px;background-color:#fff}.modal--cookie-allow .btn-cookie-allow:hover{border-color:#a0a0a0}.modal--cookie-allow .btn-cookie-allow--dark{border-color:#000;color:#fff;background-color:#000}.modal--cookie-allow .btn-cookie-allow--dark:hover{border-color:#343434;background-color:#343434}.modal--cookie-allow .modal__container{position:relative;height:609px;background-color:#fff}.modal--cookie-allow .modal__container .section__title{padding-left:20px;padding-right:70px;border-bottom:1px solid #eaeaea}.modal--cookie-allow .modal__container .section__title .btn-back,.modal--cookie-allow .modal__container .section__title h3{color:#000;font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:70px}.modal--cookie-allow .modal__container .section__title .btn-back{display:inline-block;position:relative;padding-left:28px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAANtJREFUOE+1lNEJAjEQRL0O7EStQK1ErUA/7cBfrUA70RK0A+1AO/ANJHBIcu6GJDBwHJeX2cnedqNGqyvkjtm3RSf0TjFKwIJe0RRt0KUGuA99AFzUcnwHNEGv4DgZgyrwRKGSV+gTnOqQ7LKCXVCrYzfUAi6C/gOv+eAcQsy2VS7kXMYHNuxLoUOOm4F1aJMoYnRHHjQT9CMs0WDv9vO29HHsDBfcApYRN9wKdsM9YMFvaI6eaBayT7ayF6yxKbgmnC5SF1p10Ed4tUEfy5bzHVI7VnOczPT35RcwcTQXqb2CSwAAAABJRU5ErkJggg==) 0 no-repeat}.modal--cookie-allow .modal__container .section__content{padding:24px 20px}.modal--cookie-allow .modal__container .section__content .btn-type-text{display:inline-block;position:relative;padding-bottom:2px;color:#903b3a;font-size:14px;font-weight:600;letter-spacing:-.025em}.modal--cookie-allow .modal__container .section__content .btn-type-text:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;transform:translateX(-50%);transition:width .1s;background-color:#903b3a}.modal--cookie-allow .modal__container .section__content .btn-type-text:hover:after{width:100%}.modal--cookie-allow .modal__container .section__content .section__content-wrap{overflow-y:auto;position:relative;height:428px;padding-right:20px}.modal--cookie-allow .modal__container .section__content .item{margin-top:30px}.modal--cookie-allow .modal__container .section__content .item__title{position:relative}.modal--cookie-allow .modal__container .section__content .item__title h4,.modal--cookie-allow .modal__container .section__content .item__title h5{font-size:16px;font-weight:600;letter-spacing:-.025em;line-height:22px}.modal--cookie-allow .modal__container .section__content .item__title .btn-type-text,.modal--cookie-allow .modal__container .section__content .item__title .inp-toggle-switch{position:absolute;right:0;top:0}.modal--cookie-allow .modal__container .section__content .item__title .btn-type-text{font-size:16px}.modal--cookie-allow .modal__container .section__content .item__content{margin-top:10px}.modal--cookie-allow .modal__container .section__content .item__content p{color:#383838;font-size:14px;letter-spacing:-.025em;line-height:20px}.modal--cookie-allow .modal__container .section__content .item:first-of-type{margin-top:0}.modal--cookie-allow .modal__container .section__content .item--necessary{margin-top:10px}.modal--cookie-allow .modal__container .section__content .setting__title{color:#000;font-size:16px;font-weight:600;letter-spacing:-.025em;line-height:22px}.modal--cookie-allow .modal__container .section__content .setting__table{margin-top:10px}.modal--cookie-allow .modal__container .section__content .setting__table table{table-layout:fixed;width:100%;border-collapse:collapse}.modal--cookie-allow .modal__container .section__content .setting__table table td,.modal--cookie-allow .modal__container .section__content .setting__table table th{width:20%;padding:10px 12px;border:1px solid #000;color:#000;font-size:14px;letter-spacing:-.025em;text-align:center;word-break:break-all}.modal--cookie-allow .modal__container .section__content .setting__table table th{font-weight:600}.modal--cookie-allow .modal__btn-area{padding:0 20px}.modal--cookie-allow .modal__btn-area:after{display:block;content:"";clear:both}.modal--cookie-allow .modal__btn-area .btn-cookie-allow{float:left;margin-left:10px}.modal--cookie-allow .modal__btn-area .btn-cookie-allow--dark{float:right}.modal--cookie-allow .modal__btn-area .btn-cookie-allow:first-of-type{margin-left:0}.banner-main-promo{overflow:hidden;width:100%;background-color:#141414}.banner-main-promo .banner-main-promo__wrap{position:relative}.banner-main-promo .banner-main-promo__img{overflow:hidden;position:relative;height:475px}.banner-main-promo .banner-main-promo__img .swiper-slide{overflow:hidden;position:relative;height:475px;background-color:#000}.banner-main-promo .banner-main-promo__img .swiper-slide .banner-link{display:block;overflow:hidden;position:relative;width:100%;height:475px;cursor:pointer}.banner-main-promo .banner-main-promo__img .swiper-slide .banner-link .banner-img{position:absolute;left:50%;top:0;width:2560px;height:475px;text-align:center;transform:translateX(-50%)}.banner-main-promo .banner-main-promo__img .swiper-slide .banner-link .banner-img img{width:auto;height:100%}.banner-main-promo .banner-main-promo__img .swiper-slide .banner-link--video .icon-video{position:absolute;left:50%;top:0;width:1920px;height:100%;transform:translateX(-50%)}.banner-main-promo .banner-main-promo__img .swiper-slide .banner-link--video .icon-video .btn-play{position:absolute;right:347px;top:78px;width:552px;height:312px}.banner-main-promo .banner-main-promo__img .swiper-slide .banner-link--video .icon-video .btn-play>div{position:absolute;left:50%;top:50%;width:182px;height:182px;margin-left:-91px;margin-top:-91px}.banner-main-promo .banner-main-promo__img .swiper-slide .banner-link--video .icon-video .btn-play>div span{position:absolute;left:0;top:0;width:100%;height:100%}.banner-main-promo .banner-main-promo__img .swiper-slide .banner-link--video .icon-video .btn-play>div span.bg-square{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:0 -192px;width:182px;height:182px;opacity:1}.banner-main-promo .banner-main-promo__img .swiper-slide .banner-link--video .icon-video .btn-play>div span.bg-circle{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-192px 0;width:182px;height:182px;transform:rotate(0);transition:transform 1.5s}.banner-main-promo .banner-main-promo__img .swiper-slide .banner-link--video .icon-video .btn-play>div span.bg-arrow{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:0 0;width:182px;height:182px}.banner-main-promo .banner-main-promo__img .swiper-slide .banner-link--video .icon-video .btn-play:hover .bg-circle{transform:rotate(180deg);will-change:transform}.banner-main-promo .banner-main-promo__img .qr-download{box-sizing:border-box;overflow:hidden;position:absolute;right:30px;top:50%;width:146px;min-height:169px;padding:23px 25px;z-index:10;transform:translateY(-50%);border-radius:3px;user-select:none;background-color:rgba(0,0,0,.8)}.banner-main-promo .banner-main-promo__img .qr-download .img{height:96px;background:url(https://tw-odin.kakaogames.com/images/img-qr-download.9e7ed.png) no-repeat}.banner-main-promo .banner-main-promo__img .qr-download .text{margin-top:16px;color:#979696;font-size:15px;font-weight:600;letter-spacing:-.025em;text-align:center}.banner-main-promo .banner-main-promo__nav{position:relative;height:61px;background-color:#141414}.banner-main-promo .banner-main-promo__nav>div{position:relative;width:1240px;margin:0 auto}.banner-main-promo .banner-main-promo__nav .swiper-container{width:1098px;margin:0;border-left:1px solid #1f1f1f;border-right:1px solid #1f1f1f}.banner-main-promo .banner-main-promo__nav .swiper-container .banner-main-promo__nav-item{position:relative;height:61px;cursor:pointer;text-align:center;user-select:none}.banner-main-promo .banner-main-promo__nav .swiper-container .banner-main-promo__nav-item>div{position:relative;border-right:1px solid #1f1f1f}.banner-main-promo .banner-main-promo__nav .swiper-container .banner-main-promo__nav-item .text{display:inline-block;position:relative;height:61px;color:#c6c4c4;transition:color .2s;font-size:15px;letter-spacing:-.025em;line-height:61px}.banner-main-promo .banner-main-promo__nav .swiper-container .banner-main-promo__nav-item .text--video{padding-left:30px}.banner-main-promo .banner-main-promo__nav .swiper-container .banner-main-promo__nav-item .text--video:after{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-422px -225px;width:17px;height:17px;content:"";position:absolute;left:0;top:50%;margin-top:-8.5px}.banner-main-promo .banner-main-promo__nav .swiper-container .banner-main-promo__nav-item .progress-bar{position:absolute;left:0;bottom:0;width:100%;height:2px;z-index:10}.banner-main-promo .banner-main-promo__nav .swiper-container .banner-main-promo__nav-item .progress-bar span{position:absolute;left:0;top:0;width:0;height:2px;transform:translateZ(0);transition-property:width;transition-timing-function:linear;will-change:width;background-color:#fa5151}.banner-main-promo .banner-main-promo__nav .swiper-container .banner-main-promo__nav-item:last-of-type>div{border-right:0}.banner-main-promo .banner-main-promo__nav .swiper-container .banner-main-promo__nav-item:hover .text{color:#da5353}.banner-main-promo .banner-main-promo__nav .swiper-container .banner-main-promo__nav-item:hover .text--video:after{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-422px -187px;width:17px;height:17px}.banner-main-promo .banner-main-promo__nav .swiper-container .banner-main-promo__nav-item.swiper-slide-thumb-active .text{opacity:1;color:#da5353}.banner-main-promo .banner-main-promo__nav .swiper-container .banner-main-promo__nav-item.swiper-slide-thumb-active .text--video:after{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-422px -187px;width:17px;height:17px}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control{position:absolute;right:0;top:0;width:124px;height:100%}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control .btn-banner-event{position:absolute;left:0;top:0;width:36px;height:100%}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control .btn-banner-event .skip{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-410px -362px;width:14px;height:11px;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-5.5px;opacity:.75;transition:opacity .2s}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control .btn-banner-event:hover .skip{opacity:1;will-change:opacity}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control>div{position:absolute;right:0;top:0;height:100%}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control>div .btn-banner-arrow{position:absolute;top:0;width:26px;height:100%;z-index:1}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control>div .btn-banner-arrow .skip{position:absolute;left:50%;top:50%;margin-left:-4px;margin-top:-6.5px;opacity:.75;transition:opacity .2s}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control>div .btn-banner-arrow--prev{left:0}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control>div .btn-banner-arrow--prev .skip{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-354px -264px;width:8px;height:13px}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control>div .btn-banner-arrow--next{right:0}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control>div .btn-banner-arrow--next .skip{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-336px -264px;width:8px;height:13px}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control>div .btn-banner-arrow:hover .skip{opacity:1;will-change:opacity}.banner-main-promo .banner-main-promo__nav .banner-main-promo__nav-control>div .promotion-banner__paging{padding:0 30px;opacity:.8;color:#fff;font-size:12px;letter-spacing:-.025em;line-height:62px;text-align:center}.banner-news-promo,.banner-news-promo .banner-news-promo__wrap{position:relative}.banner-news-promo .banner-news-promo__title{position:absolute;left:0;top:0;z-index:2}.banner-news-promo .banner-news-promo__title h3 a{color:#141414;font-size:23px;font-weight:600;letter-spacing:-.025em;line-height:32px}.banner-news-promo .swiper-wrapper{height:214px;padding-top:46px}.banner-news-promo .swiper-wrapper .banner-link{display:block;position:relative}.banner-news-promo .swiper-wrapper .banner-link>img{width:100%;height:auto}.banner-news-promo .swiper-wrapper .banner-link:hover .text span{color:#dfb47b}.banner-news-promo .swiper-pagination-bullets{position:absolute;right:0;top:17px;bottom:auto;left:auto;text-align:right}.banner-news-promo .swiper-pagination-bullets .swiper-pagination-bullet{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-359px -192px;width:13px;height:13px;margin-right:0;margin-left:4px;opacity:1;outline:none;background-color:transparent}.banner-news-promo .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-336px -192px;width:13px;height:13px;background-color:transparent}.banner-news-promo .btn-banner-arrow{position:absolute;bottom:0;width:42px;height:42px;z-index:5;background-color:#000}.banner-news-promo .btn-banner-arrow span{position:absolute;left:50%;top:50%;width:9px;height:15px;margin-left:-4.5px;margin-top:-7.5px;opacity:.7;transition:opacity .2s;background:url(https://tw-odin.kakaogames.com/images/bu-news-promo-arrow.3ebb0.png) no-repeat;background-position-y:top}.banner-news-promo .btn-banner-arrow:hover span{opacity:1}.banner-news-promo .btn-banner-arrow--prev{right:43px}.banner-news-promo .btn-banner-arrow--prev span{background-position-x:left}.banner-news-promo .btn-banner-arrow--next{right:0}.banner-news-promo .btn-banner-arrow--next span{background-position-x:right}.board-summary .board-summary__title{position:relative;height:46px;border-bottom:1px solid #141414}.board-summary .board-summary__title:after{content:"";position:absolute;left:0;bottom:-2px;width:20px;height:3px;background-color:#141414}.board-summary .board-summary__title>h3 a{color:#141414;font-size:23px;font-weight:600;letter-spacing:-.025em;line-height:32px}.board-summary .board-summary__title>a{position:absolute;right:0;top:0;width:32px;height:32px}.board-summary .board-summary__title>a .skip{background-position:-421px -300px;left:50%;top:50%;margin-left:-8px;margin-top:-8px}.board-summary .board-summary__title>a .skip,.board-summary .board-summary__title>a .skip:after{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);width:16px;height:16px;position:absolute}.board-summary .board-summary__title>a .skip:after{background-position:-421px -263px;content:"";left:0;top:0;opacity:0;transition:opacity .2s}.board-summary .board-summary__title>a:hover .skip:after{opacity:1}.board-summary__list{margin-top:15px}.board-summary__list .board-summary__item>a{display:inline-block;max-width:100%;vertical-align:top;padding:10px 0}.board-summary__list .board-summary__item>a .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;display:inline-block;position:relative;width:100%;transition:color .15s;color:#141414;font-size:16px;letter-spacing:-.025em;line-height:19px}.board-summary__list .board-summary__item>a .text--new{padding-right:29px}.board-summary__list .board-summary__item>a .text--new .icon-new{background-image:url(https://tw-odin.kakaogames.com/images/sprite.dfa96.png);background-position:-428px -144px;width:16px;height:19px;position:absolute;right:0;top:0}.board-summary__list .board-summary__item>a:hover .text{color:#957346}.notify--cookie-allow{position:fixed;left:0;bottom:0;width:100%;z-index:100;padding:47px 0;background-color:#151515}.notify--cookie-allow .notify__wrap{display:flex;align-items:center;width:1240px;margin:0 auto}.notify--cookie-allow .notify__msg{flex:7;color:#cecece;font-size:17px;letter-spacing:-.025em;line-height:24px}.notify--cookie-allow .notify__msg span{color:#fff}.notify--cookie-allow .notify__btn-area{flex:initial;text-align:right}.notify--cookie-allow .notify__btn-area .btn-nofity{box-sizing:border-box;display:inline-block;height:42px;padding:0 20px;margin-right:10px;border:1px solid transparent;border-radius:2px;transition:border-color .2s,background-color .2s;color:#fff;font-size:17px;font-weight:600;line-height:42px}.notify--cookie-allow .notify__btn-area .btn-nofity:last-of-type{margin-right:0}.notify--cookie-allow .notify__btn-area .btn-nofity--option{border-color:#535353}.notify--cookie-allow .notify__btn-area .btn-nofity--option:hover{border-color:#797979}.notify--cookie-allow .notify__btn-area .btn-nofity--save{border-color:#903b3a;background-color:#903b3a}.notify--cookie-allow .notify__btn-area .btn-nofity--save:hover{border-color:#9a3e3d;background-color:#9a3e3d}