@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{	
	padding:0px;
	margin:0px;
	vertical-align:top;	
	white-space:normal;
	word-wrap: break-word;
	word-break: break-all;
}
html {font-family:'Noto Sans KR', sans-serif;font-weight:400;text-align:left;font-size:16px;line-height:1;word-break:break-all;overflow-y:auto}
html, body {width:100%;height:100%;-webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{min-width:1280px;background-color:#000;}
ul, ol {list-style-type:none}
h1,h2,h3,h4,h5,h6,th{font-weight:500}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;outline:none}
label {cursor:pointer}
i, em, address {font-style:normal}
caption,legend{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px}
img{max-width:100%}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}

input,
select {font-family:'Noto Sans KR', sans-serif;font-weight:400;}
button {font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:16px; padding:0; border:none; outline:none; background:none; cursor:pointer;}
a {text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
a:link, a:visited {text-decoration:none;color:inherit;}
a:hover, a:focus, a:active{background:none;text-decoration:none;}
#deamBox {
	display: none;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	height:100vh;
    background: rgba(0,0,0,0.8);
	z-index: 400;
}
/* 공통 > 비디오 컨텐츠 */
.iframe-video-player {position:relative; max-width:59.37vw; margin:0 auto; border:1px solid #000;}
.iframe-video-player .btn-pop-close {}
.iframe-video-player .video-wrap {background:#000;}
.iframe-video-player .video-wrap iframe {border:none; outline:none;}

.video-wrap {position:relative;}
.video-player {position:relative; padding-top:56.25%;}
.video-player iframe,
.video-player object,
.video-player video,
.video-player embed{position:absolute;top:0;left:0;width:100%;height:100%}

/* 공통 > 팝업 */
.pop-wrap {position:fixed; top:0; left:100%; width:100%; height:100%; z-index:9999; overflow:hidden; transition:left 0s 0.35s ease;}
.pop-wrap.actived {left:0;transition-delay:0s;}
.pop-wrap.actived .cover {opacity:1;}
.pop-container {position:absolute;top:0;left:0;width:100%;height:100%; overflow-y:auto;z-index:10;}
.pop-parents {position:relative; display:table; width:100%; height:100%;z-index:5;table-layout:fixed;}
.pop-children {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; padding:50px 53px;}
.pop-wrap .cover {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8); opacity:0; transition:opacity 0.45s 0s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.btn-pop-close {position:absolute; left:100%; top:0; width:41px; height:36px; margin:0px 0 0 24px; z-index:10; background:url(../images/btn_pop_close2.png?t=230616) center center no-repeat;}
.btn-pop-close2 {position:absolute; right:63px; top:82px; width:41px; height:36px; margin:0px 0 0 24px; z-index:10; background:url(../images/btn_pop_close2.png?t=230616) center center no-repeat;}

.pop-wrap.actived .pop-basic-data {transform:scale(1); opacity:1; transition:transform 0.25s 0.05s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.25s 0s ease;}
.pop-basic-data {position:relative; display:inline-block; transform:scale(0.3); opacity:0; transition:transform 0.25s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.25s 0s ease; box-sizing:border-box;}
.pop-basic-data.full {display:block;width:100%;height:100%;}
.video-pop-data {display:block;}

/* 공통 > 헤더 */
.footer-wrap {position:absolute;bottom:0;left:0;width:100%;z-index:100;}
.footer-outer {position:relative; width:100%; height:120px; transform:translate(0 , 0); transition:transform 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.footer-inner {position:relative; max-width:720px; margin:0 auto; height:100%; display:flex; align-items:center;}
.btn-footer-nav {position:absolute; bottom:100%; right:50px; transform:translate(0px , -86px); display:inline-flex; font-size:14px; color:rgba(255,255,255,0.5); font-weight:300; align-items:center;transition:bottom 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940), transform 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.btn-footer-nav .arrow {margin-left:5px; transform:rotate(-90deg); transition:transform 0.25s ease;}
.footer-left {flex:1; display:flex; align-items:center;}
.footer-logo {flex:0 0 auto;}
.footer-logo + .footer-logo {margin-left:38px;}
.footer-right {flex:1;  box-sizing:border-box; padding:0 16px; text-align:left;}
.footer-menu {display:flex;}
.footer-menu-cell {flex:0 0 auto; position:relative;}
.footer-menu-cell + .footer-menu-cell {padding-left:13px; margin-left:13px;}
.footer-menu-cell + .footer-menu-cell:before {content:''; position:absolute;top:50%;left:-1px;margin-top:-1px; display:block; width:2px;height:2px;background:#f5f6fa;}
.footer-menu-cell > a {font-size:14px;line-height:20px;color:#e7e7e7; font-weight:300;}
.footer-menu-cell > a > em {color:#edc06a; font-weight:700;}
.footer-copy {font-size:12px; line-height:16px; margin-top:7px; color:#7e7e7e; white-space:nowrap;}

#header {position:fixed;top:0;left:0;width:100%;height:74px;background:rgba(0,0,0,0.6); z-index:1500;}
.header-wrap {position:relative; height:100%; margin:0 auto; max-width:1560px;}
.header-wrap h1 {position:absolute;top:0;left:100px;width:224px;height:100%;display:flex;align-items:center;justify-content:center; z-index:5;}
.header-side-menu {position:absolute;top:0;right:0;display:flex;height:100%; align-items:center;}
.header-side-menu > li {}
.header-side-menu > li > a {font-size:16px;display:block;color:#fff;font-weight:500;}
.header-side-menu > li + li {position:relative;padding-left:20px;margin-left:20px;}
.header-side-menu > li + li + li:before {content:'';position:absolute;top:50%;left:0;display:block;width:1px;height:16px;margin-top:-8px; background:rgba(255,255,255,0.3);}

.header_share_box {
	width:186px;
	height:70px;
	padding:4px 0 0 0;
	display: flex;
	justify-content: space-between;
}
.header_share_box a {
	height:72px;
	background-image:url(../../assets/images/header_share_menu.png?t=230616);
	background-repeat: no-repeat;;
}
.header_share_box a.header_kakao_channel{
	width:34px;
	height:74px;
	background-position:0 0;	
}
.header_share_box a.header_link_share{
	width:26px;
	background-position:-76px 0;	
}
.header_share_box a.header_youtube{
	width:36px;
	background-position:-152px 0;
}

#btn_gnb {
	position: relative;
	display: block;
	width:53px;
	height:74px;
	z-index: 500;
	cursor: pointer;
}
nav{
	position: absolute;
	top:0;
	left:-100%;
	width:550px;
	height:100%;
	min-height:100vh;
	background:url(../../assets/images/gnb_visual.png?t=230616) no-repeat 0 0;
	background-size: 523px 100%;
	z-index: 500;
}
#gnb {
	position: relative;
	width:477px;
	height:calc(100% - 150px);
	padding:0 0 150px 0;
}
#gnb p{
	position: relative;
	padding:0 0 60px 0 ;
}

#gnb p a{
	display: block;
	position: absolute;
	width:210px;
	height:200px;
	top:40px;
	left:50%;
	margin:0 0 0 -105px;
}
#gnb > ul{
	width:100%;
	text-align: center;
}

#gnb > ul > li {
	width:100%;
	padding:24px 0 0 0;
	text-align: center;
}
#gnb > ul > li.active {
	background:url(../../assets/images/bg_gnb_menu_active.png?t=230616) no-repeat center 52px;
}
#gnb > ul > li  a{
	display: block;
	width:100%;
	height:24px;
	padding:0 0 24px 0;;
	text-align: center;
}

