@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap";@font-face{font-family:"yeoljeongdo-regular";src:url("https://static.papayaplay.com/static/assets/styles/fonts/yeoljeongdo/RixYeoljeongdo_Pro Regular.otf") format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"Khmer Sangam MN";src:url(https://static.papayaplay.com/static/assets/styles/fonts/khmer_sangam_mn/khmer-sangam-mn.ttf) format("truetype");font-weight:400;font-style:normal}*,:focus,:hover{outline:none}body{position:relative;overflow:hidden;background-color:#000}#update_gatekeeper{margin:0 auto;max-width:1920px;width:100%;height:100%}#update_gatekeeper .top-btn{position:fixed;right:40px;bottom:40px;z-index:200;opacity:0.6;transition:all 0.3s ease;cursor:pointer}#update_gatekeeper .top-btn:hover{opacity:1}#update_gatekeeper .section01{position:relative;width:100%;height:1080px}#update_gatekeeper .section01 .section01_video{max-width:1920px;width:100%;height:1080px;object-fit:cover}#update_gatekeeper .section01 .section01_contentsWrapper{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;max-width:1920px;width:100%;height:1080px;margin-top:230px}#update_gatekeeper .section01 .section01_contentsWrapper .section01_playBtn{position:relative;margin-top:-100px;width:270px;height:250px;background-position:center;background-repeat:no-repeat;cursor:pointer;transition:all 0.3s ease}#update_gatekeeper .section01 .section01_contentsWrapper .section01_playBtn:hover{-webkit-transform:scale(0.9)}#update_gatekeeper .section01 .section01_contentsWrapper .section01_logo{position:relative;width:100%;max-width:777px;width:100%;margin-top:-80px;height:362px;background-position:center;background-repeat:no-repeat}#update_gatekeeper .section02{position:relative;max-width:1920px;width:100%;height:832px;background-position:center;background-repeat:no-repeat}#update_gatekeeper .section02 .section02_seeMore_wrapper{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;max-width:1920px;width:100%;height:832px}#update_gatekeeper .section02 .section02_seeMore_wrapper .section02_seeMore{position:relative;background-position:center;background-repeat:no-repeat;margin-top:130px;margin-right:10px;margin-left:10px;width:327px;height:575px;cursor:pointer;transition:all 0.3s ease}#update_gatekeeper .section02 .section02_seeMore_wrapper .section02_seeMore:hover{margin-top:50px}#update_gatekeeper .section03{max-width:1920px;width:100%;height:100%}#update_gatekeeper .section03 .section03_floatingNav{z-index:2;position:sticky;top:88px;width:100%;height:90px;background-color:#000;display:flex;justify-content:space-around;align-items:center;padding-left:10%;padding-right:10%}#update_gatekeeper .section03 .section03_floatingNav .section03_floatingNav_el{width:200px;color:#c8c8c8;font-size:24px;font-family:"Rubik";transition:all 0.3s ease;text-align:center;cursor:pointer}#update_gatekeeper .section03 .section03_floatingNav .section03_floatingNav_el:hover{color:#60caad}#update_gatekeeper .section03 .section03_floatingNav .section03_floatingNav_el.naviActive{color:#60caad}#update_gatekeeper .section03 .section03_01{width:100%;height:895px;background-position:center;background-repeat:no-repeat}#update_gatekeeper .section03 .section03_02{position:relative}#update_gatekeeper .section03 .section03_02 .slide_sideBar{position:absolute;top:620px;right:300px;z-index:1}#update_gatekeeper .section03 .section03_02 .slide_sideBar #hexagon{position:absolute;width:156px;height:180px;display:flex;flex-direction:column;justify-content:center;background:#fff}#update_gatekeeper .section03 .section03_02 .slide_sideBar #hexagon .classSidebar_box{height:140px}#update_gatekeeper .section03 .section03_02 .slide_sideBar #hexagon .classSidebar_box .classSidebar_el{position:relative;display:flex;height:100%;margin-left:4px;cursor:pointer}#update_gatekeeper .section03 .section03_02 .slide_sideBar #hexagon .classSidebar_box .classSidebar_el .mpasDots{position:absolute;top:18px;left:35px;width:6px;height:6px;background-color:#60caad;border-radius:100px}#update_gatekeeper .section03 .section03_02 .slide_sideBar #hexagon .classSidebar_box .classSidebar_el .classSidebar_el_number{display:flex;margin-left:15px;margin-top:13.5px;width:20px;font-size:13px;font-family:"Rubik";color:#898989}#update_gatekeeper .section03 .section03_02 .slide_sideBar #hexagon .classSidebar_box .classSidebar_el .onNumber_btn{color:#60caad}#update_gatekeeper .section03 .section03_02 .slide_sideBar #hexagon .classSidebar_box .classSidebar_el .classSidebar_el_title{display:flex;align-items:center;border-left:solid 1px #898989;color:#898989;padding-left:6px;margin-left:3px;font-size:13px;font-family:"Rubik";font-weight:500;width:100px}#update_gatekeeper .section03 .section03_02 .slide_sideBar #hexagon .classSidebar_box .classSidebar_el .onTitle_btn{color:#000;border-left:solid 1px #60caad}#update_gatekeeper .section03 .section03_02 .slide_sideBar #hexagon .classSidebar_box:nth-child(3) .classSidebar_el_title{width:80px}#update_gatekeeper .section03 .section03_02 .slide_sideBar #hexagon::before{content:"";position:absolute;top:-42.8675px;left:0;width:0;height:0;border-left:78px solid transparent;border-right:78px solid transparent;border-bottom:42.8675px solid #fff}#update_gatekeeper .section03 .section03_02 .slide_sideBar #hexagon::after{content:"";position:absolute;bottom:-42.8675px;left:0;width:0;height:0;border-left:78px solid transparent;border-right:78px solid transparent;border-top:42.8675px solid #fff}#update_gatekeeper .section03 .section03_02 .slide_btns{position:relative}#update_gatekeeper .section03 .section03_02 .slide_btns .slide_prevBtn{position:absolute;width:49px;height:48px;background-position:center;background-repeat:no-repeat;top:280px;left:calc(50% - 165px);transform:translate(-50%, -50%);cursor:pointer;z-index:1}#update_gatekeeper .section03 .section03_02 .slide_btns .slide_nextBtn{position:absolute;width:49px;height:48px;background-position:center;background-repeat:no-repeat;top:285px;left:calc(50% + 573px);transform:translate(-50%, -50%);cursor:pointer;z-index:1}#update_gatekeeper .section03 .section03_02 .new_class_slider{position:relative}#update_gatekeeper .section03 .section03_02 .new_class_slider .slide .slide_img{width:100%;height:1013px;background-position:center;background-repeat:no-repeat}#update_gatekeeper .section03 .section03_03{max-width:1920px;width:100%;height:1013px;background-position:center;background-repeat:no-repeat}#update_gatekeeper .section03 .section03_05{position:relative}#update_gatekeeper .section03 .section03_05 .slide_sideBar{position:absolute;top:620px;right:300px;z-index:1}#update_gatekeeper .section03 .section03_05 .slide_sideBar #hexagon03{position:absolute;width:156px;height:100px;display:flex;flex-direction:column;justify-content:center;background:#fff}#update_gatekeeper .section03 .section03_05 .slide_sideBar #hexagon03 .npcSidebar_box{height:140px}#update_gatekeeper .section03 .section03_05 .slide_sideBar #hexagon03 .npcSidebar_box .npcSidebar_el{position:relative;display:flex;height:100%;margin-left:4px;cursor:pointer}#update_gatekeeper .section03 .section03_05 .slide_sideBar #hexagon03 .npcSidebar_box .npcSidebar_el .npcDots{position:absolute;top:14px;left:35px;width:6px;height:6px;background-color:#60caad;border-radius:100px}#update_gatekeeper .section03 .section03_05 .slide_sideBar #hexagon03 .npcSidebar_box .npcSidebar_el .npcSidebar_el_number{display:flex;margin-left:15px;margin-top:7.5px;width:20px;font-size:13px;font-family:"Rubik";color:#898989}#update_gatekeeper .section03 .section03_05 .slide_sideBar #hexagon03 .npcSidebar_box .npcSidebar_el .onNumber_btn{color:#60caad}#update_gatekeeper .section03 .section03_05 .slide_sideBar #hexagon03 .npcSidebar_box .npcSidebar_el .npcSidebar_el_title{display:flex;align-items:center;border-left:solid 1px #898989;color:#898989;padding-left:6px;margin-left:3px;font-size:13px;font-family:"Rubik";font-weight:500;width:100px}#update_gatekeeper .section03 .section03_05 .slide_sideBar #hexagon03 .npcSidebar_box .npcSidebar_el .onTitle_btn{color:#000;border-left:solid 1px #60caad}#update_gatekeeper .section03 .section03_05 .slide_sideBar #hexagon03 .npcSidebar_box:nth-child(3) .npcSidebar_el_title{width:80px}#update_gatekeeper .section03 .section03_05 .slide_sideBar #hexagon03::before{content:"";position:absolute;top:-41.8675px;left:0;width:0;height:0;border-left:78px solid transparent;border-right:78px solid transparent;border-bottom:42.8675px solid #fff}#update_gatekeeper .section03 .section03_05 .slide_sideBar #hexagon03::after{content:"";position:absolute;bottom:-41.8675px;left:0;width:0;height:0;border-left:78px solid transparent;border-right:78px solid transparent;border-top:42.8675px solid #fff}#update_gatekeeper .section03 .section03_05 .new_npc_slider{position:relative;display:flex;flex-direction:column}#update_gatekeeper .section03 .section03_05 .new_npc_slider .slide .slide_img{width:100%;height:1013px;background-position:center;background-repeat:no-repeat}#update_gatekeeper .section03 .section03_06{max-width:1920px;width:100%;height:476px;display:flex;position:relative;flex-direction:column;background-position:center;background-repeat:no-repeat;align-items:center}#update_gatekeeper .section03 .section03_06 .btns{position:absolute;max-width:1120px;width:100%;display:flex;justify-content:space-around;bottom:232px}#update_gatekeeper .section03 .section03_06 .btns .btn1{position:relative;width:302px;height:104px;background-position:center;background-repeat:no-repeat;transition:all 0.3s ease;cursor:pointer}#update_gatekeeper .section03 .section03_06 .btns .btn1:hover{filter:hue-rotate(35deg)}#update_gatekeeper .section03 .section03_06 .btns .btn2{position:relative;width:302px;height:104px;background-position:center;background-repeat:no-repeat;transition:all 0.3s ease;cursor:pointer}#update_gatekeeper .section03 .section03_06 .btns .btn2:hover{filter:hue-rotate(35deg)}#update_gatekeeper .section03 .section03_06 .btns .btn3{position:relative;width:302px;height:104px;background-position:center;background-repeat:no-repeat;transition:all 0.3s ease;cursor:pointer}#update_gatekeeper .section03 .section03_06 .btns .btn3:hover{filter:hue-rotate(35deg)}@media screen and (min-width: 320px){#pt_gnb{width:100%}#pt_footer{width:100%}.latale-header{width:100%}}@media screen and (max-width: 1435px){#update_gatekeeper{zoom:0.8}#update_gatekeeper .section03 .section03_floatingNav{top:108px}#update_gatekeeper .section03 .section03_floatingNav .section03_floatingNav_el{margin-right:20px}}@media screen and (max-width: 1150px){#update_gatekeeper{zoom:0.6}#update_gatekeeper .section03 .section03_floatingNav{top:145px}}@media screen and (max-width: 991px){#update_gatekeeper .section03 .section03_floatingNav{top:1px}#update_gatekeeper .section03 .section03_02 .slide_sideBar{right:200px}#update_gatekeeper .section03 .section03_03 .slide_sideBar{right:200px}#update_gatekeeper .section03 .section03_06and07 #hexagon03{right:42px}}@media screen and (max-width: 886px){#update_gatekeeper{zoom:0.5}#update_gatekeeper .section03 .section03_floatingNav{top:0}}@media screen and (max-width: 768px){#update_gatekeeper .section03 .section03_06and07 .section03_07 .chrs{display:none}}@media screen and (max-width: 715px){#update_gatekeeper{zoom:0.4}#update_gatekeeper .section03 .section03_floatingNav{top:-1px}}@media screen and (max-width: 580px){#update_gatekeeper{zoom:0.35}}@media screen and (max-width: 500px){#update_gatekeeper{zoom:0.25}}.slide{position:relative}.slide .skills-vid-container{z-index:10;position:absolute;top:550px;left:calc(50% - 600px);width:580px;display:flex;justify-content:space-between;flex-wrap:wrap}.slide .skills-vid-container .skill-video{display:block;margin-top:20px;width:100%;max-width:280px;height:156px;border:1px solid #000;background-size:135% 135%;background-position:center;transition:all 0.3s ease}.slide .skills-vid-container .skill-video:hover{background-size:100% 100%}