@charset "utf-8";

@font-face {
 font-family: 'noto-sans-scott-t';
 font-style: 100;
 src: url('../fonts/NotoSansCJKkr-Thin.eot');
 src: url('../fonts/NotoSansCJKkr-Thin.eot') format('embedded-opentype'),
 url('../fonts/NotoSansCJKkr-Thin.woff') format('woff'),
 url('../fonts/NotoSansCJKkr-Thin.otf') format('truetype');
}
@font-face {
 font-family: 'noto-sans-scott-dl';
 font-style: 300;
 src: url('../fonts/NotoSansCJKkr-DemiLight.eot');
 src: url('../fonts/NotoSansCJKkr-DemiLight.eot') format('embedded-opentype'),
 url('../fonts/NotoSansCJKkr-DemiLight.woff') format('woff'),
 url('../fonts/NotoSansCJKkr-DemiLight.otf') format('truetype');
}


/* default */
html, body {margin:0;padding:0;height:100%;line-height: 1.8;font-size:14px; color:#3d3d3d;font-family:'Noto Sans KR', 'Roboto', sans-serif;font-weight: 400;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
/* h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', 'Roboto', sans-serif;} */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Roboto', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', 'Roboto', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
a:hover, a:active {text-decoration:none}
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

/* 컨텐츠 드래그 컬러효과 */
::-moz-selection{background: rgba(43, 81, 157, 0.99);color:#fff;}
::selection{background: rgba(43, 81, 157, 0.99);color:#fff;}
img::selection{background:none}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 ;
}

body .btn {
    transition:0.3s all;
    -webkit-transition:0.3s all;
    -moz-transition:0.3s all;
    -o-transition:0.3s all;
    -ms-transition:0.3s all;
}
body a:hover, body .btn {  transition:0.3s all;
 -webkit-transition:0.3s all;
 -moz-transition:0.3s all;
 -o-transition:0.3s all;
 -ms-transition:0.3s all;}

.soft {transition:0.3s all;
 -webkit-transition:0.3s all;
 -moz-transition:0.3s all;
 -o-transition:0.3s all;
 -ms-transition:0.5s all;}

/* div, li, ul, p, dl, dt, dd, h1, h2, h3, h4, h5, h6 {font-size:14px;font-family:'Noto Sans KR', 'Roboto', sans-serif; color: #3d3d3d;   list-style: none;} */



.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}


.w100pro {width:100%;}
.w100 {width:100px;}
.w120 {width:120px;}
.w150 {width:150px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w250 {width:250px;}
.ovfH {overflow:hidden!important;}