#gnb > ul > li  a span{
	font-size:0;
	line-height: 0;;
}
/* gnb menu 메인*/
#gnb > ul > li.menu01 a{
	background:url(../../assets/images/txt_gnb_menu01_off.png?t=230616) no-repeat center 0;
}
#gnb > ul > li.menu01 a:hover,
#gnb > ul > li.menu01 a:active,
#gnb > ul > li.menu01.active a{
	background:url(../../assets/images/txt_gnb_menu01_on.png?t=230616) no-repeat center 0;
}
/* gnb menu 이벤트*/
#gnb > ul > li.menu02 button{
	background:url(../../assets/images/txt_gnb_menu02_off.png?t=230616) no-repeat center 0;
}
#gnb > ul > li.menu02 button:hover,
#gnb > ul > li.menu02 button:active,
#gnb > ul > li.menu02.active button{
	background:url(../../assets/images/txt_gnb_menu02_on.png?t=230616) no-repeat center 0;
}
#gnb > ul > li  button{
	display: block;
	width:100%;
	height:48px;
	text-align: center;
	outline:none;
	border:none;
}
#gnb > ul > li  button span{
	font-size:0;
	line-height: 0;;
}
#gnb > ul > li.menu02 ul {
	padding:0 0 25px 0;
}
#gnb > ul > li.menu02 ul li {
	height:40px;
	line-height: 40px;;
}
#gnb > ul > li.menu02 ul li a{
	display: block;
	width: 100%;
	height:40px;
	line-height: 40px;
	padding:0;
	font-size: 16px;
	color:#565656;
	background:none !important;
}
#gnb > ul > li.menu02 ul li a:hover,
#gnb > ul > li.menu02 ul li a a:active,
#gnb > ul > li.menu02 ul li.active a{
	background:none !important;
	font-weight: 600;
	color:#373737;
}
/* gnb menu 첫 공성전 미리보기*/
#gnb > ul > li.menu03 a{
	background:url(../../assets/images/txt_gnb_menu03_off.png?t=230616) no-repeat center 0;
}
#gnb > ul > li.menu03 a:hover,
#gnb > ul > li.menu03 a:active,
#gnb > ul > li.menu03.active a{
	background:url(../../assets/images/txt_gnb_menu03_on.png?t=230616) no-repeat center 0;
}
.gnb_share_box {
	position: absolute;
	bottom:60px;
	left:145px;
	width:186px;
	height:30px;
	display: flex;
	justify-content: space-between;
}
.gnb_share_box a {
	height:72px;
	background-image:url(../../assets/images/gnb_share_menu.png?t=230616);
	background-repeat: no-repeat;;
}
.gnb_share_box a.gnb_kakao_channel{
	width:34px;
	height:74px;
	background-position:0 0;	
}
.gnb_share_box a.gnb_link_share{
	width:26px;
	background-position:-76px 0;	
}
.gnb_share_box a.gnb_youtube{
	width:36px;
	background-position:-152px 0;
}

