@charset "utf-8";

/*reset*/
html, body { padding:0; margin:0; }
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,video,object,input,textarea,p,tbody,tfoot,thead,th,td,colgroup,caption,article,section,aside,footer,header,div { margin:0; padding:0; }
table { border-spacing:0; border-collapse:collapse; }
select,input,label,button, textarea { display:inline-block; vertical-align:middle; margin:0; letter-spacing:-0.08em; }
h1,h2,h3,h4,h5,h6 { font-size:1em; }
ol,ul ,li { list-style:none; }
img, fieldset{border:0 none;}
img{ margin:0; padding:0; display:inline-block; vertical-align:middle; zoom:1; *display:inline; }
a{ outline:none; display:inline-block; vertical-align:middle; zoom:1; *display:inline; cursor:pointer; margin:0; }
* { -webkit-text-size-adjust:none; }

/*layout*/
html, body{ height:100%; padding:0; margin:0; color:#575757; }
body{ width:100%; position:relative; line-height:1.6em; letter-spacing:-0.04em; -webkit-font-smoothing: antialiased; text-decoration: inherit; font-family: "Dotum", "Arial"; font-size:14px;}
section, header, footer{ position:relative; width:100%; height:auto; }
.accessibility{ position:absolute; left:-9999px; height:0; font-size:0; line-height:0; }
.sections{ position:relative; width:100%; }
.sections .wrap{ width:1280px; margin:0 auto; position:relative; top:0; }

#wrapper{ position:relative; width:100%; height:auto; max-width:2400px; min-width:1280px; background:#000; margin:0 auto;overflow:hidden}

#main{ /*background:url(https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0629_showcase_civj2d/mainbg.jpg) no-repeat center top*/height:1080px}
#mainVideo{position:absolute;width:100%;height:100%;left:0;right:0;top:0}
/*#mainVideoCover{position:absolute;width:100%;height:100%;left:0;right:0;top:0;background:url(https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0629_showcase_civj2d/mainbg.jpg) no-repeat center top;}*/
#mainVideoCover{position:absolute;width:100%;height:100%;left:0;right:0;top:0;background:url(https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0629_showcase_civj2d/main_cover.jpg) no-repeat center top;}


#video_intro{position:absolute;width:100%;height:100%;left:0;right:0;top:0}
#video_loop{position:absolute;width:100%;height:100%;left:0;right:0;top:0;display:none}
#movieover{position:absolute;width:100%;height:100%;left:0;right:0;top:0}
#content{ background:url(https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0629_showcase_civj2d/content1bg.jpg) no-repeat center top;height:1520px}
.wrap{ width:1280px;margin:0 auto;position:relative}
.cfix{ position:absolute; left:50%; margin-left:-960px; top:0; width:1920px}
.cfix img{display:block}
#footer{ position:absolute; width:100%; left:0; bottom:0; overflow:hidden }
#footer .wrap{ height:97px; width:1280px; margin:0 auto; }
#footer .wrap img{ display:block; width:1020px; margin:0 auto }
#content .cfix{width:1120px;margin-left:-560px}

#header{position:absolute;top:0;width:1280px;left:50%;margin-left:-640px}
#header h1{position:absolute;left:-15px;top:0}
#header .toplinks{position:absolute;right:-15px;top:30px;}
#header .notoday{position:absolute;right:-15px;top:75px}
#header .toplinks > li{float:left;padding-left:50px;position:relative;background:url(https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0629_showcase_civj2d/topbar.png) no-repeat 5px center}
#header .toplinks > li:first-child{padding-left:0;background:none}
#header .toplinks a{display:block}
.notoday img{display:block}

.bt_location{position:absolute;left:475px;top:476px}
.bt_location a img{display:block}
.showcaseBtns{position:absolute;top:800px;left:45px;font-size:0;line-height:0}
.showcaseBtns a{float:left;display:block}
.showcaseBtns a img{display:block}


.checklb{position:relative;display:block;overflow:hidden}
.checklb .checkmark{display:none;position:absolute;left:0;top:0;}
.checklb .checkbox{position:absolute;width:1px;height:1px;top:-999px;left:-999px;font-size:0;line-height:0}
.checklb.checked .checkmark{display:block}


#dim{display:none;position:absolute;left:0;right:0;top:0;bottom:0;z-index:99}
.layerPopup{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:100;width:100%;height:100%;overflow:auto}
.layerPopup .tb{display:table;width:100%;height:100%;font-size:0;background:url(https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0629_showcase_civj2d/dim.png)}
.layerPopup .tbc{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle}
.layerPopup .back_close{position:absolute;width:100%;height:100%;z-index:0;left:0;right:0;top:0;bottom:0}
.layerPopup .bt_close{position:absolute;top:-72px;right:0}
#showcaseEvent .bt_close{top:0;right:-72px}
.layerPopup .popinner{position:relative;margin:0 auto;width:auto;height:auto;display:inline-block;z-index:10}
.layerPopup img{display:block;margin:0 auto}

.snsShare{position:absolute;left:155px;top:845px}
.snsShare a{display:block;float:left;padding-right:10px}

#arenamap{position:absolute;width:700px;height:282px;left:27px;top:90px}
#showcaseLive{position:absolute;width:100%;left:0;top:0;height:100%}

.livemark{position:absolute;bottom:100%;left:0}
.livehead{position:absolute;bottom:100%;left:0;margin-bottom:35px}
.livefoot{position:absolute;top:100%;left:0}

.useragree{position:absolute;left:155px;top:1055px}
.bt_detail{position:absolute;left:495px;top:1055px}

#userText{position:absolute;left:155px;top:1105px;font-size:17px;border:none;outline:none;width:604px;height:74px;line-height:1.25em;color:#252525;padding:10px;overflow:auto}
.bt_inform{position:absolute;right:155px;top:1103px}
.bt_goagree{position:absolute;left:175px;top:1580px}



@media screen and (max-width :1310px) {
	#header{width:100%;left:0;margin-left:0}
	#header h1{left:15px;top:0}
	#header .toplinks{right:15px}
	#header .notoday{right:15px}
}

p{font-size:0;line-height:0}

.blind {font-size:0; line-height: 0; text-indent: -10000000px;}