@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.4/dist/web/static/pretendard-dynamic-subset.css");

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../css/font/open-sans.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../css/font/open-sans-thin.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('../css/font/roboto-thin.woff2') format('woff2');
}
@font-face {
    font-family:'Nanum';
    src:url('../css/font/nanum.eot');
    src:url('../css/font/nanum.eot?#iefix') format('embedded-opentype'), url('../css/font/nanum.woff') format('woff'), url('../css/font/nanum.ttf') format('truetype');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'NanumBold';
    src:url('../css/font/nanum_bold.eot');
    src:url('../css/font/nanum_bold.eot?#iefix') format('embedded-opentype'), url('../css/font/nanum_bold.woff') format('woff'), url('../css/font/nanum_bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal;
}

/* CSS Document */
input, textarea, keygen, select, button { font-family: "Pretendard", "Nanum", "맑은 고딕", "dotum"; /* font-weight:500; */}
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 { margin:0; padding:0; font-family: "Pretendard", "Nanum", "맑은 고딕", "dotum"; /* font-weight:500; */ line-height: 200%;color:#666; font-size:14px;vertical-align:middle }
div, p, span {margin:0px;padding:0px;}
dl, dt, dd {margin:0px;padding:0px;}
ul, ol, li {margin:0px;padding:0px; list-style:none;}
h1, h2, h3, h4, h5, h6 ,b, th, strong, b{margin:0px;padding:0px; }
table, th, td {margin:0px;border:0px; }
img,fieldset,iframe{border:0 none; vertical-align:middle; }
a {text-decoration:none; border:0px;}
a:hover{text-decoration:none; border:0px;}
caption,legend{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px}
iframe,object,video,embed{position:relative;top:0;left:0;max-width:100%}
i, em, address {font-style:normal}
label {cursor:pointer}
iframe,object,video,embed{position:relative;top:0;left:0;max-width:100%}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}
.hidden{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px;position:absolute;top:0;left:-9999999999px}

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { clear:both;  }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after { clear: both; }

html, body { width:100%; height:100%; background-color:#eeeeee;  }

.margin-t-10 { margin-top:10px !important; }
.margin-t-20 { margin-top:20px !important; }

.margin-b-10 { margin-bottom:10px !important; }
.margin-b-20 { margin-bottom:20px !important; }

.pad { margin-bottom:50px !important;}

/* layerpop 관련 스타일 */
#dim { cursor:pointer; background-color:black; width:100%; height:100%; position:fixed; top:0; left:0; opacity:.5 }
.pop { transition:transform .4s, opacity .4s; transform-origin:center; position:fixed; margin:auto; top:50%; left:50%; transform:translate(-50%, -50%); background-color:white; padding:25px; min-width:10px; min-height:10px; box-shadow:2px 2px 30px rgba(0, 0, 0, .5); border-radius:3px   }
.pop.closing { transform:translate(-50%, -50%) scale(.8); opacity:0 }
.pop .table-list-1 th { background-color:#eee; border:1px solid #e4e5e7 }
.pop .table-list-1 td { padding:10px }
.pointer { cursor:pointer }
.pointer:hover { color:#8ac300 }
.pop .content { overflow:auto; overflow-y:auto; height:100% }
.pop .closeBtn { position:absolute; top:-11px; right:-15px; background:url("../images/closeBtn.png") no-repeat; width:27px; height:27px; cursor:pointer }
.pop .closeBtn:hover { background-position:0 -28px  }
.pop .closeBtn:active { top:-10px; right:-16px  }
.pop .popTitle { font-size:12px; font-weight:bold }
.pop .popTitle:before { content:"-"; display:inline-block; margin-right:5px }