nav .btn_nav_close {
	position: absolute;
	top: 35px;
	right:0;
	width:41px;
	height:37px;

}	
#gnb > button {position:relative; display:flex; align-items:center; justify-content:center; height:100%; font-size:24px; font-weight:300; color:#fff; padding:0 48px;}
#gnb > button.actived {font-weight:500; color:#caa350;}

#sideBanner {position:fixed;top:47%;right:0; z-index:1500;}
#sideBanner > ul {transform:translate(0% , -50%);}
#sideBanner > ul > li {}
#sideBanner > ul > li + li {margin-top:3px;}
#sideBanner > ul > li > a {display:block;}

.btn-transparent {position:absolute;font-size:0;line-height:1;background:rgba(255,255,255,0);}

.main {position:relative;width:100%}
.main .txt-group {display:inline-flex; height:100%; position:absolute;left:50%;top:0; align-items:center; text-align:center;}
.main .txt-group .txt-2 {margin-top:44px;}
.main .txt-group .txt-3 {margin-top:46px;display:flex; justify-content:center;}
.main .txt-group .txt-3 > a {margin:0 5px;}
.main .btn-1 {top:54.2%;left:46.1%;width:7.8%;height:13.8%;}
.main .btn-2 {top:75.25%;left:40.7%;width:18.4%;height:7.4%;}


.benefit {width:100%}
.event-1 {position:relative;width:100%;}
.event-1 .btn-1 {top:83.25%;left:41.3%;width:17.4%;height:7.3%;}
.event-2 {position:relative;width:100%;}
.event-2 .btn-1 {top:81.5%;left:41.2%;width:17.5%;height:7.3%;}
.event-2 .btn-2 {top:82.3%;left:49.4%;width:6.8%;height:4.1%;}

.event-3 {position:relative;width:100%;}
.event-3 .btn-1 {top:76.75%;left:41.3%;width:17.4%;height:7.3%;}
.stage-wrap {position:relative;}

.siege-box {
	position: relative;
}
.siege-box .tit{
	position: absolute;
	left:50%;
	top:50%;
	width:100%;
	transform: translateX(-50%);
	margin-top:-24.25%;
	z-index: 1000;
}
.siege-box .tit img{
	width:100%;
}
.siege-box .bg_siege_deam {
	width:100%;
	height:100%;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	background:rgba(0, 0, 0, 0.7å);
	z-index: 5;
	display: none;
}
.siege-box:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:283px;background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 14%, rgba(0,0,0,0) 100%);display:block;}
.siege-box .btn-1, .siege-box .btn-2 {
	display: block;
	width:15%;
	height:10.5%;
	left:43.5%;
	z-index: 100;
}
.siege-box .btn-1 {top:53.575%;}
.siege-box .btn-2 {top:80%;}

