a { text-decoration: none; }
body { padding: 0; margin: 0;}
.spr_logos { display: inline-block; background: url(../img/spr_logos.png) no-repeat top left; background-size: 800px 800px;  }
.spr_logos.pearlabyss { background-position: 0px 0px; width: 148px; height: 27px; }
.spr_logos.arrow_down { background-position: -161px 0px; width: 12px; height: 7px; }
.spr_logos.arrow_down.active { background-position: -161px -15px; width: 12px; height: 7px; }
.spr_logos.arrow_up { background-position: -181px 0px; width: 12px; height: 7px; }
.spr_logos.arrow_up.active { background-position: -181px -15px; width: 12px; height: 7px; }
.spr_logos.nav_left { background-position: -205px 1px; width: 23px; height: 37px; }
.spr_logos.nav_right { background-position: -237px 1px; width: 23px; height: 37px; }
.spr_logos.btn_network_mo { background-position: -350px 0px; width: 42px; height: 42px; }

#top_network { position: relative; height: 50px; padding: 12px 35px 13px 35px; box-sizing: border-box; background: #222229; line-height: 24px; z-index: 155; }
#top_network .logo_wrap, #top_network .menu_list { float: left; display: inline-block; height: 27px; }
#top_network .menu_list { margin: 0 0 0 24px; padding: 0; }
#top_network .menu_list li { position: relative; float: left; display: inline-block; height: 27px; line-height:27px;}
#top_network .menu_list li[data-top_network^="btn_games"]:after { position: absolute; top: 10px; right: 18px; content: ''; display: block; width: 12px; height: 7px; background: url(../img/spr_logos.png) no-repeat top 0px left -161px; pointer-events: none; }
#top_network .menu_list li[data-top_network^="btn_games"]:hover:after { background-position: -161px -15px; }
#top_network .menu_list li[data-top_network^="btn_games"].active:after { background-position: -181px -15px; }
#top_network .menu_list li a { padding: 0 36px 0 30px; color: #777786; text-decoration: none; font-weight: bold; font-size: 15px; display:inline-block; }
#top_network .menu_list li:hover a, #top_network .menu_list li.active a { color: #FFF; }

#top_network .link_bar_pc { position: absolute; top: 50px; left: 0; width: 100%; height: 580px; background: #19191e; display: none; }
#top_network .nav_wrap_pc { max-width: 1630px; margin: 0 auto; display: flex; }
#top_network .nav_wrap_pc .nav_btn.left, #top_network .nav_wrap_pc .nav_btn.right { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 100px; height: 100px; }
#top_network .slider_brand { flex: 1 1 auto; max-width: calc(100% - 200px); }
#top_network .slider_brand .platform { display: inline-flex; justify-content: center; align-items: center; height: 99px; padding: 4px 10px 0 10px; border-bottom: solid 4px transparent; box-sizing: border-box; padding: 0; transition: border 0.3s; width: 240px; color: #5b5b69; font-size: 18px; }
#top_network .banner_pc { position: absolute; top: 0; right: 26px; display: inline-flex; align-items: center; height: 50px; transition: filter 0.3s; }
#top_network .banner_pc:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); }

#top_network .slider_brand[data-current="bdo"] .platform[data-hover="bdo"],
#top_network .slider_brand[data-current="bdm"] .platform[data-hover="bdm"],
#top_network .slider_brand[data-current="bdc"] .platform[data-hover="bdc"],
#top_network .slider_brand[data-current="shadow_arena"] .platform[data-hover="shadow_arena"],
#top_network .slider_brand[data-current="dokev"] .platform[data-hover="dokev"],
#top_network .slider_brand[data-current="plan8"] .platform[data-hover="plan8"],
#top_network .slider_brand[data-current="crimson_desert"] .platform[data-hover="crimson_desert"],
#top_network .slider_brand .platform:hover { border-bottom-color: #ae8954; font-weight: bold; color: #FFF; }

