@charset 'utf-8';

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {}
html, body {
  min-width:320px;
  height: 100%;
  font-size:14px;
  line-height:1;
  letter-spacing: -1px;
  background:#e9edf0;
  color:#000;
  font-weight:400;
  word-break:break-word;
  -webkit-text-size-adjust:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-overflow-scrolling:touch;
}

a, body, br, button, dd, del, div, dl, dt, form, html, h1, h2, h3, h4, h5, h6, iframe, img, input, label, li, object, ol, option, p, pre, select,
span, strong, table, tbody, td, textarea, tfoot, th, thead, ul,
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0; 
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-break:break-all; 
  list-style: none;
  font-family: 'Pretendard Variable', 'Pretendard', 'Noto Sans KR', malgun gothic, '맑은 고딕', 'dotum', '돋움', Arial, sans-serif !important;
  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

table {border-collapse: collapse;border-spacing: 0;}
html[xmlns*=""] body:last-child table {table-layout:fixed;}
th, td, tbody, thead, tfoot {border-collapse: collapse;}
img {font-size: 0;vertical-align: top;}
caption, legend { display:none; width:0; height:0; line-height:0; font-size:0; overflow:hidden;}
img, iframe, button {border: 0 none;outline: none;}

iframe {overflow: auto;}
input, select, textarea, button {font-family: 'Pretendard Variable', 'Pretendard', 'Noto Sans KR', malgun gothic, '맑은 고딕', 'dotum', '돋움', Arial, sans-serif !important; outline: none;}
button {cursor: pointer;}
input:-ms-input-placeholder { color: #999; }

input::-webkit-input-placeholder { color: #999; }

input::-moz-placeholder { color: #999; }

input::-moz-placeholder { color: #999; }
select::-ms-expand {display: none; }
h1, h2, h3, h4, h5, h6 {line-height: normal; font-weight:100; margin:0; text-align: left;}

strong {font-weight: 700;}

li {vertical-align: middle;line-height: normal;}

a {text-decoration: none;outline: none; color: inherit;}
a:link, a:active, a:focus, a:visited {text-decoration: none;}
a:hover {color: inherit; text-decoration: none !important;}

p {margin:0;}

html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 4px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}

.fl {float:left;}
.fr {float:right;}

.clear {clear:both;}

.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vtb {vertical-align:text-bottom !important;}

.dpi {display:inline !important;}
.dpb {display:block !important;}
.dpib {display:inline-block !important;}
.dpn {display:none !important;}
.tblrow {display:table-row;}

.light {font-weight:100 !important; }
.regular {font-weight:200 !important;}
.medium {font-weight:400 !important;}
.bold {font-weight:700 !important;}
.italic {font-style:italic !important;}

.red {color: #e63e30;}
.blue {color: blue;}
.lgt_grey {color: #999;}

.bg_gray {background: #eee !important;}
.bdr_red {border:1px solid #e63e30;}

.clearfix::after {content:''; display:block; clear:both;}
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bullet {position: relative;padding-left: 13px;}
.bullet:before {content: ""; position: absolute; left:0; top:7px; width: 8px; height: 8px; background: #e63e30; margin-right: 5px;}

.bdtNone {border-top:none !important;}
.bdrNone {border-right:none !important;}
.bdbNone {border-bottom:none !important;}
.bdlNone {border-left:none !important;}

.pdt10 {padding-top: 10px;}
.pdt20 {padding-top: 20px;}
.pdt30 {padding-top: 30px;}
.pdt40 {padding-top: 40px;}
.pdt50 {padding-top: 50px;}

.pdb10 {padding-bottom: 10px;}
.pdb20 {padding-bottom: 20px;}
.pdb30 {padding-bottom: 30px;}
.pdb40 {padding-bottom: 40px;}
.pdb50 {padding-bottom: 50px;}

.pdl10 {padding-left: 10px;}
.pdl20 {padding-left: 20px;}
.pdl30 {padding-left: 30px;}
.pdl40 {padding-left: 40px;}
.pdl50 {padding-left: 50px;}

.pdr10 {padding-right: 10px;}
.pdr15 {padding-right: 15px;}
.pdr20 {padding-right: 20px;}
.pdr30 {padding-right: 30px;}
.pdr40 {padding-right: 40px;}
.pdr50 {padding-right: 50px;}

.mgt5 {margin-top: 5px;}
.mgt10 {margin-top: 10px;}
.mgt20 {margin-top: 20px;}
.mgt30 {margin-top: 30px;}
.mgt40 {margin-top: 40px;}
.mgt50 {margin-top: 50px;}

.mgb10 {margin-bottom: 10px;}
.mgb20 {margin-bottom: 20px;}
.mgb30 {margin-bottom: 30px;}
.mgb40 {margin-bottom: 40px;}
.mgb50 {margin-bottom: 50px;}

.mgl5 {margin-left: 5px;}
.mgl10 {margin-left: 10px;}
.mgl20 {margin-left: 20px;}
.mgl30 {margin-left: 30px;}
.mgl40 {margin-left: 40px;}
.mgl50 {margin-left: 50px;}

.mgr10 {margin-right: 10px;}
.mgr20 {margin-right: 20px;}
.mgr30 {margin-right: 30px;}
.mgr40 {margin-right: 40px;}
.mgr50 {margin-right: 50px;}

.blind {display: none;}