.bg_inner,.bg_outer {
	display: none;
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	/* top:50%;
	left:50%;
	transform: translate(-50%, -50%); */
	z-index: 100;
}
.bg_inner .inner_seq , 
.bg_outer .outer_seq  {
	position: absolute;
	top: 0;
	left: 0%;
	width:100%;
	height:100%;
	z-index: 1000;
}
.bg_inner .inner_seq img, 
.bg_outer .outer_seq img {
	width:100%;
	height:100%;
}
.siege-box .btn-1:hover ,.siege-box .btn-2:hover {
	z-index: 200;
}
.siege-box .btn-1:hover + .bg_inner,
.siege-box .btn-2:hover + .bg_outer {
	display: block;
}
.bg_inner img,.bg_outer img {
	width:100%;
}
img.con-img {width:100%; max-width:none;}

#siegeInner .inner_tabs li .tab_off,
#siegeInner .inner_tabs li.actived .tab_on,
#siegeOuter .outer_tabs li .tab_off,
#siegeOuter .outer_tabs li.actived .tab_on  {
	display: block;
}

#siegeInner .inner_tabs li .tab_on,
#siegeInner .inner_tabs li.actived .tab_off,
#siegeOuter .outer_tabs li .tab_on ,
#siegeOuter .outer_tabs li.actived .tab_off {
	display: none;
}

