@charset "utf-8";

@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin'), local('Cabin-Regular'), url(https://fonts.gstatic.com/s/cabin/v10/JEgmtEDzc-IH8jBshQXrYA.woff) format('woff');
}
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: local('Cabin SemiBold'), local('Cabin-SemiBold'), url(https://fonts.gstatic.com/s/cabin/v10/bSicyj3YibVhVPhGZyWVI_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
font-family:'OS';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
@font-face {
font-family:'OSSB';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}


@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@font-face {
   font-family:'NSKM';
   src: url(../font/NotoSansKR-Medium-Hestia.woff2) format('woff2');
	   url(../font/NotoSansKR-Medium-Hestia.woff) format('woff'),
	   url(../font/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face {
	font-family:'NSKR';
	src: url(../font/NotoSansKR-Regular-Hestia.woff2) format('woff2'),
	   url(../font/NotoSansKR-Regular-Hestia.woff) format('woff'),
	   url(../font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
	font-family:'NSKL';
	src: url(../font/NotoSansKR-Light-Hestia.woff2) format('woff2'),
	   url(../font/NotoSansKR-Light-Hestia.woff) format('woff'),
	   url(../font/NotoSansKR-Light-Hestia.otf) format('opentype');
}*/

/* standard css start */
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, a, table, thead, tfoot, tbody, th, td, form, legend, label, input, textarea, address, strong, em, pre, q, abbr, acronym, cite, blockquote, object, iframe {margin:0; padding:0;}
body {font-family:'Helvetica Neue', Helvetica,Arial, sans-serif, 맑은고딕, sans-serif; font-size:12px; color:#666; line-height:14px; -webkit-text-size-adjust: none;/*아이폰 글자크기 자동조정 방지*/ /*overflow:scroll; overflow-x:hidden;*/background-color:#000;}
@-moz-document url-prefix(){ body {letter-spacing:-0.3px;};}
img, fieldset, hr {border:0; margin:0; padding:0;}
img {vertical-align:top;}
ul, ol {list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-size:12px; font-weight:normal;}
select, input, textarea {font-family: 'NSKL', 'Nanum Gothic', sans-serif; color:#666; vertical-align:middle;}
select {height:18px;}
table {border-collapse:collapse;}
address {font-style:normal;}
hr {clear:both; display:none;}
legend, caption {width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}

a:link,a:visited			{color:#666; text-decoration:none;}
a:hover,a:active,a:focus	{color:#666; text-decoration:underline;}

input, textarea				{ -webkit-appearance:none; -webkit-border-radius:0; }
input[type="checkbox"]		{ -webkit-appearance:checkbox; }
input[type="radio"]			{ -webkit-appearance:radio; -webkit-border-radius:10px; }

* html input {margin:-1px 0;} 
*:first-child+html input {margin:-1px 0}

.png24						{tmp:expression(setPng24(this));}

.hidden						{display:none; }
.vTop						{vertical-align:top; }
.vMid						{vertical-align:middle; }

.f12 {font-size:12px;}

.cb {clear:both;}
.fl {float:left;}
.fr {float:right;}

.t_r {text-align:right;}
.t_ct {text-align:center;}

.v_m {vertical-align:middle;}

.p_rel {position:relative;}

.d_none {display:none;}

.cursor						{cursor:pointer; }

.embed-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; } 
.embed-container iframe, .embed-container object, .embed-container embed {position:absolute; top:0; left:0; width:100%; height:100%; }

#transparent { width:100%; height:5000px; position:fixed; background:url('https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0720_chainslash_tj59rjvl/common/bg_pop_all.png') repeat-x; /*background:#000; filter:Alpha(Opacity=60); opacity:0.6;*/ left:0; top:0; z-index:100; _position:absolute; z-index:1000; }

.pop_wrap {position:absolute; top:235px; left:0; width:100%; display:none;}

.opa_bg {width:100%; height:5000px; position:fixed; background:#000; filter:Alpha(Opacity=80); opacity:0.8; left:0; top:0; z-index:100; _position:absolute; z-index:1000; /*background:url('https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0720_chainslash_tj59rjvl/common/bg_pop_all.png') repeat-x;*/}




/*======================================================================
  Selectric
======================================================================*/

.selectricWrapper {
  position: relative;
  margin: 0;
  /*width: 300px;*/
  cursor: pointer;
}

.selectricResponsive {
  width: 100%;
}

.selectric {
  border: 1px solid #dbdbdb;
  background: #FFF;
  position: relative;
  /*border-radius: 2px;*/
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 30px 0 0;
  padding: 8px 8px 8px 8px;
  font-size: 14px;
  line-height: 18px;
  color: #666;
  min-height: 18px;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 33px; 
  height: 33px;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  /* IE Fix */
  *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #212121;
  border-bottom: none;
}

.selectricHover .selectric {
  border-color: #dbdbdb;
}

.selectricHover .selectric .button {
  color: #888;
}

.selectricHover .selectric .button:after {
  border-top-color: #000;
}

.selectricOpen {
  z-index: 9999;
}

.selectricOpen .selectric {
  border-color: #CCC;
  background: #fff;
  z-index: 9999;
}

.selectricOpen .selectricItems {
  display: block;
}

.selectricDisabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectricHideSelect {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectricHideSelect select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectricInput {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectricTempShow {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */

.selectricItems {
  display: none;
  position: absolute;
  overflow: auto;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #dbdbdb;
  z-index: 9998;
  /*-webkit-box-shadow: 0 0 10px -6px;
  box-shadow: 0 0 10px -6px;*/
}

.selectricItems ul,
.selectricItems li {
  width:95% !important;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectricItems li {
  display: block;
  padding: 5px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #666;
  cursor: pointer;
}

.selectricItems li.selected {
  background: #fff;
  color: #444;
  border-top-color: none;
}

.selectricItems li:hover {
  background: #F0F0F0;
  color: #444;
}

.selectricItems li.disabled {
  background: #F5F5F5;
  color: #BBB;
  border-top-color: #FAFAFA;
  cursor: default;
}