::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}


html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size:16px;position:relative;word-break: keep-all; word-wrap: break-word;}
body {font-size:0.9em; line-height: 1.6; font-weight:400; color: #000; -webkit-font-smoothing: antialiased;font-family:'Noto Sans KR', sans-serif !important;word-break: keep-all; word-wrap: break-word;letter-spacing:-0.5px}
#content p {line-height: 1.6;}
table {margin-bottom:0}
img { max-width:100%; }

a { color: #000; text-decoration:none; }

::-moz-selection { color:#000; background:#e4f2f6; }
::-webkit-selection { color:#000; background:#e4f2f6;}
::selection{ color:#000; background:#e4f2f6;}

::-webkit-input-placeholder { font-size:0.9em; font-weight:300; color: #999; }
::-moz-placeholder { font-size:0.9em; font-weight:300; color: #999; }
:-ms-input-placeholder { font-size:0.9em; font-weight:300; color: #999; }
::-ms-input-placeholder { font-size:0.9em; font-weight:300; color: #999; }
::placeholder { font-size:0.9em; font-weight:300; color: #999; }
::-webkit-input-placeholder { /* Chrome */ font-size:0.9em; font-weight:300; color: #999; }
:-ms-input-placeholder { /* IE 10+ */ font-size:0.9em; font-weight:300; color: #999; }
::-moz-placeholder { /* Firefox 19+ */ font-size:0.9em; font-weight:300; color: #999; opacity: 1; }
:-moz-placeholder { /* Firefox 4 - 18 */ font-size:0.9em; font-weight:300; color: #999; opacity: 1; }


strong, b { font-weight:500; }
th { font-weight:500; }

.ul-default { margin:0; padding:0; }
.ul-default li { margin:0; padding:0; list-style:none; }

.no-radius { border-radius:0 !important; }
.b-radius-5 { border-radius:5px; }
.b-radius-10 { border-radius:10px; }
.b-radius-15 { border-radius:15px; }
.b-radius-20 { border-radius:20px; }
.b-radius-40 { border-radius:40px; }
.btn-w40 { min-width: 96px; }



.badge {
  font-weight: 400;
}

.msg_touch_help {
  position: absolute;
  left: 50%;
  top: 20%;
  width:100px;
  height:100px;
  margin-left: -50px;
  margin-top: 0px;
  background:url('../images/common/swipe.png') center center no-repeat;
}

.form-group i.bi { line-height:1; vertical-align:top; padding-top:0.4em;}

br.only-mobile { display:none; }
@media screen and (max-width: 768px) {
  br.only-mobile { display:block; }
}

.dropdown-menu {
  min-width: 7rem;
}


.errorpage  { margin:100px 0px; display: flex; justify-content: center; }
.errorpage-inner { text-align:center; }
.errorpage .errorpage-logo { font-size:60px; }
.errorpage .texts { margin:20px 0 40px 0; font-size:1.2em;}
.errorpage .texts h2.title { font-size:40px; margin-bottom:20px;}
.errorpage .links a { display:inline-block; margin:0 10px; }


/* explorer */
.ex-wrapper {
  background-color: #f7f7f7;
  height: 100vh;
  padding: 0 0;
}
.ex-wrapper-logo {
  padding: 0 30px;
  background-color: #279ebc;
  height:100px;
}
.ex-wrapper-logo img { max-width:200px; }
.update-wrap {
  text-align: center;
  margin-top: 86px;
  color:#333;
}
.update-tit {
  font-size: 56px;
  line-height: 1.2;
  font-weight: 500;
  padding-bottom: 25px;
}
.update-txt {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
  max-width: 625px;
  padding-bottom: 64px;
  margin: 0 auto;
}
.site-cont {
  padding: 0 0 160px;
  max-width: 906px;
  margin: 0 auto;
}

.browser-list {
  margin: 80px 0;
  padding:0;
}
.browser-list li {
  list-style:none;
}
.browser-list-cont {
  width: 33%;
  padding: 0;
  text-align: center;
  margin: 0 0 48px;
  font-size: 18px;
}
.browser-lists {
  color: #666;
}
.browser-lists:hover {
  color: #042e85;
}
.browser-imgs {
  display: block;
  margin: 0 auto 24px;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 50%;
  line-height: 0;
  width: 180px;
  height: 180px;
  box-sizing: border-box;
  transition: all .2s;
}
.browser-imgs:hover {
  border: 1px solid #042e85;

}
.browser-imgs img {
  width: 90px;
  height: 90px;
  margin-top: 45px;
}