@media (max-width: 1880px) {
	/* 공성전 내성전투 */
	#siegeInner .event3-pop-wrap {
		width:60.781250000vw;
	}
	#siegeInner img{
		width:100%;
	}
	#siegeInner .tit {
		position: absolute;
		top:2.343750000vw;
		left:0;
		width:100%;
		text-align: center;
	}

	#siegeInner .tit img{
		width:16.093750000vw;
	}
	#siegeInner .tab_container_inner {
		position: absolute;
		top:5.208333333vw;
		left:0;
		width:100%;
	}
	#siegeInner ul.inner_tabs{
		margin: 0.000000000vw;
		padding: 0.000000000vw;
		list-style: none;
		display: flex;
		justify-content: center; 
	}

	#siegeInner ul.inner_tabs li{
		display: inline-block;
		width:17.031250000vw;
		height:7.447916667vw;
		margin:0 0.729166667vw;
		cursor: pointer;
	}
	#siegeInner ul.inner_tabs li.actived {
		box-shadow: 0 0.052083333vw 0.052083333vw rgba(0,0,0,0.08), 
		0 0.104166667vw 0.104166667vw rgba(0,0,0,0.12), 
		0 0.208333333vw 0.208333333vw rgba(0,0,0,0.16), 
		0 0.416666667vw 0.416666667vw rgba(0,0,0,0.20);
	}
	/* #siegeInner ul.inner_tabs li.tab_inner_lst01 {
		background:url(../../assets/images/siege_inner_tab_01_off.png?t=230616) no-repeat 0 0;
		background-size:17.031250000vw 7.447916667vw;
	}
	#siegeInner ul.inner_tabs li.tab_inner_lst01.actived {
		background:url(../../assets/images/siege_inner_tab_01_on.png?t=230616) no-repeat 0 0;
		background-size:17.031250000vw 7.447916667vw;
	}
	#siegeInner ul.inner_tabs li.tab_inner_lst02 {
		background:url(../../assets/images/siege_inner_tab_02_off.png?t=230616) no-repeat 0 0;
		background-size:17.031250000vw 7.447916667vw;
	}
	#siegeInner ul.inner_tabs li.tab_inner_lst02.actived {
		background:url(../../assets/images/siege_inner_tab_02_on.png?t=230616) no-repeat 0 0;
		background-size:17.031250000vw 7.447916667vw;
	} */

	#siegeInner .tab-content{
		display: none;
		position: relative;
		overflow: hidden;
		width:39.895833333vw;
		height:22.447916667vw;
		margin:2.500000000vw auto 0;
		border:0.052083333vw solid #a5846f;
	}
	#siegeInner .tab-content .video_inner_box {
		width:40.000000000vw;
		height:22.552083333vw;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
	}
	#siegeInner .tab-content .video_inner_box video {
		width:100%;
		height:100%;
		background:#000000;
	}
	#siegeInner .tab-content.actived{
		display: inherit;
	}

	/* 공성전 외성전투 */
	#siegeOuter .event3-pop-wrap {
		width:60.781250000vw;
	}
	#siegeOuter img{
		width:100%;
	}
	#siegeOuter .tit {
		position: absolute;
		top:2.343750000vw;
		left:0;
		width:100%;
		text-align: center;
	}
	#siegeOuter .tit img{
		width:16.093750000vw;
	}
	#siegeOuter .tab_container_inner {
		position: absolute;
		top:5.208333333vw;
		left:0;
		width:100%;
	}
	#siegeOuter ul.outer_tabs{
		margin: 0.000000000vw;
		padding: 0.000000000vw;
		list-style: none;
		display: flex;
		justify-content: center; 
	}

	#siegeOuter ul.outer_tabs li{
		display: inline-block;
		width:17.031250000vw;
		height:7.447916667vw;
		margin:0 0.729166667vw;
		cursor: pointer;
	}
	#siegeOuter ul.outer_tabs li.actived {
		box-shadow: 0 0.052083333vw 0.052083333vw rgba(0,0,0,0.08), 
		0 0.104166667vw 0.104166667vw rgba(0,0,0,0.12), 
		0 0.208333333vw 0.208333333vw rgba(0,0,0,0.16), 
		0 0.416666667vw 0.416666667vw rgba(0,0,0,0.20);
	}
	/* #siegeOuter ul.outer_tabs li.tab_outer_lst01 {
		background:url(../../assets/images/siege_outer_tab_01_off.png?t=230616) no-repeat 0 0;
		background-size:17.031250000vw 7.447916667vw;
	}
	#siegeOuter ul.outer_tabs li.tab_outer_lst01.actived {
		background:url(../../assets/images/siege_outer_tab_01_on.png?t=230616) no-repeat 0 0;
		background-size:17.031250000vw 7.447916667vw;
	}
	#siegeOuter ul.outer_tabs li.tab_outer_lst02 {
		background:url(../../assets/images/siege_outer_tab_02_off.png?t=230616) no-repeat 0 0;
		background-size:17.031250000vw 7.447916667vw;
	}
	#siegeOuter ul.outer_tabs li.tab_outer_lst02.actived {
		background:url(../../assets/images/siege_outer_tab_02_on.png?t=230616) no-repeat 0 0;
		background-size:17.031250000vw 7.447916667vw;
	}
	#siegeOuter ul.outer_tabs li.tab_outer_lst03 {
		background:url(../../assets/images/siege_outer_tab_03_off.png?t=230616) no-repeat 0 0;
		background-size:17.031250000vw 7.447916667vw;
	}
	#siegeOuter ul.outer_tabs li.tab_outer_lst03.actived {
		background:url(../../assets/images/siege_outer_tab_03_on.png?t=230616) no-repeat 0 0;
		background-size:17.031250000vw 7.447916667vw;
	} */
	#siegeOuter .tab-content{
		display: none;
		position: relative;
		overflow: hidden;
		width:39.895833333vw;
		height:22.447916667vw;
		margin:2.500000000vw auto 0;
		border:0.052083333vw solid #a5846f;
	}
	#siegeOuter .tab-content .video_inner_box {
		width:40.000000000vw;
		height:22.552083333vw;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
	}
	#siegeOuter .tab-content .video_inner_box video {
		width:100%;
		height:100%;
		background:#000000;
	}
	#siegeOuter .tab-content.actived{
		display: inherit;
	}
}

