@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body, html{overflow-x: hidden;font-family: Noto Sans KR,Helvetica,Arial,sans-serif;color: #6e6e6e;font-weight:normal;font-size: 14px;height:100%;line-height:1;background-size: cover;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
*, *:before, *:after {margin: 0;padding: 0;overflow-wrap: break-word;word-break: keep-all;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: transparent;outline: 0;}
label {-ms-user-select: none; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}
label[for] {cursor: pointer;}
img {max-width: 100%;border: 0;}

h1 {font-size: 48px;}
h2 {font-size: 55px;}
h3 {font-size: 17px;}
h4 {font-size: 24px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

p {word-break: break-all;}
a{text-decoration: none;background-color: transparent;color: inherit;cursor: pointer;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;}
td, th {border: 1px solid #ddd;padding:5px;}
td:first-child {border-left: 0;}
td{border-width: 0 0 1px 1px;}
ul {list-style: none;font-size:0;}
li {list-style: none;font-size: 14px;}
pre {overflow-y:scroll;}
i {vertical-align: middle;}
hr {clear: both;display: block;}
input {-webkit-border-radius:0;-webkit-appearance:none;width: 100%;}
input[type="password"] {font-family: Verdana,sans-serif;}
input[type="submit"]{cursor:pointer}
::-webkit-search-cancel-button, ::-webkit-search-decoration, ::-webkit-outer-spin-button, ::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
input:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s;transition:opacity .3s;opacity:0;}
input::-webkit-input-placeholder{font-family:shs;}
center > * , *[align="center"] {margin: auto;}
audio, canvas, progress, video {vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
svg:not(:root) {overflow: hidden;}
::-ms-clear { display: none; }

.fl {float: left;}
.fr {float: right;}
.clear:after {content: "";display: block;clear: both;}

#fix_layer {position: fixed;display:none;}
#fix_layer .blind_box {position: fixed;background: rgba(0,0,0,.5);overflow: auto;z-index: 0;top: 0;bottom: 0;left: 0;right: 0;}
#fix_layer .layer_box {position: fixed;padding: 5px;left: 0;right: 0;top: 0;bottom: 0;text-align: center;}
#fix_layer .alert_box {color: #fff;position: relative;overflow: hidden;top: 150px;height: 100px;margin: auto;-webkit-animation: showSweetAlert 0.3s;animation: showSweetAlert 0.3s;}

#fix_layer .layer_box {color:#efefef;}
#fix_layer .layer_box * {color:inherit;}

.scbox{overflow: hidden;}
.sc_box {overflow-y: scroll;position: absolute;left: 0;right:0;height: 100%;}
.scroll {cursor: default;border-radius: 5px;position: absolute;width: 10px;z-index: 1;height: 100%;right: 2px;background: #000;border:1px solid #fff;opacity: .2;filter:alpha(opacity=20);transition: opacity .3s;}
.scroll:hover {opacity: .3;filter:alpha(opacity=30);}
.scroll:active {opacity: .5 !important;filter:alpha(opacity=50) !important;}

#body.blur{transition: .3s all ease-out;-webkit-filter: blur(1px);-moz-filter: blur(1px);-ms-filter: blur(1px);-o-filter: blur(1px);filter: blur(1px);}

/*--- custom ---*/

/* 반응형 시작 */
@media screen and (max-width: 1000px){}
/* 반응형 끝 */
h2{font-weight: normal;color: #31363b;font-weight: bold;text-align: center;}
h3{font-weight: normal;color: #444;}
h4{font-weight: normal;color: #444;}