* {margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html,body {margin:0;padding:0;-webkit-text-size-adjust:none;font-size:16px;min-width:320px}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video,a,button,textarea,input {border:0;font-family:'NotoSansKR',Roboto,'맑은 고딕',Malgun Gothic,'돋움',Dotum;font-weight:400;color:#636363;line-height:1.5;letter-spacing: 0;text-align:left;word-break:keep-all;word-wrap:break-word;background:transparent}
a {text-decoration:none}
img {width:100%;max-width:100%;vertical-align:middle}
th,strong {font-weight:bold}
ul,ol,dl,dt,dd,li {list-style:none}
a,img,button,input {border:0}
h1,h2,h3,h4,h5,h6 {font-weight:bold;font-size:100%}
i,em,u,cite,address {font-style:normal}
button {cursor:pointer;margin:0;padding:0;font-size:inherit;border:0;background-color:transparent;vertical-align:middle}
button::-moz-focus-inner {margin:0;padding:0;border:0}
table {width:100%;table-layout:fixed}
table,th,td {border-spacing:0;border-collapse:collapse;word-wrap:break-word}
caption,figcaption,legend {overflow:hidden;position:absolute;clip:rect(0,0,0,0);margin:-1px;width:1px;height:1px;font-size:1px;line-height:0}
select {margin:0;padding:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;border:none;word-wrap:break-word}
select::-ms-expand {display:none;}
textarea {overflow-y:auto;resize:none;width:100%;padding:8px;border:1px solid #eaeaea}
input {font-size:inherit;color:#1A1A1A;background:#fff}
input[disabled] {background:#F5F5F5;border-color:#DBDBDB !important; color:#AEAEAE !important}
input[type="file"] {display:inline-block;height:38px;border:1px solid #666;line-height:38px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
input[type="text"]::-ms-clear {display:none}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0}
label,input[type="checkbox"],input[type="radio"],input[type="submit"],input[type="button"],input[type="reset"] {cursor:pointer}
::-webkit-input-placeholder {color:#bebebe !important}
:-moz-placeholder {color:#bebebe !important} /* FF 4-18 */
::-moz-placeholder {color:#bebebe !important} /* FF 19+ */
:-ms-input-placeholder {color:#bebebe !important} /* IE 10+ */

/* chrome scrollbar - ie X ( nav / accodion ) */
[class^="nav_menu_"]::-webkit-scrollbar {width: 5.2px;}
[class^="nav_menu_"]::-webkit-scrollbar-track {background-color:transparent}
[class^="nav_menu_"]::-webkit-scrollbar-thumb {border-radius:2px; background:#DBDBDB}
[class^="nav_menu_"]::-webkit-scrollbar-thumb:hover {background: #404040;}
[class^="nav_menu_"]::-webkit-scrollbar-thumb:active {background: #808080;}
[class^="nav_menu_"]::-webkit-scrollbar-button {display: none;}

.accordion_scroll::-webkit-scrollbar {width: 5.2px;}
.accordion_scroll::-webkit-scrollbar-track {background-color:transparent}
.accordion_scroll::-webkit-scrollbar-thumb {border-radius:2px; background:#DBDBDB}
.accordion_scroll::-webkit-scrollbar-thumb:hover {background: #404040;}
.accordion_scroll::-webkit-scrollbar-thumb:active {background: #808080;}
.accordion_scroll::-webkit-scrollbar-button {display: none;}

@media screen and (min-width:767px) {
    html, body {font-size:1.455vw}
}

@media screen and (min-width:1100px) {
    html, body {font-size:16px}
}

.pre-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin: -20px 0 0 -20px;
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}