#top_network_mo { display: none; position: fixed; top: 80px; width: 100%; z-index: 155; max-height: calc(100vh - 50px); overflow-x: hidden; overflow-y: auto; }
#top_network_mo .pearl_title{ display: flex; justify-content: flex-start; align-items: center; background: #272730; height: 21.62vw; color: #f1f1f5; padding: 0 9.19vw; font-size: 6vw; }
#top_network_mo .btn_category,#top_network_mo .banner_m_wrap { display: flex; justify-content: flex-start; align-items: center; height: 60px; font-size: 15px; padding: 0 40px; color: #777786; background: #22222a; box-sizing: border-box; border-top: solid 1px #33333b; }
#top_network_mo .banner_m_wrap { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; padding: 0; transition: filter 0.3s; }
#top_network_mo .banner_m_wrap img { width: 100%; }
#top_network_mo .banner_m_wrap:active { -webkit-filter: brightness(1.3); filter: brightness(1.3); }
#top_network_mo .btn_category span { position: relative; padding-right: 18px; }
#top_network_mo .btn_category span:after { content: ''; position: absolute; display: block; background: url(../img/spr_logos.png) no-repeat top left; background-size: 800px 800px; background-position: -161px 0; width: 12px; height: 7px; top: 50%; right: 0; transform: translateY(-20%); }
#top_network_mo .btn_category:hover span:after { background-position: -161px -15px; }
#top_network_mo .btn_category.active span:after { background-position: -181px -15px; }
#top_network_mo .btn_category.active, #top_network_mo .btn_category:hover { color: rgba(255, 255, 255, 1); }
#top_network_mo .details { margin: 0; background: #1b1b22; padding: 5px 0; }
#top_network_mo .details li { display: block; height: 46px; }
#top_network_mo .details li a{ display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding: 0 40px; line-height: 46px; font-size: 15px; color: rgba(255, 255, 255, 0.5); }
#top_network_mo .details li .new{ display: inline-flex; justify-content: center; align-items: center; margin-left: 10px; height: 16px; border: solid 2px #da0011; color: #da0011; border-radius: 20px; padding: 0 8px; line-height: 14px; font-size: 10px; font-weight: bold; }
#top_network_mo .details li:hover a{ color: rgba(255, 255, 255, 1); }

/* mobile */
[data-top_network="btn_games_mo"] {display:none !important;}

/* SHA */
.sha.scrolling .headerWrap .header{top:0;}

/* CRI */
.cri #top_network{position:absolute; width:100%;}

/* Plan8 */
.pla #top_network{position:absolute; width:100%;}


/* spr logo */
.spr_logo2{ display: inline-block; background:url("../img/spr_logos2.png") top left no-repeat; }
.spr_logo2.sha{ width: 246px; height: 78px; background-position: -36px -19px; }
.spr_logo2.bdo{ width:154px; height:40px; background-position:-161px -275px; }
.spr_logo2.bdo.kr{ width:115px; height:32px; background-position:-10px -325px; margin-bottom: 10px; }
.spr_logo2.bdo.spain{ width:93px; height:56px; background-position:-10px -104px; margin-bottom: 4px; }
.spr_logo2.bdo.de{ width:141px; height:40px; background-position:-10px -275px; margin-bottom: 4px; }
.spr_logo2.bdo.jp{ width:112px; height:48px; background-position:-223px -104px; margin-bottom: 4px; }
.spr_logo2.bdo.tw{ width:111px; height:44px; background-position:-10px -170px; margin-bottom: 4px; }
.spr_logo2.bdm{ width:152px; height:41px; background-position:-10px -224px; margin-bottom: 10px; }
.spr_logo2.bdm.jp{ width:224px; height:30px; background-position:-10px -367px; }
.spr_logo2.bdm.tw{ width:225px; height:29px; background-position:-10px -407px; }
.spr_logo2.bdm.kr{ width:214px; height:28px; background-position:-135px -325px; }
.spr_logo2.dokev{ width:129px; height:43px; background-position:-131px -170px; margin-bottom: 10px; }
.spr_logo2.dokev.kr{ width:107px; height:40px; background-position:-172px -224px; }
.spr_logo2.plan8{ width:100px; height:51px; background-position:-113px -104px; margin-bottom: 18px; }
.spr_logo2.btn_network_open_mo{ width:42px; height:42px; background-position:-282px -10px; }
.spr_logo2.btn_network_open_white_mo{ width:42px; height:42px; background-position:-270px -170px; }
.spr_logo2.arrow_next{ width:22px; height:37px; background-position:-334px -10px; }
.spr_logo2.arrow_prev{ width:22px; height:37px; background-position:-335px -104px; }
.spr_logo2.pearlabyss{ width:148px; height:27px; background-position:-10px -446px; opacity: 0.7; transition: opacity 0.3s; }
.spr_logo2.cd{ width:348px; height:23px; background-position:-10px -483px; margin-bottom: 4px; }
.spr_logo2.arrow_up_white{ width:11px; height:7px; background-position:-343px -170px; }
.spr_logo2.arrow_up_gray{ width:11px; height:7px; background-position:-325px -275px; }
.spr_logo2.arrow_down_gray{ width:11px; height:7px; background-position:-346px -275px; }
.spr_logo2.arrow_down_white{ width:11px; height:7px; background-position:-244px -367px; }