@media (min-width: 1920px) {
	/* 공성전 내성전투 */
	#siegeInner .event3-pop-wrap {
		width:1167px;
	}
	#siegeInner img{
		width:100%;
	}
	#siegeInner .tit {
		position: absolute;
		top:45px;
		left:0;
		width:100%;
		text-align: center;
	}

	#siegeInner .tit img{
		width:309px;
	}
	#siegeInner .tab_container_inner {
		position: absolute;
		top:100px;
		left:0;
		width:100%;
	}
	#siegeInner ul.inner_tabs{
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: flex;
		justify-content: center; 
	}

	#siegeInner ul.inner_tabs li{
		display: inline-block;
		width:327px;
		height:143px;
		margin:0 14px;
		cursor: pointer;
	}
	#siegeInner ul.inner_tabs li.actived {
		box-shadow: 0 1px 1px rgba(0,0,0,0.08), 
		0 2px 2px rgba(0,0,0,0.12), 
		0 4px 4px rgba(0,0,0,0.16), 
		0 8px 8px rgba(0,0,0,0.20);
	}
	/* #siegeInner ul.inner_tabs li.tab_inner_lst01 {
		background:url(../../assets/images/siege_inner_tab_01_off.png?t=230616) no-repeat 0 0;
		background-size:327px 143px;
	}
	#siegeInner ul.inner_tabs li.tab_inner_lst01.actived {
		background:url(../../assets/images/siege_inner_tab_01_on.png?t=230616) no-repeat 0 0;
		background-size:327px 143px;
	}
	#siegeInner ul.inner_tabs li.tab_inner_lst02 {
		background:url(../../assets/images/siege_inner_tab_02_off.png?t=230616) no-repeat 0 0;
		background-size:327px 143px;
	}
	#siegeInner ul.inner_tabs li.tab_inner_lst02.actived {
		background:url(../../assets/images/siege_inner_tab_02_on.png?t=230616) no-repeat 0 0;
		background-size:327px 143px; 
	}*/

	#siegeInner .tab-content{
		display: none;
		position: relative;
		overflow: hidden;
		width:766px;
		height:431px;
		margin:48px auto 0;
		border:1px solid #a5846f;
	}
	#siegeInner .tab-content .video_inner_box {
		width:768px;
		height:433px;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
	}
	#siegeInner .tab-content .video_inner_box video {
		width:100%;
		height:100%;
		background:#000000;
	}
	#siegeInner .tab-content.actived{
		display: inherit;
	}

	/* 공성전 외성전투 */
	#siegeOuter .event3-pop-wrap {
		width:1167px;
	}
	#siegeOuter img{
		width:100%;
	}
	#siegeOuter .tit {
		position: absolute;
		top:45px;
		left:0;
		width:100%;
		text-align: center;
	}
	#siegeOuter .tit img{
		width:309px;
	}
	#siegeOuter .tab_container_inner {
		position: absolute;
		top:100px;
		left:0;
		width:100%;
	}
	#siegeOuter ul.outer_tabs{
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: flex;
		justify-content: center; 
	}

	#siegeOuter ul.outer_tabs li{
		display: inline-block;
		width:327px;
		height:143px;
		margin:0 14px;
		cursor: pointer;
	}
	#siegeOuter ul.outer_tabs li.actived {
		box-shadow: 0 1px 1px rgba(0,0,0,0.08), 
		0 2px 2px rgba(0,0,0,0.12), 
		0 4px 4px rgba(0,0,0,0.16), 
		0 8px 8px rgba(0,0,0,0.20);
	}
	/* #siegeOuter ul.outer_tabs li.tab_outer_lst01 {
		background:url(../../assets/images/siege_outer_tab_01_off.png?t=230616) no-repeat 0 0;
		background-size:327px 143px;
	}
	#siegeOuter ul.outer_tabs li.tab_outer_lst01.actived {
		background:url(../../assets/images/siege_outer_tab_01_on.png?t=230616) no-repeat 0 0;
		background-size:327px 143px;
	}
	#siegeOuter ul.outer_tabs li.tab_outer_lst02 {
		background:url(../../assets/images/siege_outer_tab_02_off.png?t=230616) no-repeat 0 0;
		background-size:327px 143px;
	}
	#siegeOuter ul.outer_tabs li.tab_outer_lst02.actived {
		background:url(../../assets/images/siege_outer_tab_02_on.png?t=230616) no-repeat 0 0;
		background-size:327px 143px;
	}
	#siegeOuter ul.outer_tabs li.tab_outer_lst03 {
		background:url(../../assets/images/siege_outer_tab_03_off.png?t=230616) no-repeat 0 0;
		background-size:327px 143px;
	}
	#siegeOuter ul.outer_tabs li.tab_outer_lst03.actived {
		background:url(../../assets/images/siege_outer_tab_03_on.png?t=230616) no-repeat 0 0;
		background-size:327px 143px;
	} */
	#siegeOuter .tab-content{
		display: none;
		position: relative;
		overflow: hidden;
		width:766px;
		height:431px;
		margin:48px auto 0;
		border:1px solid #a5846f;
	}
	#siegeOuter .tab-content .video_inner_box {
		width:768px;
		height:433px;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
	}
	#siegeOuter .tab-content .video_inner_box video {
		width:100%;
		height:100%;
		background:#000000;
	}
	#siegeOuter .tab-content.actived{
		display: inherit;
	}
  }