@charset "utf-8";
/* HIVELAB (http://www.hivelab.co.kr) */
@font-face{
  font-family:'NotoSans';
  src:url(../font/NotoSansKR-Regular.woff) format('woff');
}

@font-face{
  font-family:'NotoSans';
  font-weight:500;
  src:url(../font/NotoSansKR-Medium.woff) format('woff');
}

@font-face{
  font-family:'NotoSans';
  font-weight:700;
  src:url(../font/NotoSansKR-Bold.woff) format('woff');
}

@font-face{
  font-family:'Montserrat';
  font-weight:400;
  src:url(../font/Montserrat-Regular.woff) format('woff');
}

@font-face{
  font-family:'Montserrat';
  font-weight:500;
  src:url(../font/Montserrat-Medium.woff) format('woff');
}

@font-face{
  font-family:'Montserrat';
  font-weight:600;
  src:url(../font/Montserrat-SemiBold.woff) format('woff');
}

@font-face{
  font-family:'Montserrat';
  font-weight:700;
  src:url(../font/Montserrat-Bold.woff) format('woff');
}

@font-face{
  font-family:'Montserrat';
  font-weight:800;
  src:url(../font/Montserrat-ExtraBold.woff) format('woff');
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button{margin:0;padding:0}
html,body{height:100%}
body,button,input,select,textarea,a{font-family:'Montserrat','NotoSans',sans-serif;color:#111}
h1,h2,h3,h4,h5,h6{font-weight:normal}
fieldset,li,img{border:0;vertical-align:top}
ul,ol{list-style:none}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a,a:focus,a:active,a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
hr{display:none}
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}


/* general */
.wrap{overflow:hidden;max-width:2560px;margin:0 auto}
.inner{position:relative;max-width:1440px;margin:0 auto;padding:0 24px;-webkit-box-sizing:border-box;box-sizing:border-box}
.ic_arrow{display: inline-block;position: relative;padding: 10px;width: 40px;height: 40px;box-sizing: border-box;}
.ic_arrow:after{display:block;position: absolute;left: 50%;top: 50%;width: 10px;height: 18px;background:url(../img/icon_arrow_black.png) center no-repeat; background-size:cover;content:'';transform: translate(-50%, -50%);transform-origin: center;}
.swiper-button-prev .ic_arrow, .page_btn_prev.ic_arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.swiper-button-disabled .ic_arrow:after, .ic_arrow.is_disable:after{opacity: 0.4;}
.sp{display:inline-block;background-image:url(../img/sp.png);background-repeat:no-repeat; background-size:953px 59px}
.sp_mo{display:inline-block;position:absolute;background-image:url(../img/sp_mo.png);background-repeat:no-repeat;background-size:82px 19px}
.title_primary{text-transform:uppercase;font-size:56px;font-weight:800;line-height:68px;text-align:center}
.btn_primary{display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'NotoSans';font-size:18px;color:#fff;letter-spacing:-0.025em}
br{font-size:0}
@media (min-width:345px) {
.br_mo_min{display:none}
}
@media (min-width:1025px) {
.br_mo{display:none}
}
@media screen and (max-width:1439px) and (min-width:1025px){
.title_primary{font-size:3.9vw;line-height:1.2em}
}
@media screen and (max-width:1024px){
.ic_arrow{padding: 5px;width: 25px;height: 25px;}
.ic_arrow:after{width: 7px;height: 12px;background-image: url(../img/icon_arrow_black_m.png);}
.title_primary{font-size:32px;line-height:32px}
.br_pc{display:none}
}


/* header */
.header{position:fixed;top:0;left:0;z-index:999;width:100%;padding:0 30px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s}
.header:before{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../img/bg_officeview.jpg);background-repeat:no-repeat;background-position:center top;opacity:0;transition:opacity 0.3s;content:''}
.header.is_scroll, .header.bg_office_news, .header.bg_careers{background:#fff}
.header.bg_games{background:#594ce1}
.header.bg_office_view{background: #11182a}
.header.bg_office_view:before{opacity:1}
.logo{position:absolute;top:27px;left:50px;z-index:1}
.logo a{display:block;font-size:0}
.logo .ico_logo{width:205px;height:28px;background-position:-537px -2px}
.is_scroll .logo .ico_logo, .bg_office_news .logo .ico_logo, .bg_careers .logo .ico_logo{background-position:-746px -2px}
.nav_area{position:relative;text-align:center}
.nav_area .lst{font-size:0}
.nav_area .lst .item{display:inline-block;vertical-align:top}
.gnb{position:relative;display:inline-block;vertical-align:top}
.gnb .item + .item{margin-left:40px}
.gnb .link{position:relative;display:block;padding:24px 0;font-size:18px;font-weight:700;color:#fff;line-height:32px;text-transform:uppercase;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.gnb .link.is_active{color:#5d50ec}
.gnb .link::after{position:absolute;bottom:20px;left:0;height:4px;width:0;background:#5d50ec;-webkit-transition:width .5s ease-in-out;-o-transition:width .5s ease-in-out;transition:width .5s ease-in-out;content:''}
.gnb .link.is_active::after{width:100%}
.lnb{position:absolute;top:0;right:0}
.lnb .item + .item{margin-left:40px;margin-right:15px}
.lnb .link{position:relative;display:block;padding:24px 0;font-size:18px;font-weight:700;color:#fff;line-height:32px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.lnb .link.is_active{color:#5d50ec}
.lnb .link::after{position:absolute;bottom:20px;left:0;height:4px;width:100%;background:transparent;content:''}
.lnb .link.is_active::after{background:#5d50ec}
.bg_games .logo .ico_logo,.bg_office_view .logo .ico_logo{background-position:-537px -2px}
@media screen and (min-width:1025px){
.is_scroll .gnb .link:not(.is_active), .bg_office_news .gnb .link:not(.is_active), .bg_careers .gnb .link:not(.is_active){color:#111}
.is_scroll .lnb .link:not(.is_active), .bg_office_news .lnb .link:not(.is_active), .bg_careers .lnb .link:not(.is_active){color:#111}
.is_scroll .gnb .link:hover,.is_scroll .lnb .link:hover,.policy_page .gnb .link:hover,.policy_page .lnb .link.is_active,.policy_page .lnb .link:hover,.bg_office_news .gnb .link:hover,.bg_office_news .lnb .link:hover{color:#5d50ec}
.bg_games .gnb .link.is_active,.bg_office_view .gnb .link:not(.is_active),.bg_games .gnb .link:hover,.bg_games .lnb .link:hover{color:#fff}
.bg_games .gnb .link.is_active::after{background:#fff}
.bg_games .lnb .link.is_active,.bg_office_view .lnb .link:not(.is_active){color:#fff}
.bg_games .lnb .link.is_active::after{background:#fff}
.bg_office_view .gnb .link:hover,.bg_office_view .lnb .link:hover{color:#5d50ec}
}
@media screen and (max-width:1439px){
.logo{top:18px;left:24px}
.logo .sp{background-size:679px auto}
.logo .ico_logo{width:148px;height:20px;background-position:-382px -2px}
.is_scroll .logo .ico_logo,.bg_office_news .logo .ico_logo,.bg_careers .logo .ico_logo{background-position:-530px -2px}
.bg_games .logo .ico_logo,.bg_office_view .logo .ico_logo{background-position:-382px -2px}
}
@media screen and (max-width:1439px) and (min-width:1025px){
.gnb .link{padding:18px 0;font-size:15px;line-height:24px}
.gnb .link::after{bottom:16px;height:2px}
.lnb .item+.item{margin-left:30px;margin-right:0}
.lnb .link{padding:18px 0;font-size:15px;line-height:24px}
.lnb .link::after{bottom:16px;height:2px}
}
@media screen and (max-width:1024px) {
.header{height:56px;padding:0 24px}
.nav_area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:fixed;top:0;left:100%;z-index:999;width:100%;height:100%;padding:18px 24px 24px;background:#000;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.nav_area.is_show{left:0}
.logo_mo{display:inline-block;width:148px;height:20px;background-size:688px auto;background-position:-388px -2px}
.nav_area .gnb .lst{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:3px}
.gnb .item+.item{margin:28px 0 0}
.gnb .link{display:inline-block;padding:0;font-size:24px;line-height:33px}
.gnb .link:after{bottom:-1px;height:2px}
.lnb{position:relative}
.lnb .item+.item{margin:0 0 0 15px}
.lnb .link{display:inline-block;padding:0;font-size:16px}
.lnb .link.is_active:after{bottom:3px;height:2px}
.nav_area .btn_close{position:absolute;top:16px;right:21px;width:24px;height:24px;background-position:2px 2px}
}


/* header MO */
.btn_gnb_toggle{display:none}
@media screen and (max-width:1024px){
.btn_gnb_toggle{display:block;position:absolute;top:10px;right:14px;width:38px;height:35px}
.btn_gnb_toggle .sp_mo{top:0;left:0;right:0;bottom:0;width:18px;height:15px;margin:auto;background-position:-40px -2px;content:''}
.policy_page .btn_gnb_toggle .sp_mo,.is_scroll .btn_gnb_toggle .sp_mo,.bg_office_news .btn_gnb_toggle .sp_mo,.bg_careers .btn_gnb_toggle .sp_mo{background-position:-62px -2px}
.bg_games.is_scroll .btn_gnb_toggle .sp_mo,.bg_office_view.is_scroll .btn_gnb_toggle .sp_mo{background-position:-40px -2px}
}


/* key visual */
.section_key_visual{background-color:#000}
.section_key_visual .inner{position:absolute;top:0;left:0;right:0;z-index:2;width:100%;height:100%;margin:0 auto;font-size:0;}
.section_key_visual .inner:before{display:inline-block;height:100%;vertical-align:middle;content:""}
.key_visual_content{display:inline-block;width:100%;padding-bottom:20px;vertical-align:middle}
.key_visual_content{pointer-events:none}
.key_visual_content .play_btn{pointer-events:initial}
.visual_txt{display:block;width:586px;height:368px;background-repeat:no-repeat;background-size:auto 100%}
.visual_txt.txt_mo{display:none}
.key_visual_sub{margin:38px 0 26px;font-family:'NotoSans';font-size:26px;color:#fff;line-height:40px;letter-spacing:-0.015em;opacity:0.6}
.key_visual_btn{display:inline-block;position:absolute; left:50%;bottom:53px;z-index:998;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.key_visual_btn .btn_txt{display:block;font-size:16px;font-weight:500;color:#fff;line-height:28px}
.key_visual_btn .ic_arrow{width:18px;height:10px;padding:0;}
.key_visual_btn .ic_arrow:after{top:10px;width:100%;height:100%;background-image:url(../img/icon_arrow_down_white.png)}
.key_visual{position:relative;overflow:hidden;width:100vw;height:100vh}
.key_visual iframe{position:absolute;top:50%;left:50%;width:100vw;height:120vh;transform:translate(-50%,-50%)}
.key_visual:after{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-color:rgba(0,0,0,0.63);content:""}
.play_btn{position:absolute;left:327px;z-index:2;height:40px;padding-left:56px;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:-.025em;color:#fff;}
.play_btn::before{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/icon_play_pc.png);background-size:40px 40px;background-repeat:no-repeat;content:""}
.key_visual_bg{position:relative;z-index:2;width:100vw;height:100vh;background:url(../img/bg_key_visual.jpg) center center/cover no-repeat;transition:opacity .3s ease-out,visibility .3s ease-out}
.key_visual_bg.is_hidden{visibility:0;opacity:0;}
@media screen and (max-width:1439px) and (min-width:1025px){
.visual_txt{width:40vw;height:25.12vw}
.key_visual_sub{font-size:18px;line-height:32px}
.play_btn{left:24px}
.key_visual_btn .btn_txt{font-size:12px}
.key_visual_btn .ic_arrow:after{width:1.25vw;height:0.69vw}
}
@media screen and (max-width:1024px){
.key_visual_content{position:relative;padding-bottom:126px;vertical-align:bottom}
.visual_txt{display:none}
.visual_txt.txt_mo{display:block;width:218px;height:142px;padding-bottom:0}
.key_visual_sub{margin:16px 0 13px;font-size:12px;line-height:17px}
.key_visual_btn{bottom:0;padding:12px}
.key_visual_btn .btn_txt{display:none}
.key_visual_btn .ic_arrow:after{top:-2px;width:17px;height:10px}
.key_visual_bg{visibility:visible;opacity:1}
.play_btn {left:0;height:26px;padding-left:35px;font-size:15px}
.play_btn::before {background-size:26px 26px}
}
@media screen and (min-width:1024px) {
  .key_visual_bg{visibility:hidden;opacity:0}
}

/* section_about */
.section_about{padding:162px 0 175px}
.about_tab{margin-top:34px;font-size:0;text-align:center}
.about_tab .item{display:inline-block;position:relative}
.about_tab .item+.item{margin-left:46px}
.about_tab .is_active{pointer-events:none}
.about_tab .is_active:after{position:absolute;left:0;bottom:12px;width:100%;height:4px;background-color:#5d50ec;content:""}
.about_tab .is_active .link{color:#5d50ec}
.about_tab .link{font-size:24px;line-height:68px;font-weight:700;text-transform:uppercase}
.about_content{margin-top:52px}
#about_history{margin-bottom:20px}
.about_content .about_item{display:none}
.about_content .about_item.is_show{display:block}

.about_people_lst{font-size:0}
.about_people_lst .item{display:inline-block;width:calc(33.33% - 16px);height:513px;padding-top:60px;border:1px solid #d2d3e0;-webkit-box-sizing:border-box;box-sizing:border-box}
.about_people_lst .item+.item{margin-left:24px}
.about_people_lst .item .thumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;width:300px;height:300px}
.about_people_lst .thumb img{width:100%}
.about_people_lst .content{margin-top:28px;text-align:center}
.about_people_lst .content .title{font-size:32px;font-weight:800;color:#5d50ec;line-height:34px;text-transform:uppercase}
.about_people_lst .content .desc{margin-top:.25em;font-family:'NotoSans';font-size:20px;font-weight:500;line-height:1.4em;letter-spacing:-.025em}

.about_message_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;height:513px;padding-top:88px;-webkit-box-sizing:border-box;box-sizing:border-box}
.about_message_content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-right:60px;font-family:'NotoSans'}
.about_message_content h3{margin-bottom:24px;font-size:24px;font-weight:700;line-height:34px;letter-spacing:-.03em}
.about_message_content p{margin-top:.75em;font-size:16px;line-height:1.75em;font-weight:500;letter-spacing:-.025em}
.about_message_content p:last-child{margin-top:1.5em}
.about_message_content em{font-weight:700}
.about_message_thumb{width:762px;padding-top:24px;margin-right:5px}
.about_message_thumb img{width:100%}

.about_history_lst .swiper-slide{width:448px}
#about_history .swiper-pagination-progressbar{left:24px;top:calc(100% + 20px);width:calc(100% - 176px);margin-top:-7px;background:rgba(0,0,0,0.2)}
#about_history .swiper-pagination-progressbar{height:4px}
#about_history .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#373737;transition-duration:0s!important}
#about_history .swiper-button{top:auto;bottom: -35px;width:40px;height:40px;margin-top:0;background-image:none;font-size:0}
#about_history .swiper-button .ic_arrow:after{border-color:#333;}
#about_history .swiper-button-disabled{opacity:1}
#about_history .swiper-button-next{right:8px}
#about_history .swiper-button-prev{left:auto;right:96px}

.about_history_item{height:493px}
.about_history_item .thumb{overflow:hidden;position:relative;width:100%;height:310px}
.about_history_item .thumb img{position:absolute;top:50%;left:50%;width:100%;min-height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.about_history_item .content{padding:30px 0}
.about_history_item .content .date{font-size:24px;font-weight:600;color:#5d50ec;line-height:28px}
.about_history_item .content .title{display:block;margin-top:.25em;font-family:'NotoSans';font-size:24px;font-weight:500;line-height:34px;letter-spacing:-.025em}
.swiper_pagination_number{position:absolute;top:calc(100% + 20px);right:73px;margin-top:-19px;font-size:18px;font-weight:600;line-height:28px;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}
.swiper_pagination_number .index_current{font-weight:800}

@media screen and (max-width:1439px) and (min-width:1025px){
.section_about{padding:11.25vw 0 12.15vw}
.about_tab{margin-top:2.4vw}
.about_tab .link{font-size:1.7vw;line-height:2.8em}
.about_tab .is_active:after{height:2px;bottom:20%}
.about_content{margin-top:3.6vw}

.about_people_lst .item{height:35.6vw;padding-top:4.17vw}
.about_people_lst .item .thumb{width:20.83vw;height:20.83vw}
.about_people_lst .content{margin-top:1.74vw}
.about_people_lst .content .title{font-size:2.2vw;line-height:1.1em}
.about_people_lst .content .desc{font-size:1.39vw}

.about_message_wrap{height:auto;padding-top:0}
.about_message_thumb{margin-right:0;width:50vw}
.about_message_content{padding-right:4.1vw}
.about_message_content h3{margin-bottom:1em;font-size:18px;line-height:1.4em}
.about_message_content p{font-size:14px}

.about_history_lst{padding-bottom:30px}
.about_history_lst .swiper-slide{width:calc(33.33% - 16px)}
.about_history_item{height:auto}
.about_history_item .thumb{height:0;padding-bottom:70%}
.about_history_item .content{padding:2vw 0}
.about_history_item .content .date{font-size:1.7vw;line-height:1.2em}
.about_history_item .content .title{font-size:1.7vw;line-height:1.4em}
}
@media screen and (max-width:1024px){
.section_about{padding:66px 0 51px}
.about_tab{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:312px;margin:21px auto 0}
.about_tab .item+.item{margin-left:auto}
.about_tab .is_active:after{bottom:3px;height:2px}
.about_tab .link{font-size:16px;line-height:32px}
.about_content{margin-top:32px}

.about_people_lst .item{display:block;width:100%;max-width:600px;height:312px;padding-top:15px;margin:0 auto}
.about_people_lst .item+.item{margin:12px auto 0}
.about_people_lst .item .thumb{width:225px;height:225px}
.about_people_lst .content{margin-top:0}
.about_people_lst .content .title{font-size:20px;line-height:1.25em}
.about_people_lst .content .desc{font-size:13px;line-height:1.38;margin-top:5px}

.about_message_wrap{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:auto;padding-top:0}
.about_message_thumb{width:260px;margin:0 auto;padding-top:20px}
.about_message_content{margin-top:56px;padding-right:0;text-align:center}
.about_message_content h3{margin-bottom:16px;font-size:16px;line-height:1.4}
.about_message_content p{margin-top:12px;font-size:12px;line-height:1.4}
.about_message_content p:last-child{margin-top:16px}

.about_history_lst .swiper-slide{max-width:74.72vw}
.about_history_item{height:auto;min-height:385px}
.about_history_item .thumb{height:auto;padding-bottom:69.02%}
.about_history_item .content{padding:22px 0}

.about_history_item .content .date{font-size:16px;line-height:21px}
.about_history_item .content .title{margin-top:8px;font-size:16px;line-height:1.3}

#about_history .swiper-pagination-progressbar{width:calc(100% - 127px);height:2px}
#about_history .swiper-button{width:25px;height:25px;bottom:-27px;}
#about_history .swiper-button-next{right:16px}
#about_history .swiper-button-prev{right:71px}
#about_history .swiper_pagination_number{right:56px;margin-top:-13px;font-size:13px;line-height:14px}
}


/* section_games */
.section_games{padding:162px 0 163px;background-image:url(../img/bg_games.jpg);background-repeat:no-repeat;background-position:right bottom;background-size:cover}
.section_games .title_primary{color:#fff}
.game_lst{margin-top:59px;padding-bottom:44px}
.game_lst .swiper-slide-prev .media{-webkit-transform:translateX(288px);-ms-transform:translateX(288px);transform:translateX(288px)}
.game_lst .swiper-slide-active .media{-webkit-transform:translateX(312px);-ms-transform:translateX(312px);transform:translateX(312px)}
.game_lst .media{overflow:hidden;position:relative;width:1080px;height:607px;-webkit-transition:transform .5s;-o-transition:transform .5s;transition:transform .5s}
.game_lst .media img{width:100%;height:100%}
.game_lst .media .thumb{position:absolute;left:0;top:0;bottom:0;right:0;opacity:1;transition:opacity 0.2s;z-index:10}
.game_lst .media .thumb.off{opacity:0;transition-duration:0.8s}
.game_lst .media .youtube_video{position:absolute;overflow:hidden;z-index:0;width:100%;height:100%;z-index:-1}
.game_lst .youtube_video iframe{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width: 100%;height: 100%;}
.game_lst .content{color:#fff}
.game_lst .content .title{display:block;margin-bottom:6px;font-size:48px;line-height:56px;text-transform:uppercase}
.game_lst .content .desc{font-family:"NotoSans";font-size:16px;line-height:2;letter-spacing:-.03em}
.game_lst .btn_primary{display:flex;align-items:center;width:264px;height:56px;margin-top:42px;padding:0 27px 0 30px;background-image:url(../img/btn_games.png);background-size:100% 100%;font-weight:700}
.game_lst .btn_primary .ic_arrow{position:absolute;top:50%;right:24px;width: 20px;height: 20px;margin-top: 0;padding: 0;transform: translateY(-50%);}
.game_lst .btn_primary .ic_arrow:after{background: none;width: 8px;height: 8px;border: 1px solid #fff;border-width: 2px 2px 0 0;transform: rotate(45deg) translate(-50%, -18%);}
.game_lst .btn_primary:hover{background-image:url(../img/btn_games_hover.png);color:#5d50ec}
.game_lst .btn_primary:hover .ic_arrow:after{border-color:#5d50ec}
.mo_app_lst{margin-top:20px;font-size:0}
.mo_app_lst .item{display:inline-block}
.app_store .link{width:122px;height:40px;background-position:-84px -2px}
.google_play{margin-left:12px}
.google_play .link{width:132px;height:39px;background-position:-210px -2px}

.section_games .swiper-pagination{left:24px;top:calc(100% + 20px);width:calc(100% - 165px);height:4px;margin-top:-7px;border-radius:0;background:rgba(255,255,255,0.2)}
.section_games .swiper-pagination-progressbar-fill{border-radius:0;background:rgba(255,255,255,0.8);transition-duration:0s!important}
.section_games .swiper-button{top:calc(100% + 20px);width:40px;height:40px;margin-top:-25px;background-image:none;font-size:0}
.section_games .swiper-button .ic_arrow:after{background-image: url(../img/icon_arrow_white.png);}
.section_games .swiper-button-disabled{opacity:1}
.section_games .swiper-button-next{right:15px}
.section_games .swiper-button-prev{left:auto;right:93px}
.section_games .swiper_pagination_number{color:#fff}

@media screen and (min-width:1025px) {
.game_lst .content{position:absolute;top:0px;left:0;width:100%;height:100%;padding-top:50px}
.game_lst .content .btn_primary,.game_lst .content .desc,.game_lst .content .mo_app_lst,.game_lst .content .title{-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);opacity:0;-webkit-transition:transform .8s, opacity .8s;-o-transition:transform .8s, opacity .8s;transition:transform .8s, opacity .8s;-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}
.game_lst .swiper-slide-active .content .title{-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.game_lst .swiper-slide-active .content .desc{padding-left:5px;-webkit-transition-delay:.45s;-o-transition-delay:.45s;transition-delay:.45s}
.game_lst .swiper-slide-active .content .btn_primary{-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.game_lst .swiper-slide-active .content .mo_app_lst{-webkit-transition-delay:.65s;-o-transition-delay:.65s;transition-delay:.65s}
.game_lst .swiper-slide-active .content .btn_primary,.game_lst .swiper-slide-active .content .desc,.game_lst .swiper-slide-active .content .mo_app_lst,.game_lst .swiper-slide-active .content .title{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
.game_lst .youtube_video iframe{pointer-events:none}
}
@media screen and (max-width:1439px) {
.game_lst .media{margin-left:auto;height:auto;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.game_lst .swiper-slide-active .media,.game_lst .swiper-slide-prev .media{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
@media screen and (max-width:1439px) and (min-width:1025px) {
.section_games{padding:11.25vw 0 12.15vw}
.game_lst{margin-top:3.6vw;padding-bottom:50px}
.game_lst .media{width:71.11vw;height: 40vw;}
.game_lst .swiper-slide-active .media,.game_lst .swiper-slide-prev .media{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.game_lst .content{padding-top:30px}
.game_lst .content .title{font-size:3.33vw;line-height:1.2em}
.game_lst .content .desc{font-size:13px;line-height:1.8}
.game_lst .btn_primary{width:236px;height:50px;margin-top:30px;font-size:16px;line-height:50px}
.app_store .link{width:92px;height:30px;background-size:718px auto;background-position:-63px -1px}
.google_play{margin-left:10px}
.google_play .link{width:99px;height:30px;background-size:718px auto;background-position:-158px -1px}
}
@media screen and (max-width:1024px) {
.section_games{padding:66px 0 34px}
.section_games .inner{padding-left:0;padding-right:0}
.game_lst{margin-top:31px}
.game_lst .media{width:100%;height:0;padding-bottom: 56.25%;}
.game_lst{padding-bottom:6px;margin-bottom:20px}
.game_lst .content{padding:25px 24px;text-align:center}
.game_lst .content .title{margin-bottom:13px;font-size:28px;line-height:38px}
.game_lst .content .desc{font-size:12px;line-height:1.4}
.game_lst .btn_primary{width:206px;height:42px;padding:0 40px 0 24px;margin:25px auto 0;font-size:16px;line-height:42px}
.game_lst .btn_primary .ic_arrow{width:12px;height:12px;padding: 0;right: 26px;}
.game_lst .btn_primary .ic_arrow:after{width:7px;height:7px;-webkit-transform:rotate(45deg) translate(-50%, 0);-ms-transform:rotate(45deg) translate(-50%, 0);transform: rotate(45deg) translate(-50%, 0);}
.mo_app_lst{margin-top:16px}
.app_store .link{width:73px;height:24px;background-size:570px auto;background-position:-50px -1px}
.google_play{margin-left:6px}
.google_play .link{width:80px;height:24px;background-size:570px auto;background-position:-125px -1px}
.section_games .swiper-pagination{width:calc(100% - 127px);height:2px}
.section_games .swiper-button{width:25px;height:25px;margin-top:-18px}
.section_games .swiper-button-next{right:15px}
.section_games .swiper-button-prev{right:71px}
.section_games .swiper-button .ic_arrow:after{background-image: url(../img/icon_arrow_white_m.png);}
.swiper_pagination_number{right:56px;margin-top:-12px;font-size:13px;line-height:14px}
}


/* section careers */
.section_careers{padding:162px 0 168px}
.career_tab{overflow:hidden;margin-top:52px}
.career_tab .swiper-slide{width:auto}
.career_tab .item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 0 14px;font-family:"NotoSans";font-size:18px;font-weight:500;line-height:1em;letter-spacing:-.025em}
.career_tab .item.is_active:after{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#5d50ec;content:""}
.career_tab .item+.item{margin-left:23px}
.career_tab .item.is_active{font-weight:700;color:#5d50ec}
.career_tab .item .number{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:2.5em;height:1.5em;margin-left:7px;border-radius:12px;background:#b9bbc8;font-family:"Montserrat";font-size:16px;font-weight:700;color:#fff}
.career_tab .item.is_active .number{background:#5d50ec}
.career_lst_wrap{position:relative;max-height:840px;margin-top:43px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.career_lst .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:26px 0;font-family:"NotoSans"}
.career_lst .item:not(:last-child){border-bottom:1px solid #e5e5e5}
.career_lst .title{display:block;overflow:hidden;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex-positive:1;padding-right:60px;font-size:24px;letter-spacing:-.03em;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.career_lst .deadline{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:200px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:18px;font-weight:500;color:#868b9b;line-height:28px}
.career_lst .deadline.limit{font-family:'Montserrat',"NotoSans"}
.career_lst .deadline.hight_light{color:#5d50ec}
.career_lst .deadline .txt{position:relative}
.career_lst .deadline .count_down{display:inline-block;position:absolute;left:0;top:50%;padding:0 6px;border:1px solid #cfd1d4;font-size:16px;font-weight:600;color:#f70c4e;line-height:22px;white-space:nowrap;-webkit-transform:translate(calc(-100% - 15px),-50%);-ms-transform:translateX(-100%) translateX(-15px) translateY(-50%);transform:translate(calc(-100% - 15px),-50%)}
.btn_career{display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:152px;height:52px;margin-left:14px;background-image:url(../img/btn_career.png);background-size:100% 100%;font-family:'NotoSans';font-size:18px;font-weight:500;color:#fff;text-align:center;line-height:52px;letter-spacing:-.025em}
.btn_career:hover{background-image:url(../img/btn_career_hover.png)}
.pagination{text-align:center;display: flex;align-items: center;justify-content: center;}
.section_careers .pagination_wrap{margin-top:39px}
.section_careers .pagination .ic_arrow:after{border-color:#111}
.section_careers .pagination .ic_arrow.is_disable:after{border-color:#999;pointer-events:none}
.section_careers .page_number{display:inline-block;font-size:18px;line-height:28px;font-weight:600;margin: 0 3px;}
.section_careers .page_number .page_number_current{font-weight:800}
.career_no_data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:838px;text-align:center;font-family:"NotoSans"}
.career_no_data .inner{padding:0}
.career_no_data .title{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:28px}
.career_no_data .message{margin-top:43px;margin-bottom:53px;font-size:24px;line-height:34px;letter-spacing:-.025em}
.career_no_data .email{position:relative;font-size:18px;font-weight:700;text-transform:uppercase;line-height:28px}
.career_no_data .email:after{position:absolute;top:100%;left:0;width:100%;height:1px;background:#111;content:""}
@media screen and (max-width:1439px) and (min-width:1025px) {
.section_careers{padding:11.25vw 0 12vw}
.career_tab{margin-top:3.6vw}
.career_lst_wrap{max-height:718px;margin-top:30px}
.career_lst .item{padding:22px 0}
.career_lst .title{font-size:20px}
.career_lst .deadline{width:180px;font-size:16px}
.career_lst .deadline .count_down{font-size:14px}
.btn_career{width:130px;height:45px;margin-left:30px;font-size:16px;line-height:45px}
.career_no_data{height:720px}
.career_no_data .title{font-size:24px}
.career_no_data .message{margin-top:30px;margin-bottom:40px;font-size:20px;line-height:1.2}
.career_no_data .email{font-size:16px;line-height:1.5em}
}
@media screen and (max-width:1024px) {
.section_careers{padding:66px 0 32px}
.career_tab{margin-top:25px;margin-right:-24px;margin-left:-24px;padding-left:24px}
.career_tab .item{padding-bottom:7px;font-size:12px}
.career_tab .item .number{margin-top:2px;margin-left:4px;width:24px;height:15px;font-size:10px}
.career_tab .item.is_active:after{height:2px}
.career_lst_wrap{max-height:none;margin-top:28px}
.career_lst .item{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px 110px 16px 0}
.career_lst .title{padding-right:0;width:100%;font-size:14px}
.career_lst .deadline{width:auto;padding-right:0;margin-top:6px;font-size:11px;line-height:14px}
.career_lst .deadline .count_down{margin-right:3px;padding:0 2px;font-size:10px;line-height:14px;position:unset;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}
.btn_career{position:absolute;top:25px;right:0;width:88px;height:28px;margin-left:auto;font-size:11px;line-height:28px}
.section_careers .pagination_wrap{margin-top:26px}
.section_careers .page_number{font-size:13px;line-height:14px}
.career_no_data{height:382px}
.career_no_data .title{font-size:20px;line-height:1.15}
.career_no_data .message{margin-top:19px;margin-bottom:22px;font-size:12.5px;line-height:1.4}
.career_no_data .email{font-size:11px;line-height:14px}
}


/* section office view */
.section_office_view{padding:162px 0 216px;background-image:url(../img/bg_officeview.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.section_office_view .title_primary{color:#fff}
.office_view_lst{overflow:hidden;margin-top:58px;font-size:0}
.office_view_lst .item{display:-webkit-box;display:-ms-flexbox;display:flex}
.thumb_group .thumb{display:block;position:relative;overflow:hidden}
.thumb_group .thumb .wrap_img{position:relative;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.thumb_group .thumb .wrap_img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.thumb_group .thumb img{width:100%;height:100%;object-fit:cover}
_:-ms-input-placeholder, :root .thumb_group .thumb img{position:absolute;top:50%;left:50%;height:100%;width:auto;min-width:100%;min-height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.column_left .thumb{width:656px;height:656px}
.column_right{margin-left:8px}
.column_right .thumb_group .thumb{width:728px}
.column_right .top .thumb{height:376px}
_:-ms-input-placeholder, :root  .column_right .top .thumb img{width:100%;height:auto}
.column_right .bottom{margin-top:8px}
.column_right .bottom .thumb{display:inline-block;height:272px;width:360px}
.column_right .bottom .thumb+.thumb{margin-left:8px}
.section_office_view .swiper-pagination-fraction{top:calc(100% + 46px);bottom:auto;color:rgba(255,255,255,0.8);font-size:18px;font-weight:600;line-height:28px;pointer-events:none}
.section_office_view .swiper-pagination-current{font-weight:800}
.section_office_view .swiper-button{top:calc(100% + 75px);width:40px;height:40px;margin-top:-35px;background-image:none;font-size:0}
.section_office_view .swiper-button .ic_arrow:after{background-image: url(../img/icon_arrow_white.png);}
.section_office_view .swiper-button-disabled{opacity:1}
.section_office_view .swiper-button-next{left:50%;-webkit-transform:translateX(19px);-ms-transform:translateX(19px);transform:translateX(19px)}
.section_office_view .swiper-button-prev{left:50%;-webkit-transform:translateX(-59px);-ms-transform:translateX(-59px);transform:translateX(-59px)}
.dimmed{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:#111;opacity:.8}
.dimmed.is_active{display:block}
.is_popup{position: fixed;left: 0;width: 100%;}
.layer{width:1280px;height:720px;visibility:hidden;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999}
.layer.is_show{visibility:visible}
.gallery_lst{height:100%}
.gallery_lst .thumb{position:relative;overflow:hidden;height:100%;background:#d8d8d8}
.gallery_lst .thumb img{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.gallery_lst .swiper-slide.swiper-slide-active{opacity:1!important}
.gallery_lst .swiper-slide.swiper-slide-active{opacity: 1 !important;}
.gallery_lst .swiper-button{width:33px;height:56px;background-position:-2px -2px}
.gallery_lst .swiper-button-prev{left:32px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.gallery_lst .swiper-button-next{right:32px}
.layer .btn_close{position:absolute;width:80px;height:80px;top:0;right:-96px;z-index:1}
.layer .btn_close .sp{position:absolute;top:0;left:0;width:42px;height:42px;background-position:-37px -2px}
.layer_video iframe{position:absolute;top:0;left:0;right:0;bottom:0}
.layer_video .layer_inner{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}
.layer_video .layer_inner::before{display:block;padding-bottom:56.25%;content:''}

@media screen and (max-width:1439px) and (min-width:1025px) {
.section_office_view{padding:11.25vw 0 12.15vw}
.office_view_lst{margin-top:3.6vw}
.office_view_lst .item{height:47.126vw;overflow:hidden}
.column_left{width:calc(47.41vw - 28px)}
.column_left .thumb{width:auto;height:47.126vw}
.column_right{width:calc(52.59vw - 28px)}
.column_right .top .thumb{height:27vw}
.column_right .thumb_group .thumb{width:auto}
.column_right .bottom .thumb{width:calc(50% - 4px);height:19.54vw}
.layer{width:80vw;height:45vw}
}
@media screen and (max-width:1024px) {
.section_office_view{padding:66px 0 71px;background-image:url(../img/bg_officeview_mo.jpg)}
.office_view_lst{margin-top:31px}
.dimmed{opacity:1}
.dimmed.dimmed_video{opacity:0.8}
.dimmed .btn_close{position:absolute;top:15px;right:24px;width:24px;height:24px}
.dimmed .btn_close .sp_mo{width:16px;height:16px;background-position:-2px -2px}
.office_view_lst .item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.thumb_group .thumb .wrap_img{height:auto}
.column_left .thumb{width:100%;height:auto}
.column_left .thumb .wrap_img{padding-bottom:44.07%}
.thumb_group .thumb img{position:absolute;left:50%;top:50%;min-width:auto;width:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.column_right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-top:6px;margin-left:0}
.column_right .thumb_group .thumb{width:100%;height:auto}
.column_right .top{margin-top:6px}
.column_right .top .wrap_img{padding-bottom:44.07%}
.column_right .bottom{margin-top:0}
.column_right .bottom .thumb{width:calc(50% - 3px)}
.column_right .bottom .thumb+.thumb{margin-left:6px}
.column_right .bottom .wrap_img{padding-bottom:100%}
.section_office_view .swiper-button{top:calc(100% + 50px);width:25px;height:25px;margin-top:-30px}
.section_office_view .swiper-button .ic_arrow:after{background-image: url(../img/icon_arrow_white_m.png);}
.section_office_view .swiper-button-next{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}
.section_office_view .swiper-button-prev{-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px)}
.section_office_view .swiper-pagination-fraction{top:calc(100% + 26px);font-size:13px;line-height:14px}
.layer{width:100%;height:66.38vw}
.gallery_lst .swiper-slide{width:100vw!important}
.gallery_lst .thumb{background:#111}
.gallery_lst .swiper-button{width:23px;height:41px;background-size:664px auto}
.gallery_lst .swiper-button-next{right:16px}
.gallery_lst .swiper-button-prev{left:16px}
.layer .btn_close{display:none}
.layer_video{height:auto;padding-top:56.25%}
.layer_video .btn_close{display:inline-block;top:-24px;right:20px;width:16px;height:16px}
.layer_video .btn_close .sp{width:16px;height:16px;background-image:url(../img/sp_mo.png);background-size:82px 19px;background-position:-2px -2px}
.layer_video iframe{width:100%;padding:0 20px;box-sizing:border-box}

  @media (orientation: landscape) {
    .layer_video{max-height:100vh;padding:40.25% 0 15px;box-sizing:border-box}
    .layer_video .btn_close{top:26px;right:32px}
    .layer_video .layer_inner{max-height:calc(100% - 30px)}
  }
}


/* section news */
.section_news{padding:162px 0 135px}
.section_news .pagination_wrap{margin-top:39px}
.section_news .pagination .ic_arrow:after{border-color:#111}
.section_news .page_number{display:inline-block;font-size:18px;line-height:28px;font-weight:600;margin: 0 3px;}
.section_news .page_number .page_number_current{font-weight:800}

.news_lst_wrap.mo_wrap{display: none;}
.news_lst{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:56px}
.news_lst .item{display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(33.33% - 16px);border:1px solid #d2d3e0;-webkit-box-sizing:border-box;box-sizing:border-box}
.news_lst .item+.item{margin-left:24px}
.news_lst .item:hover .wrap_img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.news_lst .thumb{overflow:hidden}
.news_lst .wrap_img{position:relative;padding-bottom:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.news_lst .wrap_img:after{position:absolute;top:0;left:0;width:100%;height:100%;background:#111;opacity:.2;content:""}
.news_lst .wrap_img img{position:absolute;top:50%;left:50%;width:100%;min-height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.news_lst .content{padding:47px 40px 43px}
.news_lst .date{font-size:16px;font-weight:700;color:#5d50ec;line-height:34px}
.news_lst .title{display:-webkit-box;overflow:hidden;height:84px;margin-top:10px;font-family:"NotoSans";font-size:32px;font-weight:500;line-height:1.33;letter-spacing:-.03em;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}

#news.layer{height:640px;background:#fff}
.news_inner{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}
.news_inner .thumb{overflow: hidden;position:relative;width:50%;height:100%;background:#d8d8d8}
.news_inner .wrap_img{position:absolute;top:50%;width:100%;padding-bottom:68.75%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.news_inner .wrap_img img{position:absolute;top:50%;left:50%;width:100%;min-height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.news_inner .content{width:50%;padding:64px 16px 70px 48px;-webkit-box-sizing:border-box;box-sizing:border-box}
.news_inner .scrollbar-inner{max-height:100%;padding-right:48px;-webkit-box-sizing:border-box;box-sizing:border-box}
.news_inner .date{font-weight:700;font-size:20px;color:#5d50ec;line-height:34px}
.news_inner .title{display:block;margin-top:30px;font-family:"NotoSans";font-size:32px;line-height:42px;letter-spacing:-.03em}
.news_inner .thumb_content{display:none}
.news_inner .desc{margin-top:18px;font-family:"NotoSans";font-size:16px;line-height:26px}
.news_inner .desc p:not(:first-child){margin-top:26px}
@media screen and (max-width:1439px) and (min-width:1025px) {
.section_news{padding:11.25vw 0 10vw}
.news_lst .content{padding:2.7vw}
.news_lst .title{margin-top:.3em;height:calc(1.3125em * 2);font-size:2.2vw}
}
@media screen and (max-width:1024px) {
.section_news{padding:66px 0 32px}
.news_lst_wrap.pc_wrap{display: none;}
.news_lst_wrap.mo_wrap{display: block;}
.news_lst{margin-top:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.news_lst .item{width:100%;max-width:600px}
.news_lst .content{padding:24px 24px 33px}
.news_lst .date{font-size:12px;line-height:34px}
.news_lst .title{height:50px;margin-top:2px;font-size:20px}
.section_news .pagination_wrap{margin-top:23px}
.section_news .page_number{font-size:13px;line-height:14px}
.news_inner .scrollbar-inner{padding-right:12px}
.news_inner .content{padding:50px 12px 24px 24px}
.news_inner .thumb{display:none}
#news.layer{height:100%;top: 0;left: 0;right: 0;transform: translate(0);}
.news_inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.news_inner .content{width:100%;height:100%}
.news_inner .date{font-size:12px;line-height:34px}
.news_inner .title{margin-top:10px;font-size:24px;line-height:29px}
.news_inner .desc{font-size:14px;line-height:1.625em}
.news_inner .desc p:not(:first-child){margin-top:14px}
.news_inner .thumb_content{overflow: hidden;display:block;position:relative;margin-top:30px;padding-bottom:100%;background:#d8d8d8}
#news.layer .btn_close{display:inline-block;right:21px;top:16px;width:24px;height:24px}
#news.layer .btn_close .sp{top:4px;left:4px;width:16px;height:16px;background-image:url(../img/sp_mo.png);background-repeat:no-repeat;background-size:82px 19px;background-position:-21px -2px}
}


/* section contact */
.section_contact{position:relative;height:872px;background-image:url(../img/map.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover}
.section_contact .inner{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.contact_box{display:inline-block;width:640px;padding:50px 50px 68px 40px;border-top:1px solid #b4b8c3;border-bottom:1px solid #b4b8c3;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.contact_box .title_primary{text-align:left}
.contact_box .address{display:block;margin-top:38px;font-family:"NotoSans";font-weight:500;font-size:26px;line-height:36px}
.info_box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:24px;font-family:"NotoSans";font-size:18px}
.info_box dt{font-weight:700;line-height:30px;letter-spacing:-.025em}
.info_box dd{opacity:.6;line-height:28px}
.info_box dd a{font-family:"NotoSans";word-break:break-all}
.info_email,.info_fax,.info_question,.info_recruit{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;margin-top:24px;padding-right:30px;-webkit-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width:1439px) and (min-width:1025px) {
.contact_box{width:41.67vw;padding:3.47vw 3.47vw 4.72vw 2.77vw}
.contact_box .address{margin-top:2vw}
.contact_box .address{font-size:1.39vw;line-height:1.3em}
.info_box{margin-top:18px;font-size:1.11vw}
.info_box dd,.info_box dt{line-height:1.6em}
.info_email,.info_fax,.info_question,.info_recruit{margin-top:18px}
}
@media screen and (max-width:1024px) {
.section_contact{height:125vw;background-image:url(../img/map_mo.jpg)}
.section_contact .inner{bottom:15.14vw;top:auto;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
.contact_box{width:100%;padding:33px 20px 34px}
.contact_box .address{margin-top:19px;font-size:13px;line-height:1.38}
.info_email,.info_fax,.info_question,.info_recruit{margin-top:14px;padding-right:12px}
.info_fax,.info_recruit{padding-left:12px;padding-right:0}
.info_box{margin-top:10px}
.info_box dt{font-size:11px;line-height:15px}
.info_box dd{margin-top:3px;font-size:10px;line-height:14px}
}
@media screen and (max-width:720px){
.section_contact{height:177.78vw}
.section_contact .inner{bottom:21.53vw}
}


/* footer */
#footer{position:relative}
.footer_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:136px;margin-right:-24px}
.logo_footer{width:187px;height:26px;background-position:-346px -2px}
.copyright{margin-left:20px;font-size:14px;line-height:26px;text-transform:uppercase}
.page_link{margin-left:auto;font-size:0}
.page_link .item{display:inline-block;position:relative;font-family:"NotoSans";font-size:16px;line-height:30px;letter-spacing:-.025em}
.page_link .item+.item{margin-left:60px}
.page_link .item+.item:before{position:absolute;top:50%;left:-28px;width:2px;height:18px;background:#c6c6c6;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);content:""}
.btn_to_top{display: flex;align-items: center;justify-content: center;position:absolute;right:56px;bottom:calc(100% + 56px);width:60px;height:60px;border:1px solid #e4e4e4;background:#f3f3f3;-webkit-box-sizing:border-box;box-sizing:border-box;}
.btn_to_top .ic_arrow:after{width: 18px;height: 12px; background-image: url(../img/icon_arrow_up.png);}
@media screen and (max-width:1599px) {
.footer_wrap{margin-right:0}
}
@media screen and (max-width:1024px) {
.btn_to_top{right:24px;bottom:calc(100% + 24px);width:30px;height:30px}
.btn_to_top .ic_arrow:after{width:8px;height:6px;}
}
@media screen and (max-width:1439px) and (min-width:1025px) {
.footer_wrap{height:120px}
.copyright{font-size:13px}
.page_link .item{font-size:14px}
.page_link .item+.item{margin-left:40px}
.page_link .item+.item:before{height:15px;left:-19px}
}
@media screen and (max-width:1024px) {
.footer_wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:109px}
.logo_footer{width:141px;height:19px;margin-top:24px;background-size:719px auto;background-position:-261px -2px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.page_link{margin:0 auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.page_link .item{font-size:10px;line-height:15px}
.page_link .item+.item{margin-left:24px}
.page_link .item+.item:before{width:1px;height:9px;left:-12px}
.copyright{margin-left:0;margin-top:4px;font-size:9px;line-height:13px;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
}


/* 개인정보처리방침 (pc) */
.dropdown{position:relative}
.dropdown a{display:block;padding:0 30px;font-size:18px;line-height:2.4;font-weight:500}
.dropdown .btn_dropdown{position:relative;padding:0 54px 0 30px;border:1px solid #111;font-weight:700;line-height:3}
.dropdown .btn_dropdown:before{content:'';position:absolute;top:22px;right:29px;width:15px;height:9px;background:url(../img/dropdown_arr.png) no-repeat;background-position:0 0}
.dropdown .dropdown_content{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;border:solid #111;border-width:0 1px 1px}
.dropdown.is_open .btn_dropdown:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.dropdown.is_open .dropdown_content{display:block}
.policy_page .logo .ico_logo{background-position:-746px -2px}
.policy_page #footer{background-color:#f3f3f3}
.policy_page .btn_to_top{background-color:#111;border-color:#111}
.policy_page .btn_to_top .ic_arrow:after{border-color:#fff}
.section_policy{padding-top:250px;padding-bottom:190px;font-family:"NotoSans"}
.section_policy .privacy_policy_head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:center}
.section_policy .section_title{font-size:56px;line-height:1.21;font-weight:700;-webkit-box-flex:1;-ms-flex:1;flex:1}
.section_policy .privacy_policy_version{width:264px;margin-top:5px;margin-left:10px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.section_policy .privacy_policy_content{margin-top:68px}
.section_policy .text{font-size:18px;line-height:28px}
.section_policy .text.md_size{font-size:20px}
.section_policy .text + .text{margin-top:15px}
.section_policy .text.text_mt{margin-top:20px}
.section_policy .table_of_contents{margin:45px 0 48px;padding:30px 40px 28px;background-color:#f5f5f5}
.section_policy .table_of_contents li + li{margin-top:25px}
.section_policy .table_of_contents a{display:inline-block;padding-bottom:6px;font-size:20px;font-weight:700}
.section_policy .table_of_contents a:hover {color:#5d50ec;text-decoration:underline;-webkit-text-underline-position:under;-ms-text-underline-position:below;text-underline-position:under;-webkit-text-decoration-color:#5d50ec;text-decoration-color:#5d50ec}
.section_policy .box_policy_rules{position:relative;padding:43px 0 42px}
.section_policy .box_policy_rules + .box_policy_rules:before{content:'';position:absolute;left:0;top:0;right:0;border-bottom:1px solid rgba(0,0,0,0.1)}
.section_policy .policy_rules .txt_title{position:relative;font-size:20px;font-weight:700;padding-left:1.2em}
.section_policy .policy_rules .txt_title::before{position:absolute;top:0;left:0;content:'※'}
.section_policy .policy_rules .txt_title + *{margin-top:15px}
.section_policy .text+.policy_rules{margin-top:50px}
.section_policy .policy_rules+.policy_rules{margin-top:45px}
.section_policy .rules_list li{margin-top:13px}
.section_policy .rules_list > li > .text{position:relative;padding-left:20px;line-height:28px}
.section_policy .rules_list > li > .text_pd{padding-left:28px}
.section_policy .rules_list > li > .text .txt_num{position:absolute;left:0}
.section_policy .rules_list_depth2 > li{margin-top:9px}
.section_policy .rules_list_depth2 > li > .text{margin-top:9px;padding-left:25px;text-indent:-25px}
.section_policy .rules_list_depth2 > li > .text_indent{text-indent:0;margin-top:10px}
.section_policy .rules_list_depth3{padding:0 0 8px}
.section_policy .rules_list_depth3 li{padding-left:23px;white-space:nowrap}
.section_policy .rules_list_depth3 li:first-child{margin-top:9px}
.section_policy .rules_list_depth3 li + li {padding-top:0;margin-top:0}
.section_policy .rules_list_depth3 span{line-height:28px;vertical-align:top}
.section_policy .rules_list_depth3 span+.text{margin-left:5px}
.section_policy .rules_list_depth3 .text{display:inline-block;white-space:normal}
.section_policy .link{display:inline-block;position:relative;text-indent:0}
.section_policy .link:before{content:'';position:absolute;bottom:2px;left:0;right:0;border-bottom:1px solid #111}
.section_policy .tbl_wrap{overflow:auto;margin:15px 0}
.section_policy .tbl_wrap table{width:100%;text-align:center}
.section_policy .tbl_wrap table,.section_policy .tbl_wrap table th,.section_policy .tbl_wrap table td{height:97px;border:solid #cfcfcf;border-width:0 0 1px 1px;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box}
.section_policy .tbl_wrap table,.section_policy .tbl_wrap table th,.section_policy .tbl_wrap table td:first-of-type{border-left:0}
.section_policy .tbl_wrap td.txt_Left{padding:13px 28px 11px 30px;text-align:left}
.section_policy .tbl_wrap td.txt_Left li{display:flex;font-size:0;margin-top:16px}
.section_policy .tbl_wrap td.txt_Left li:first-child{margin-top:0}
.section_policy .tbl_wrap td.txt_Left .num{line-height:26px;font-size:18px}
.section_policy .tbl_wrap td.txt_Left .text{font-size:18px;margin-left:5px}
.section_policy .tbl_wrap table{position:relative;table-layout:fixed;width:100%;border-bottom-width:0;text-align:center}
.section_policy .tbl_wrap table::after{position:absolute;top:0;left:0;width:100%;height:1px;background:#111;content:''}
.section_policy .tbl_wrap table th{border-right:1px solid #cfcfcf;background-color:#f1f1f1}
.section_policy .tbl_wrap table th:last-child{border-right:0}
@media screen and (min-width:1025px) {
.policy_page .gnb .link{color:#111}
.policy_page .lnb .link{color:#111}
}
@media screen and (max-width:1439px) {
.policy_page .logo .ico_logo{background-position:-530px -2px}
}
@media screen and (max-width:1024px) {
.policy_page .btn_gnb_toggle {background-position:-62px -2px}
.section_policy .tbl_wrap{margin-right:-24px}
.section_policy{padding-top:100px;padding-bottom:75px}
.section_policy .privacy_policy_head{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:28px}
.section_policy .section_title{font-size:32px;text-align:center}
.section_policy .privacy_policy_version{width:205px;margin:0}
.dropdown a{font-size:16px;padding-left:20px;padding-right:35px}
.dropdown .btn_dropdown{padding-left:20px;padding-right:35px;line-height:2.46}
.dropdown .btn_dropdown:before{width:12px;height:7px;background-size:25px auto;background-position:-10px 0;top:50%;right:20px;margin-top:-4px}
.section_policy .text{font-size:13px;line-height:1.54}
.section_policy .text.md_size{font-size:14px}
.section_policy .policy_rules .txt_title + *{margin-top:10px}
.section_policy .rules_list li{margin-top:11px}
.section_policy .rules_list > li > .text{padding-left:13px;line-height:1.54}
.section_policy .rules_list_depth2 > li > .text{padding-left:18px;text-indent:-18px}
.section_policy .rules_list_depth2 > li > .text_indent{text-indent:0}
.section_policy .rules_list_depth3{padding-top:0}
.section_policy .rules_list_depth3 li{padding-left:16px}
.section_policy .rules_list_depth3 li + li{padding-top:0;margin-top:0}
.section_policy .rules_list_depth3 span{font-size:13px;line-height:20px}
.section_policy .rules_list_depth3 span+.text{width:calc(100% - 20px);margin-left:2.5px}
.section_policy .privacy_policy_content{margin-top:30px}
.section_policy .table_of_contents{margin:36px 0 14px;padding:20px}
.section_policy .table_of_contents li + li{margin-top:14px}
.section_policy .table_of_contents a{padding-bottom:0;font-size:14px;line-height:1.5}
.section_policy .policy_rules .txt_title{font-size:14px;line-height:2.4}
.section_policy .box_policy_rules{padding:25px 0}
.section_policy .policy_rules+.policy_rules{margin-top:24px}
.section_policy .text + .policy_rules{margin-top:24px}
.section_policy .tbl_wrap table {width:564px}
.section_policy .tbl_wrap td.txt_Left .num{line-height:18px;font-size:13px}
.section_policy .tbl_wrap td.txt_Left .text{font-size:13px;margin-left:2.5px}
.section_policy .tbl_wrap td.txt_Left{padding:8px 13px 8px}
.section_policy .tbl_wrap table,
.section_policy .tbl_wrap table th,
.section_policy .tbl_wrap table td {height:53px;font-size:13px}
.section_policy .tbl_wrap table .col1,
.section_policy .tbl_wrap table .col3,
.section_policy .tbl_wrap table .col4,
.section_policy .tbl_wrap table .col5 {width:13% !important}
}




/* page error */
.section_error{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.error_wrap{text-align:center}
.error_thumb{width:188px;margin:0 auto}
.error_thumb img{width:100%}
.error_txt{margin-top:36px;font-size:48px;font-weight:700;letter-spacing:-.02em}
.error_btn{display:inline-block;height:52px;margin-top:63px;padding:0 27px;background-image:url(../img/btn_career.png);background-size:100% 100%;font-size:20px;font-weight:600;color:#fff;text-align:center;line-height:52px;letter-spacing:-.02em}
.error_btn:hover{background-image:url(../img/btn_career_hover.png)}
@media screen and (max-width:1439px) and (min-width:1025px) {
.error_thumb{width:12vw}
.error_txt{margin-top:2.4vw;font-size:3.2vw}
.error_btn{margin-top:3.6vw;height:45px;padding:0 20px;font-size:18px;line-height:45px}
}
@media screen and (max-width:1024px) {
.error_wrap{padding-bottom:40px}
.error_thumb{width:86px}
.error_txt{margin-top:15px;font-size:24px}
.error_btn{height:28px;margin-top:27px;padding:0 16px;font-size:12px;line-height:28px}
}


/* Language EN */
html:lang(en) .btn_primary,
html:lang(en) .key_visual_sub,
html:lang(en) .about_people_lst .content .desc,
html:lang(en) .about_message_content h3,
html:lang(en) .about_message_content p,
html:lang(en) .about_history_item .content .title,
html:lang(en) .game_lst .content .desc,
html:lang(en) .career_tab .item,html:lang(en) .btn_career,
html:lang(en) .career_no_data .title,html:lang(en) .career_no_data .message,html:lang(en) .career_lst .title,html:lang(en) .career_lst .deadline,
html:lang(en) .news_lst .title,html:lang(en) .news_inner .title,html:lang(en) .news_inner .desc,
html:lang(en) .contact_box .address,
html:lang(en) .info_box dt,
html:lang(en) .page_link .item,
html:lang(en) .info_box,
html:lang(en) .section_policy{
font-family:'Montserrat','NotoSans';
letter-spacing:-0.02em
}
html:lang(en) .career_tab .item,
html:lang(en) .news_lst .title,
html:lang(en) .contact_box .address,
html:lang(en) .info_box dt,
html:lang(en) .btn_career{
font-weight:600
}
html:lang(en) .career_lst .deadline .count_down,html:lang(en) .career_tab .item{text-transform:uppercase}
html:lang(en) .info_box dd a{font-family:'Montserrat','NotoSans'}
html:lang(en) .footer_wrap{margin-right:0}
html:lang(en) .section_policy .privacy_policy_version{letter-spacing:normal}
html:lang(en) .section_policy .section_title{font-weight:800}
html:lang(en)  .section_policy .rules_list > li > .text_mt_min{margin-top:6px}
@media screen and (min-width:1025px) {
html:lang(en) .about_people_lst .content{margin-top:19px}
html:lang(en) .about_message_content h3{margin-bottom:18px}
html:lang(en) .about_message_wrap{padding-top:58px}
html:lang(en) .about_message_thumb{padding-top:53px}
html:lang(en) .career_tab .item{font-size:20px}
html:lang(en) .career_tab .swiper-slide+.swiper-slide{margin-left:3px}
html:lang(en) .btn_career{width:122px;margin-left:42px;font-size:20px;font-weight:600}
html:lang(en) .news_inner .title{font-size:30px}
html:lang(en) .section_contact{background-image:url(../img/map_en.jpg)}
html:lang(en) .section_policy .section_title{font-size:48px}
html:lang(en) .section_policy .privacy_policy_content{margin-top:79px}
html:lang(en) .section_policy .text+.policy_rules{margin-top:37px}
html:lang(en) .section_policy .policy_rules+.policy_rules{margin-top:33px}
html:lang(en) .section_policy .table_of_contents li + li{margin-top:29px}
html:lang(en) .section_policy .table_of_contents{padding:45px 40px 36px}
html:lang(en) .section_policy .text.text_pt{padding-top:40px}
}
@media screen and (max-width:1439px) and (min-width:1025px){
html:lang(en) .about_people_lst .content{margin-top:1.74vw}
html:lang(en) .btn_career{width:110px;font-size:18px}
}
@media screen and (min-width:1440px){
  html:lang(en) .play_btn{left:394px}
}
@media screen and (max-width:1024px) {
html:lang(en) .game_lst .btn_primary{width:220px}
html:lang(en) .btn_career{width:74px;font-size:12px}
html:lang(en) .about_people_lst .content{margin-top:-10px}
html:lang(en) .about_people_lst .content .desc{margin-top:0}
html:lang(en) .about_people_lst .item:last-child .content{margin-top:-3px}
html:lang(en) .about_message_content p{margin-top:10px}
html:lang(en) .about_message_content p:last-child{margin-top:13px}
html:lang(en) .game_lst{padding-bottom:24px}
html:lang(en) .game_lst .btn_primary{padding:0 38px 0 22px}
html:lang(en) .career_tab .item{font-weight:700}
html:lang(en) .news_lst .title{height:52px}
html:lang(en) .section_contact{background-image:url(../img/map_mo_en.jpg)}
html:lang(en) .contact_box .address{margin-top:18px}
html:lang(en) .info_box{margin-top:12px}
html:lang(en) .info_email,html:lang(en) .info_fax,html:lang(en) .info_question,html:lang(en) .info_recruit{margin-top:11px}
html:lang(en) .section_policy .section_title{font-size:28px}
html:lang(en) .section_policy .policy_rules .txt_title{line-height:19px}
html:lang(en) .section_policy .box_policy_rules .md_size{font-size:20px;line-height:30px}
html:lang(en) .section_policy .text.text_pt{padding-top:35px}
}