.link_contents_pc { height: 480px; background: #23232a; }
.link_contents_pc .platform { max-width: 1600px; margin: 0 auto; height: 480px; padding: 40px 0 0 30px; box-sizing: border-box; display: none; }
.link_contents_pc .platform.active { display: block; }
.link_contents_pc .platform .contents_wrap { position: relative; max-width: 616px; height: 440px; }
.link_contents_pc .platform.bdo { background: url(../img/bg_network_bdo.jpg) top center no-repeat; }
.link_contents_pc .platform.bdm { background: url(../img/bg_network_bdm.jpg) top center no-repeat; }
.link_contents_pc .platform.shadow_arena { background: url(../img/bg_network_sha.jpg) top center no-repeat; }
.link_contents_pc .platform.plan8 { background: url(../img/bg_network_plan8.jpg) top center no-repeat; }
.link_contents_pc .platform.dokev { background: url(../img/bg_network_dokev.jpg) top center no-repeat; }
.link_contents_pc .platform.crimson_desert { background: url(../img/bg_network_cd.jpg) top center no-repeat; }

.link_contents_pc .logo { display: flex; justify-content: flex-start; align-items: center; height: 70px;  }
.link_contents_pc .category { color: #8484a3; font-size: 15px; line-height: 20px; margin: 0 0 14px 0; opacity: 0.5; }
.link_contents_pc .set_wrap { min-height: 204px; }
.link_contents_pc .name { font-size: 34px; line-height: 1.4; color: #FFF; margin: 0; letter-spacing: -0.1rem; }
.link_contents_pc .desc { font-size: 15px; line-height: 24px; color: #d8d8ec; margin: 6px 0 12px 0; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; opacity: 0.6; }
[data-network-lang="ko-kr"] .link_contents_pc .name,
[data-network-lang="zh-cn"] .link_contents_pc .name,
[data-network-lang="zh-tw"] .link_contents_pc .name,
[data-network-lang="ja-jp"] .link_contents_pc .name { font-size: 40px; }
[data-network-lang="ko-kr"] .link_contents_pc .desc,
[data-network-lang="ja-jp"] .link_contents_pc .desc,
[data-network-lang="zh-cn"] .link_contents_pc .desc,
[data-network-lang="zh-tw"] .link_contents_pc .desc { font-size: 15px; margin: 16px 0 22px 0; }

.link_contents_pc .btn_wrap { position: absolute; bottom: 50px; left: 0; display: block; margin-top: 10px; overflow: hidden; width: 100%; }
.link_contents_pc .btn_wrap a.link { float: left; display: inline-flex; justify-content: center; align-items: center; width: 49%; height: 54px; border-radius: 26px; border: solid 1px rgba(131,131,145,0.4); color: #d0d4db; font-size: 15px; line-height: 20px; padding: 0 16px; text-align: center; box-sizing: border-box; word-break: keep-all; margin-bottom: 14px; }
.link_contents_pc .btn_wrap .sns_set { float: left; display: inline-block; }
.link_contents_pc .btn_wrap a + .sns_set:nth-child(2) { margin-left: 10px; }
.link_contents_pc .btn_wrap a + a { margin-left: 10px; }
.link_contents_pc .btn_wrap a.link + .link { margin-left: 2%; }
.link_contents_pc .btn_wrap a.link:hover { color: #FFF; background: #9a7d53; }
.link_contents_pc .btn_wrap a.sns { float: left; display: inline-flex; justify-content: center; align-items: center; width: 54px; height: 54px; border: solid 1px rgba(131,131,145,0.4); border-radius: 27px; box-sizing: border-box; }

.link_contents_pc .btn_wrap .sns.fb span{ width:11px; height:22px; background-position:-322px -170px; }
.link_contents_pc .btn_wrap .sns.insta span{ width:22px; height:21px; background-position:-289px -224px; }
.link_contents_pc .btn_wrap .sns.youtube span{ width:25px; height:18px; background-position:-321px -224px; }
.link_contents_pc .btn_wrap .sns.vk span{ width: 25px; height: 16px; background-position: -428px -225px; }
.link_contents_pc .btn_wrap .sns.twitch span{ width: 25px; height: 24px; background-position: -392px -224px; }
.link_contents_pc .btn_wrap .sns.twitter span{ width:26px; height:20px; background-position:-357px -224px; }
.link_contents_pc .btn_wrap .sns.yahoo span { width: 24px; height: 24px; background-position: -369px -169px; }
.link_contents_pc .btn_wrap .sns.line span { width: 25px; height: 24px; background-position: -404px -169px; }
.link_contents_pc .btn_wrap .sns.fb:hover{ background: #3b68b3; border-color: #3b68b3; }
.link_contents_pc .btn_wrap .sns.youtube:hover{ background: #c94040; border-color: #c94040; }
.link_contents_pc .btn_wrap .sns.insta:hover{ background: #d3326b; border-color: #d3326b; }
.link_contents_pc .btn_wrap .sns.vk:hover{ background: #387edd; border-color: #387edd; }
.link_contents_pc .btn_wrap .sns.twitch:hover{ background: #9440c9; border-color: #9440c9; }
.link_contents_pc .btn_wrap .sns.twitter:hover{ background: #1da1f2; border-color: #1da1f2; }
.link_contents_pc .btn_wrap .sns.yahoo:hover{ background: #7c2add; border-color: #7c2add; }
.link_contents_pc .btn_wrap .sns.line:hover{ background: #0da70d; border-color: #0da70d; }

@media screen and (min-width: 1025px) {
	#top_network .nav_wrap_pc .nav_btn.left:hover, #top_network .nav_wrap_pc .nav_btn.right:hover { filter: brightness(1.3); }
	.spr_logo2.pearlabyss:hover { opacity: 1; }
}

@media screen and (max-width: 1024px) {
	[data-top_network="btn_games_pc"] {display:none !important;}
	[data-top_network="btn_games_mo"] {display:block !important;}

	/* focus active */
	.spr_logo2.pearlabyss:active { opacity: 1; }

	/* 모바일 삭제 */
	.btnApp.network {display:none !important;}
	.btn_network_mo, #top_network .banner_pc{display:none !important}

	#top_network_mo{top:50px;}
	#top_network_mo.nav_wrap_mo{top:50px !important}
	#top_network .link_bar_pc, .banner_zone{display:none !important;}

	#top_network{padding:12px 0 13px 3%; }
	#top_network .menu_list{margin: 0; display:flex; justify-content: start}
	#top_network .menu_list li{ padding-right: 12px; }
	#top_network .menu_list li a{padding:0 16px 0 0; font-size:13px;}
	#top_network .menu_list li:nth-of-type(3) a{padding-right:0;}
	#top_network .menu_list li[data-top_network^="btn_games"]:after{right:6px; top:10px}
	#top_network .menu_list [data-top_network="btn_games_mo"] + li { margin-left: 20px;  }

	#top_network .logo_wrap a { width: 148px; height: 27px; zoom: 0.8; margin-right: 24px; margin-left: 4px; margin-top: 4px; }


	/* SHA */
	.sha #wrapper {position:relative;}
	.sha.scrolling .headerWrap{position:fixed;}
	.sha.scrolling .headerWrap .header{top:0; height:100%;}
	.sha .fix .headerWrap .mobileBtns{top:0px; position:absolute}
	.sha.scrolling .fix .headerWrap .mobileBtns{position:fixed}
	.sha .fix .headerWrap .btn_mo_nav{top:.6rem; position:absolute;}
	.sha.sha.scrolling .fix .headerWrap .btn_mo_nav{position: fixed;}
	.sha .fix .headerWrap .mobileBtns.fixed{top:0;}
	.sha .fix .headerWrap .mobileBtns.fixed .btn_mo_nav{top:.6rem;}

	/* GST */
	.gst nav.nav_mo.active {z-index:9999999999999}

}
@media screen and (max-width:480px) {
	#top_network_mo .btn_category, #top_network_mo .banner_m_wrap { font-size: 14px; }
	#top_network_mo .details li a { font-size: 13px; }
	#top_network .menu_list [data-top_network="btn_games_mo"] + li { margin-left: 10px;  }
	#top_network .menu_list li { padding-right: 8px; }
	#top_network .menu_list li a{ font-size:12px; }
}