@charset "utf-8";

/*header & body*/
body.v4{background:#191b1d; color:#fff;}

#hd_wrapper.v4{background:#191b1d;}
#gnb.v4{background:#191b1d;}
#gnb.v4 .custom_menu li a{color:#fff;}
#gnb.v4 .header_blog_icon a img {filter: invert(1) brightness(2);}

#hd_wrapper.v4 .mobile_menu>a{color:#fff;}

.subpage_content_frame{width:100%; max-width:1640px; margin:0 auto;}
.header_language_select{background:#303234;}


/*v4*/
.v4_title_banner{padding:130px 0; background:url(/img/sub/start_banner_background.png) no-repeat center; background-size:cover;}
.v4_title_banner h2{font-size:70px; color:#fff; font-family:'NEXON Lv2 Gothic Bold';}
.v4_title_banner h6{font-size:24px; color:#fff; margin-bottom:10.8375vw; font-weight:normal;}
.v4_title_banner p{font-size:0; color:#fff; opacity:0.4; font-family:'NEXON Lv2 Gothic Bold';}
.v4_title_banner p span{font-size:18px;}
.v4_title_banner p span:nth-child(1){padding-right:30px; display:inline-block;}
.v4_title_banner p span:nth-child(2){padding-left:30px; border-left:1px solid #fff;  display:inline-block;}

.v4_text{margin:200px 0; position:relative;}

.v4_first_text{font-size:30px; color:#fff;}
.v4_first_text .v4_text_background{text-align:right;}
.first_text{color:#fff; line-height:1.5;}
.first_text span{font-size:44px; font-family:'NEXON Lv2 Gothic Bold'; border-bottom:1px solid #fff;}

.first_text_wrap{position:absolute; top:50%; transform:translate(0, -50%);}

.v4_spec{position:absolute; top:50%; right:0; transform:translate(0, -50%);}

.v4_spec li{font-size:30px; font-family:'NEXON Lv2 Gothic Regular'; line-height:1.5; padding-left:40px; position:relative;}
.v4_spec li:after{content:""; width:26px; height:26px; position:absolute; top:50%; left:0; transform:translate(0, -50%); background:url(/img/sub/list_check.png) no-repeat center; background-size:cover;}
.v4_spec li span{font-family:'NEXON Lv2 Gothic Bold';}

.v4_slider_frame{position:relative; margin-bottom:140px;}

.v4swiper{overflow:hidden; max-width:1390px; margin:0 auto; width:90%;}

.v4_slide{padding-bottom:30px; width:20%; cursor:pointer;}
.v4_slide:hover .circle_background{background:#019fe8;}
.v4_slide.on .circle_background{background:#019fe8;}

.v4_slider_frame.blue_archive1.regen .v4_slide{padding-bottom:40px;}


.swiper-button-prev:after, .swiper-button-next:after{font-size:0 !important;}
.swiper-button-prev{background:url(/img/sub/t_slider_prev.png) no-repeat center;}
.swiper-button-next{background:url(/img/sub/t_slider_next.png) no-repeat center;}

.swiper-button-prev.b_swiper_prev{background:url(/img/sub/b_prev.png) no-repeat center; width:57px; height:57px; left:25%;}
.swiper-button-next.b_swiper_next{background:url(/img/sub/b_next.png) no-repeat center; width:57px; height:57px; right:25%;}

/* .v4_slider_frame.blue_archive1 .swiper-button-prev, .v4_slider_frame.blue_archive1 .swiper-button-next{display:none;} */

.circle_background{width:100%; max-width:230px; height:230px; background:#000000; border-radius:50%; position:absolute; bottom:0; left:50%; transform:translate(-50%, 0); z-index:-1;}

.character_img_text{text-align:center;}
.character_img_text .img{margin-bottom:10px;}
.character_img_text p{color:#fff; font-size:20px;}

.subpage_contrent_frame{margin-bottom:140px;}

.character_content_tab{line-height:1.7; display:none;}
.character_content_tab.active{display:block;}

.content_title{margin-bottom:110px; font-size:0;}
.content_title div:nth-child(1){width:32.8%; display:inline-block;}
.content_title div:nth-child(2){width:67.2%; display:inline-block;}

.hit2 .content_title div:nth-child(1){width:20%; display:inline-block;}

.content_title div h2{font-size:70px; color:#fff; margin-bottom:30px; line-height:1;}
.content_title div h2 span{font-size:24px; color:#019fe8; font-family:'NEXON Lv2 Gothic Light'; vertical-align:bottom; margin-left:24px;}
.content_title div p{font-size:22px; color:#fff; opacity:0.28; font-family:'NEXON Lv2 Gothic Bold';}
.content_title div p.border_left{font-size:18px; font-family:'NEXON Lv2 Gothic Light'; padding-left:28px; border-left:1px solid #fff;}
.content_title div h2.small {font-size:60px;}

.blue_archive_content .content_title div h2 span {margin-left: 0;   margin-top: 20px;  display: block;}
.blue_archive_content  .content_title div h2  {font-size:55px;}
.blue_archive_content  .content_title div h2.long  {font-size:50px;}
.blue_archive_content .content_title div:nth-child(1){width:40%;}
.blue_archive_content .content_title div:nth-child(2){width:60%;}
.blue_archive_content .content_title div p.border_left {word-break: keep-all;}



.content_mid_title h2{font-size:44px; color:#fff; font-family:'NEXON Lv2 Gothic Light'; margin-bottom:65px;}
.content_mid_title h3{font-size:30px; color:#fff; font-family:'NEXON Lv2 Gothic Light'; margin-bottom:65px;}
.content_mid_title h3 .blue{color:#019fe8; font-family:'NEXON Lv2 Gothic Bold';}
.content_mid_title h3 .yellow{color:#cad401; font-family:'NEXON Lv2 Gothic Bold';}

.content_mid_title p{font-size:18px; color:#fff; opacity:0.5;}
.content_mid_title p.margin-bottom{margin-bottom:50px;}

.world_view .content_mid_title p {line-height:1.7; word-break: keep-all;}

.trailer_video{height:40vw;}
.video_container{ margin:100px 0;}
.video_container_inner{width:48.95833333333333vw; margin:0 auto;}
.iframe_wrap{position:relative; height:0; width:100%; padding-bottom:56.25%;}
.iframe_wrap iframe, .iframe_wrap video{position:absolute; left:0; top:0; width:100%; height:100%;}

.bottom_slider{margin-bottom:11.19791666666667vw; position:relative;}
.bottom_slider .b_slide.swiper-slide{opacity:0.5;}
.bottom_slider .b_slide.swiper-slide-active{transform:scale(2) !important; z-index:2; opacity:1;}

.download_site_link{padding-bottom:115px;}
.download_site_link:after{content:""; display:block; clear:both;}
.download_site_link div ul:after{content:""; display:block; clear:both;}

.download_site_link .download{width:calc(34.765625% - 30px); float:left; margin-right:30px;}
.download_site_link div h5{font-size:24px; color:#fff; margin-bottom:40px;}
.download_site_link .site_link{width:65.234375%; float:left;}

.download_site_link .download ul li{width:50%; float:left;}
.download_site_link .site_link ul li{width:25%; float:left;}
.download_site_link .site_link.site_link_en ul li {width: 20%;}

/*¼­µç¾îÅÃ*/
.v4_title_banner.sudden{background:url(/img/sub/sudden_attack_b.jpg) no-repeat center; background-size:cover;}
.first_text_wrap h3{font-size:50px; color:#fff; line-height:1.5;}
.v4_spec h3{font-size:50px; color:#fff; line-height:1.5;}
.v4_spec h3.margin-bottom{margin-bottom:45px;}
.v4_spec p.light{font-size:26px; color:#fff; line-height:1.5;}

.c_text_inner h3{font-size:44px; color:#fff; margin-bottom:35px;}
.c_text_inner p{font-size:22px; color:#fff; line-height:1.5;}

.c_image{margin:100px 0; text-align:center;}

.sudden_attack_character{padding:0 290px; position:relative;}
.c1{position:absolute; left:-40px;}
.c2{position:absolute; right:-100px; top:0;}

/*ºí·ç¾ÆÄ«À̺ê*/
.blue_archive{background:url(/img/sub/blue_archive.jpg) no-repeat center; background-size:cover;}
.download_site_link.blue .download{width:calc(50.765625% - 30px);}
.download_site_link.blue .site_link{width:49.234375%;}

.download_site_link.blue .download ul li{ /*width:33.33%;*/ width: 25%}


/*axe*/
.v4_title_banner.axe{background:url(/img/sub/axe_b.png) no-repeat center; background-size:cover;}
.download_site_link.axe > div{width:calc(50% - 30px); font-size:0;}
.download_site_link.axe .download ul li{float:none; display:inline-block; width:auto;}
.download_site_link.axe .site_link ul li{float:none; display:inline-block; width:auto;}

.v4_spec h3.axe{margin-bottom:50px;}

/*ÇÁ·ÎÁ§Æ® D*/
.v4_title_banner.projectd{background:url(/img/sub/project_d_new.jpg) no-repeat center; background-size:cover;}
.pd_top{margin-bottom:100px; font-size:0;}
.pd_top > div{width:50%; display:inline-block; vertical-align:middle;}
.pd_logo{text-align:center;}
.pd_text h3{font-size:44px; color:#fff; margin-bottom:35px;}
.pd_text p{font-size:22px; color:#fff; line-height:1.5;}

.first_text_wrap p.logo{margin-bottom:80px;}
.veiled_link_eng{width:125%;}
/*HIT2*/
.v4_title_banner.hit2{background:url(/img/sub/hit2.jpg) no-repeat center; background-size:cover;}

/*ÇÁ·ÎÁ§Æ® Á¦¿ì½º*/
.v4_title_banner.zeus{background:url(/img/sub/zeus_1.jpg) no-repeat center; background-size:cover;}
.project_zeus_text{ line-height:1.5;}
.project_zeus_text h3{font-size:44px; color:#fff; margin-bottom:60px; margin-top:-1.8vw;}
.project_zeus_text p{font-size:26px; color:#fff;}

/*ÇÁ·ÎÁ§Æ® ¸Å±×³Ñ*/
.v4_title_banner.project_magnum{background:url(/img/sub/first_descendant_re.jpg) no-repeat center; background-size:cover;}

.project_magnum_top_inner{background:url(/img/sub/project_magnum01.jpg) no-repeat top left; background-size:contain;}
.pm_text_container:after{content:""; display:block; clear:both;}
.pm_text{width:50%; float:right;}
.pm_logo{margin-bottom:50px;}

.project_magnum_top{margin-top:10.41666666666667vw;}
.project_magnum_top_inner{padding:4.947916666666667vw 0;}
.project_magnum_top h3{font-size:40px; color:#fff; line-height:1.3;}
.project_magnum_top h3.margin-bottom{margin-bottom:60px}


.scrollfix_text .game_feature{font-size:24px; color:#fff; opacity:0.3; font-family:'NEXON Lv2 Gothic Bold'; margin-bottom:5.656565656565657vw; position:relative;}
.scrollfix_text h3{font-size:66px; color:#019fe8; margin-bottom:2.525252525252525vw;}
.scrollfix_text h4{font-size:44px; color:#fff; line-height:1.5;}

.scrollfix_inner{padding:2.864583333333333vw 0 8.333333333333333vw 0; padding-left:3.125vw; border-left:1px solid rgba(255,255,255,0.5); position:relative;}

.project_magnum_scrollfix_bg{padding:10.41666666666667vw 0;}
.project_magnum_scrollfix_bg.fixed{position:fixed; top:0; left:0; z-index:2; width:100vw; height:100vh; background:#191b1d;}
.project_magnum_scrollfix{position:relative; height:31.51458333333333vw; overflow:hidden; top:0; max-width:1640px; margin:0 auto;}
.project_magnum_scrollfix:after{content:""; position:absolute; width:100%; height:100%; top:0; left:0;}
.project_magnum_scrollfix>div.swiper-wrapper{flex-direction:column;}
/*.project_magnum_scrollfix.fixed{position:fixed; width:100%; top:0; max-width:1640px; background:#191b1d; z-index:2;}*/
/*.scrollfix_wrap{width:100%;}
.scrollfix_wrap:nth-child(1){background:#191b1d url(/img/sub/project_magnum02.jpg) no-repeat top right;  background-size:contain;}
.scrollfix_wrap:nth-child(2){background:#191b1d url(/img/sub/project_magnum03.jpg) no-repeat top right;  background-size:contain;}
.scrollfix_wrap:nth-child(3){background:#191b1d url(/img/sub/project_magnum04.jpg) no-repeat top right;  background-size:contain; margin-bottom:0;}*/

.scrollfix_inner:after{content:""; position:absolute; width:1.145833333333333vw; height:1.145833333333333vw; background:#019fe8; border-radius:50%; left:-0.5729166666666667vw;}
.scrollfix_wrap:nth-child(1) .scrollfix_inner:after{position:absolute; top:2.864583333333333vw;}
.scrollfix_wrap:nth-child(2) .scrollfix_inner:after{position:absolute; top:50%; transform:translate(0, -50%);}
.scrollfix_wrap:nth-child(3) .scrollfix_inner:after{position:absolute; bottom:2.604166666666667vw;}

.slide_background{position:absolute; right:0; top:0; z-index:-1;}



/* ÆÛ½ºÆ®µð¼¾´øÆ® */
.v4_title_banner.project_magnum .inner_container.margin_left_closer {margin-left:100px}
.download_site_link.fd .download ul li {width:auto !important}
.download_site_link.fd .site_link ul li {width:auto !important}
.download_site_link.fd .download {width: calc(60% - 30px);}
.download_site_link.fd .site_link {width: 40%;}




/*±â¾÷¹®È­*/
.visual h1.culture{margin-bottom:80px;}
.wemake{position: absolute; left: 5%; bottom: 7%;}
.wemake h2{font-size:65px; color:#fff; margin-bottom:80px;}
.wemake .wemake_p{padding-left:0; font-size:30px; padding:0; line-height:1.5; color: #fff;}

div.culture{padding:240px 0;}
div.culture .inner_container h4{font-size:50px; color:#191b1d; margin-bottom:80px; font-family:'NEXON Lv2 Gothic Bold';}
.c_gray_box{background:#f8f8f8; padding:120px 0;}
.c_gray_box ul{font-size:0; text-align:center; display:flex; flex-wrap:wrap; justify-content:center}
.c_gray_box ul li{width:22.656%; display:inline-block; background:url(/img/sub/culture_list_bg.png) no-repeat center; background-size:contain; margin-right:2.968%; padding:3.36% 0;}
.c_gray_box ul li:nth-of-type(4){margin-right:0}
.c_gray_box ul li:nth-of-type(7){margin-right:0}
/*.c_gray_box ul li:nth-of-type(5),
.c_gray_box ul li:nth-of-type(6),
.c_gray_box ul li:nth-of-type(7){padding:4.141% 0}*/
.c_gray_box ul li .icon{margin-bottom:25px;}
.c_gray_box ul li h5{font-size:24px; color:#191b1d; margin-bottom:25px; padding-top:10%}
.c_gray_box ul li p{font-size:18px; color:#888888; margin-bottom:15px;}
.c_gray_box ul li i{font-style:normal; color:#888888; font-size:15px; line-height:1.5;}

.c_gray_box ul li:nth-child(5), .c_gray_box ul li:nth-child(6), .c_gray_box ul li:nth-child(7){margin-top:0;} 

.culture_text_wrap{margin-top:230px;}
.culture_text_wrap.pc{display:block;}
.culture_text_wrap.mobile{display:none;}
.culture_text{margin-bottom:50px; display:flex; align-items:center; border-bottom:1px solid #ededed; padding-bottom:90px;}
.culture_text:nth-of-type(7){border-bottom:none}
.culture_text:after{content:""; display:block; clear:both;}
.culture_text > div{width:50%; float:left;}
.culture_text > div img{display:block; margin:0 auto;}

.culture_text .c_text{margin-top:35px;}
.culture_text .c_text .small_tit{font-size:24px; margin-bottom:25px; color:#cccccc;}
.culture_text .c_text .big_tit{font-size:35px; color:#191b1d; margin-bottom:40px; font-family:'NEXON Lv2 Gothic Bold'; word-break:keep-all;}
.culture_text .c_text .c_content{font-size:18px; color:#191b1d; line-height:1.5; word-break:keep-all;}

.culture_left .c_text{padding-right:60px;}
.culture_right .c_text{padding-left:60px;}

.culture_text_wrap.mobile .culture_left .c_text{padding-right:0;}
.culture_text_wrap.mobile .culture_right .c_text{padding-left:0;}
.culture_text_wrap.mobile .culture_text > div{float:none; width:100%;}
.culture_text_wrap.mobile .culture_text .c_img img{width:100%; max-width:170px;}


@media (max-width:1640px){
	.subpage_content_frame{padding:0 30px;}
}

@media (max-width:1440px){
	.project_magnum_scrollfix{position:static; padding:0; height:auto; overflow:visible;}

	.project_magnum_scrollfix .swiper-slide{height:auto !important;}
	.scrollfix_wrap{margin-bottom:9.114583333333333vw}
	div.project_magnum_scrollfix{padding:0 30px;}
	.slide_background{overflow:hidden; height:100%;}
	.project_magnum_top h3 {  font-size: 38px;}
}

@media (max-width:1390px){
	.v4_text{margin:10.41666666666667vw 0;}
	.first_text_wrap .first_text{font-size:1.5625vw;}
	.first_text_wrap .first_text span{font-size:2.291666666666667vw;}	

	.v4_spec li{font-size:1.5625vw; padding-left:2.083333333333333vw;}
	.v4_spec li:after{width:1.354166666666667vw; height:1.354166666666667vw;}

	.content_title{margin-bottom:5.729166666666667vw;}

	.content_title div h2{font-size:3.645833333333333vw !important; margin-bottom:15px;}
	.content_title div h2 span{font-size:1.25vw;}

	.content_title div p.border_left{padding-left:1.458333333333333vw;}

	.content_mid_title h2{font-size:2.291666666666667vw; margin-bottom:3.385416666666667vw;}
	.content_mid_title h3{font-size:1.5625vw; margin-bottom:3.385416666666667vw;}
	.content_mid_title p{font-size:15px;}
	.content_mid_title p.margin-bottom{margin-bottom:2.604166666666667vw;}

	.v4swiper{}
	.v4_slider_frame{margin-bottom:7.291666666666667vw;}

	.first_text_wrap h3{font-size:2.604166666666667vw;}
	.v4_spec h3{font-size:2.604166666666667vw;}

	.v4_spec p.light{font-size:1.354166666666667vw;}
	.c_text_inner h3{font-size:2.291666666666667vw;}
	.c_text_inner p{font-size:1.145833333333333vw;}

	.v4_spec h3.margin-bottom{margin-bottom:2.34375vw;}
	.sudden_attack_character{padding:0 20vw;}
	.c1, .c2{height:35vw;}
	.c1 img, .c2 img{height:100%;}
	.c1{left:10px;}
	.c2{right:10px;}

	.c_text_inner h3{margin-bottom:18px;}
	.c_image{margin:35px 0;}

	.v4_spec h3.axe{margin-bottom:30px;}

	.first_text_wrap p.logo{margin-bottom:35px;}
	.pd_text h3{font-size:2.291666666666667vw; margin-bottom:20px;}
	.pd_text p{font-size:1.111111111111111vw;}

	.project_zeus_text h3{font-size:2.291666666666667vw; margin-bottom:45px;}
	.project_zeus_text p{font-size:1.354166666666667vw;}

	.project_zeus_text{padding-bottom:10.9375vw;}

	.project_magnum_top_inner{background-size:cover;}
	.pm_text{float:none; width:100%; text-align:center;}
	.project_magnum_top h3{font-size:2.291666666666667vw;}
	.project_magnum_top h3.margin-bottom{margin-bottom:2.291666666666667vw;}

	.pm_logo{margin-bottom:2.604166666666667vw;}

	.scrollfix_text .game_feature{font-size:1.25vw;}
	.scrollfix_text h3{font-size:3.4375vw;}
	.scrollfix_text h4{font-size:2.291666666666667vw;}

	.visual h1.culture{font-size:2.604166666666667vw; padding-left:0; margin-bottom:4.166666666666667vw;}
	.wemake{margin-top:1.692708333333333vw;}
	.wemake h2{font-size:3.385416666666667vw; margin-bottom:4.166666666666667vw;}
	.wemake .wemake_p{font-size:1.5625vw;}

	div.culture{padding:12.5vw 0;}
	div.culture .inner_container h4{font-size:2.604166666666667vw; margin-bottom:4.166666666666667vw;}
	.c_gray_box{padding:6.25vw 0;}
	.c_gray_box ul li{width:18.656%;}
	.c_gray_box ul li .icon{margin-bottom:1.302083333333333vw;}
	.c_gray_box ul li h5{font-size:1.25vw; margin-bottom:1.302083333333333vw;}
	.c_gray_box ul li p{font-size:0.9375vw; margin-bottom:0.78125vw;}
	.c_gray_box ul li i{font-size:0.78125vw;}

	.culture_text_wrap{margin-top:11.97916666666667vw;}
	.culture_text{margin-bottom:8.333333333333333vw;}
	.culture_text:last-child{margin-bottom:0;}
	.culture_text .c_text{margin-top:1.822916666666667vw;}
	.culture_text .c_text .small_tit{font-size:1.25vw; margin-bottom:1.302083333333333vw;}
	.culture_text .c_text .big_tit{font-size:1.822916666666667vw; margin-bottom:2.083333333333333vw;}
	/*.culture_text .c_text .c_content{font-size:0.8854166666666667vw;}*/

	.culture_left .c_text{padding-right:3.125vw;}
	.culture_right .c_text{padding-left:3.125vw;}

	.v4_slider_frame.blue_archive1 .swiper-button-prev, .v4_slider_frame.blue_archive1 .swiper-button-next{display:block;}

}


@media (max-width:1280px){
	.v4_title_banner{padding:100px 50px;}
	.v4_title_banner h2{font-size:50px;}
	.v4_title_banner h6{font-size:20px;}
	.v4_title_banner p span{font-size:15px;}
	

	.video_container{height:auto; margin:65px 0;}
	.video_container_inner{position:static; transform:translate(0,0); margin:0; width:100% !important;}

	.bottom_slider{margin-bottom:9.114583333333333vw;}
	.download_site_link div h5{font-size:1.25vw; margin-bottom:2.083333333333333vw;}

	.scrollmagic-pin-spacer{min-height:unset !important; padding-top:0 !important;}

	.trailer_video{height:auto;}
	.bottom_slider .b_slide > img{width:100%;}
	.bottom_slider .b_slide.swiper-slide-active{transform:scale(1) !important;}

	.project_magnum_scrollfix{position:static; padding:0; height:auto; overflow:visible;}

	.project_magnum_scrollfix .swiper-slide{height:auto !important;}
	.scrollfix_wrap{margin-bottom:9.114583333333333vw}
}

@media (max-width:1200px){
	.subpage_content_frame{padding-top:100px;}
	.first_text_wrap .first_text{font-size:25px;}
	.first_text_wrap .first_text span{font-size:30px;}

	.v4_spec li{font-size:20px; padding-left:30px;}
	.v4_spec li:after{width:15px; height:15px;}

	.content_title div h2{font-size:40px !important;}
	.content_title div h2 span{font-size:17px;}

	.content_mid_title h2{font-size:35px; margin-bottom:35px;}
	.content_mid_title h3{font-size:22px; margin-bottom:35px;}
	.content_mid_title p{font-size:15px;}
	.content_mid_title p br{display:none;}

	.download_site_link .download, .download_site_link .site_link{float:none;}
	.download_site_link .download{margin-bottom:35px; width:50%;}
	.download_site_link .site_link{width:100%;}
	.download_site_link div h5{font-size:18px;}

	.download_site_link .site_link.sudden ul li{width:20%;}
	.download_site_link.blue .download{width:100%;}
	.download_site_link.blue .site_link{width:100%;}

	.download_site_link.blue > div ul li img{width:100%;} 

	.download_site_link.axe > div{width:100%; margin-right:0;}

	.project_zeus_text h3{font-size:35px; margin-bottom:20px;}
	.project_zeus_text p{font-size:17px;}

	.visual h1.culture{font-size:30px; margin-bottom:40px;}
	.wemake h2{font-size:30px; margin-bottom:40px;}
	.wemake .wemake_p{font-size:18px;}

	div.culture{padding:60px 0;}
	div.culture .inner_container h4{font-size:30px; margin-bottom:45px;}

	.c_gray_box ul li h5{font-size:20px; margin-bottom:15px;}
	.c_gray_box ul li p{font-size:15px; margin-bottom:15px;}
	.c_gray_box ul li i{font-size:15px;}

	.culture_text_wrap{margin-top:60px;}

	.culture_text .c_text .small_tit{font-size:15px; margin-bottom:15px;}
	.culture_text .c_text .big_tit{font-size:25px; margin-bottom:20px;}
	.culture_text .c_text .c_content{font-size:17px;}

	.culture_text_wrap.pc{display:none;}
	.culture_text_wrap.mobile{display:block;}
	

	.c_gray_box ul li{width:240px; height:240px; margin-right:0; background:#fff; border:5px solid #ccc; border-radius:100%; padding:0; margin:0 12px 30px;}
	.c_gray_box ul li:nth-of-type(3),
	.c_gray_box ul li:nth-of-type(6),
	.c_gray_box ul li:nth-of-type(7){margin-right:0}

	.c_gray_box ul li:nth-of-type(5), .c_gray_box ul li:nth-of-type(6), .c_gray_box ul li:nth-of-type(7){padding:0}

	/*.c_gray_box ul li:nth-of-type(4),
	.c_gray_box ul li:nth-of-type(5),
	.c_gray_box ul li:nth-of-type(6),
	.c_gray_box ul li:nth-of-type(7){margin-top:30px}*/

	.c_gray_box ul li h5{padding-top:60px}
	.veiled_link_eng{width:unset;}
	
	.v4_title_banner.project_magnum .inner_container.margin_left_closer {   margin-left: 0;}
}

@media (max-width:980px){
	.content_title div:nth-child(1){width:100% !important; display:block; padding-bottom:20px;}
	.content_title div:nth-child(2){width:100% !important; display:block;}
	.content_title div p.border_left{padding-left:0; border-left:0; padding-top:20px; border-top:1px solid #fff;}

	.first_text_wrap{left:12.5%;}
	.v4_spec{right:unset; left:12.5%;}

	.first_text_wrap .first_text{font-size:2.55102040816327vw;}
	.first_text_wrap .first_text span{font-size:3.061224489795918vw;}

	.v4_spec li{font-size:2.040816326530612vw; padding-left:3.061224489795918vw;}
	.v4_spec li:after{width:1.530612244897959vw; height:1.530612244897959vw;}

	.character_img_text p{font-size:15px;}

	.swiper-button-prev.b_swiper_prev{left:20px;}
	.swiper-button-next.b_swiper_next{right:20px;}

	.content_title div h2{font-size:4.081632653061224vw !important;}
	.content_title div h2 span{margin-left:15px;}

	.content_title div p{font-size:2.244897959183673vw;}
	.content_title div p.border_left{font-size:1.836734693877551vw;}

	.content_mid_title h2{font-size:2.244897959183673vw;}
	.content_mid_title h3{font-size:1.5625vw;}

	.pd_top{margin-bottom:50px;}
	.pd_top > div{width:100%;}
	.pd_text{margin-bottom:20px;}
	.pd_text h3{font-size:25px;}
	.pd_text p{font-size:17px;}
	.pd_logo{text-align:left;}

}

@media (max-width:820px){
	/*.c_gray_box ul li:nth-of-type(3){margin-top:30px;}*/
}

@media (max-width:800px){

	.v4_title_banner{padding:60px 30px;}
	.v4_title_banner h2{font-size:45px;}
	.v4_title_banner h6{font-size:18px;}

	.v4_spec li{font-size:15px; padding-left:30px;}
	.v4_spec li:after{width:15px; height:15px;}

	.content_title div:nth-child(1){padding-bottom:10px;}
	.content_title div h2{font-size:30px !important; margin-bottom:10px;}
	.content_title div p{font-size:18px;}
	.content_title div p.border_left{font-size:17px; padding-top:10px;}

	.content_mid_title h2{font-size:30px; margin-bottom:25px;}
	.content_mid_title h3{margin-bottom:25px; font-size:20px;}

	.first_text_wrap h3{font-size:22px;}
	.v4_spec h3{font-size:22px;}

	.v4_spec p.light{font-size:15px;}

	.sudden_attack_character{padding:0;}
	.c1, .c2{display:none;}

	.c_text_inner h3{font-size:22px;}
	.c_text_inner p{font-size:15px;}

	.c_image img{max-width:30vw;}

	.download_site_link .site_link.sudden ul li{width:33.33%;}
	.download_site_link .site_link.sudden ul li img{width:100%;}

	.first_text_wrap p.logo img{max-width:35vw;}
	.pd_logo img{max-width:35vw;}

	.pd_text h3{font-size:22px;}
	.pd_text p{font-size:15px;}

	.project_zeus_text h3{font-size:25px;}
	.project_zeus_text p{font-size:15px;}

	.scrollfix_text .game_feature{font-size:15px; margin-bottom:45px;}
	.scrollfix_text h3{font-size:24px; margin-bottom:17px;}
	.scrollfix_text h4{font-size:17px;}

	.scrollfix_inner:after{width:17px; height:17px; left:-8.5px;}

	.project_magnum_top h3{font-size:20px;}
	.project_magnum_top h3.margin-bottom{margin-bottom:17px;}

	.visual h1.culture{font-size:25px; margin-bottom:30px;}
	.wemake h2{font-size:25px; margin-bottom:4vw; text-align:center}
	.wemake .wemake_p{font-size:2.8vw; text-align:left; margin:10px 0 0; width:100%}

	div.culture .inner_container h4{font-size:25px; margin-bottom:35px;}
	.c_gray_box ul li h5{font-size:18px; margin-bottom:10px;}

	.culture_text{margin-bottom:40px;}
	.culture_text .c_text .c_content br{display:none;}

}

@media (max-width:600px){
	.subpage_content_frame{padding:0 10px;}

	.v4_title_banner h2{font-size:35px;}
	.content_title div h2{font-size:22px !important;}
	.content_title div h2 span{font-size:15px;}
	
	.blue_archive_content .content_title div h2 span {margin-top: 10px;}

	.content_mid_title h2{font-size:25px;}
	.content_mid_title h3{font-size:17px;}

	.first_text_wrap{position:static; transform:translate(0, 0); margin-top:20px;}
	.first_text_wrap .first_text{font-size:15px;}
	.first_text_wrap .first_text span{font-size:20px;}
	.v4_spec{position:static; transform:translate(0, 0); margin-top:20px;}

	.content_title div p.border_left{font-size:15px;}

	.download_site_link div h5{font-size:15px;}

	.first_text_wrap h3{font-size:18px;}
	.v4_spec h3{font-size:18px;}

	.c_text_inner h3{font-size:18px;}

	.first_text_wrap h3 br{display:none;}
	.first_text_wrap h3 br.mobile{display:block;}
	.v4_spec h3 br{display:none;}

	.v4_spec p.light br{display:none;}
	.c_text_inner p br{display:none;}
	.download_site_link.axe > div ul:after{content:""; display:block; clear:both;}
	.download_site_link.axe > div ul li{width:50% !important; float:left !important;}
	.download_site_link.axe > div ul li img{width:100%;}

	.swiper-button-next.b_swiper_next, .swiper-button-prev.b_swiper_prev{width:30px; height:30px; background-size:cover;}

	.pd_text h3{font-size:18px;}

	.project_zeus_text h3{font-size:22px;}
	.project_zeus_text h3 br{display:none;}

	.project_zeus_text p br{display:none;}

	.project_magnum_top h3{font-size:17px;}
	.project_magnum_top h3.margin-bottom{margin-bottom:12px;}

	.scrollfix_inner{border-left:none;}
	.scrollfix_inner:after{display:none;}

	.scrollfix_wrap:nth-child(1), .scrollfix_wrap:nth-child(2), .scrollfix_wrap:nth-child(3){background-size:cover;}
	.scrollfix_inner{padding:70px 30px; padding-left:30px;}

	.scrollfix_text .game_feature{margin-bottom:20px;}
	.scrollfix_text h3{font-size:20px;}
	.scrollfix_text h4{font-size:15px;}

	.c_gray_box ul li{width:240px; margin:0 0 30px;}
	.c_gray_box ul li:nth-of-type(2){margin:0 0 30px;}
	div.culture .inner_container h4{font-size:18px; margin-bottom:25px;}
	.c_gray_box ul li h5{font-size:15px;}

	.culture_text_wrap.mobile .culture_text .c_img{margin-bottom:20px;}
	.culture_text .c_text .big_tit{font-size:20px;}
	.culture_text .c_text .c_content{font-size:15px;}
	.culture_text {display:block;}

	div.project_magnum_scrollfix{padding:0 10px;}


}

@media (max-width:480px){
	.content_title div p{font-size:15px;}
	.content_title div p.border_left{font-size:3.541666666666667vw;}

	.content_mid_title h3{font-size:3.841666666666667vw;}
	.content_mid_title h3 .blue, .content_mid_title h3 .yellow{display:block; font-size:18px;}

	.download_site_link .download{width:100%;}
	.download_site_link .site_link ul li{width:50%;}
	.download_site_link .site_link.site_link_en ul li {width: 50%;}

	.content_mid_title h3.light{font-size:20px;}

	.download_site_link.blue .download ul li{width:50%;}

	.v4_title_banner p span:nth-child(1){padding-right:10px;}
	.v4_title_banner p span:nth-child(2){padding-left:10px;}

	.content_mid_title h3.axe .blue, .content_mid_title h3.axe .yellow{display:inline;}

	.scrollfix_inner{padding:70px 10px; padding-left:10px;}
	
	
	.v4_title_banner.project_magnum .inner_container.margin_left_closer h6 {margin-bottom: 5vw;}
	.v4_title_banner.project_magnum .inner_container.margin_left_closer p {margin-bottom: 8vw; }
	.v4_title_banner.project_magnum .inner_container.margin_left_closer p span {font-size: 13px}
	
	/* ÆÛ½ºÆ®µð¼¾´øÆ® */
	.download_site_link.fd .download {   width: 100%; }
	.download_site_link.fd .download ul {display: flex;  flex-wrap: wrap;}
	.download_site_link.fd .download ul li {width:50% !important}
	.download_site_link.fd .site_link {   width: 100%; }
	.download_site_link.fd .site_link ul {display: flex;  flex-wrap: wrap;}
	.download_site_link.fd .site_link ul li {width:50% !important}
	
	.world_view.first_descendent  .content_mid_title h3 span {display:inline-block; font-size:inherit}
	.world_view.first_descendent  .content_mid_title p.margin-bottom {margin-bottom:4vw}
	.first_descendent .character_content_tab  .border_left {word-break: keep-all;}
}





/*2024.08.05 À¯Áöº¸¼ö Ãß°¡ ÀÌ´ÙÇý*/
div.culture.new_style {padding:240px 0 0}
.culture_text_wrap.pc.new_style {margin-top:0}
.culture_text_wrap.pc.new_style .culture_text {align-items: flex-start; margin-bottom:100px}
.culture_text_wrap.pc.new_style .culture_text::after {display:none}
.culture_text_wrap.pc.new_style .culture_text .c_img {width:400px; margin-top:0}
.culture_text_wrap.pc.new_style .culture_text .c_text {width:calc(100% - 400px); margin-top:0; padding-left:40px}
.culture_text_wrap.pc.new_style .culture_text .big_tit {margin-bottom: 10px; font-size:32px}
.culture_text_wrap.pc.new_style .culture_text .c_text .small_tit {font-weight:bold; font-size: 20px; color:#aaa; margin-bottom: 35px}
.culture_text_wrap.pc.new_style .culture_text .c_text .c_content {font-size: 20px; line-height:1.6; font-weight:600}

@media (max-width:1440px){
	.culture_text_wrap.pc.new_style .culture_text {padding-bottom: 6.25vw; margin-bottom:6.94vw}
	.culture_text_wrap.pc.new_style .culture_text .c_img {width: 27.77vw}
	.culture_text_wrap.pc.new_style .culture_text .c_text {width: calc(100% - 27.77vw)}
	.culture_text_wrap.pc.new_style .culture_text .c_text .small_tit,
	.culture_text_wrap.pc.new_style .culture_text .c_text .c_content{font-size:1.38vw}
}

@media (max-width:1390px){
	div.culture.new_style {width:90%; margin:0 auto; padding:12.5vw 0 0}
	div.culture.new_style .inner_container {padding:0}
	.culture_text_wrap.pc.new_style .culture_text .big_tit {font-size:1.82vw}
}

@media (max-width:1200px){
	div.culture.new_style {padding:60px 0 0}
	.culture_text_wrap.pc.new_style {display:block}
	.culture_text_wrap.pc.new_style .culture_text .c_text .small_tit {margin-bottom:3vw}
	.culture_text_wrap.pc.new_style .culture_text .c_text .small_tit, .culture_text_wrap.pc.new_style .culture_text .c_text .c_content {font-size: 1.58vw}
	.culture_text_wrap.pc.new_style .culture_text .big_tit {font-size:25px}
}

@media (max-width:800px){
	.culture_text_wrap.pc.new_style .culture_text {flex-direction:column; gap:4vw}
	.culture_text_wrap.pc.new_style .culture_text .c_img {width:100%}
	.culture_text_wrap.pc.new_style .culture_text > div img {width:100%}
	.culture_text_wrap.pc.new_style .culture_text .c_text {padding-left:0; width:100%}
	.culture_text_wrap.pc.new_style .culture_text .c_text .small_tit, .culture_text_wrap.pc.new_style .culture_text .c_text .c_content {font-size: 16px}
}

@media (max-width:600px){
	.culture_text_wrap.pc.new_style .culture_text {display:flex; gap: 6vw}
	.culture_text_wrap.pc.new_style .culture_text .c_text .small_tit, 
	.culture_text_wrap.pc.new_style .culture_text .c_text .c_content {font-size:14px}
	.culture_text_wrap.pc.new_style .culture_text .big_tit {font-size:20px}
}