@font-face {
  font-family: 'noto_t';
  font-style: normal;
  font-weight: 100;
  src: url(fonts/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
       url(fonts/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
       url(fonts/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'noto_l';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
       url(fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
       url(fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'noto_dl';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/NotoSansKr/NotoSansKR-DemiLight-Hestia.woff) format('woff')
}
@font-face {
   font-family: 'noto_r';
   font-style: normal;
   font-weight: 400;
  src: url(fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
       url(fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
       url(fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'noto_m';
   font-style: normal;
   font-weight: 500;
   src: url(fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'noto_b';
   font-style: normal;
   font-weight: 700;
   src: url(fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'robo_b';
   font-style: normal;
   font-weight: 700;
   src: url(fonts/Roboto/Roboto-Bold.ttf) format('ttf'),
 }
@font-face {
   font-family: 'robo_m';
   font-style: normal;
   font-weight: 700;
   src: url(fonts/Roboto/Roboto-Medium.woff) format('woff')
 }
/* Reset */
*{box-sizing:border-box;margin:0;padding:0}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, small, strong, sub, sup,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
h1, h2, h3, h4, h5, h6 ,b, th, strong, b{margin:0px;padding:0px;line-height:100%;}
h1, h2, h3, h4, h5, h6{font-weight:normal;margin:0px;padding:0px;line-height:100%;}
input, select {line-height:100%; } address{font-style:normal;}
textarea {resize:none; font:inherit; overflow-y:auto; font-size:14px;}
body,html{width:100%;height:100%;  line-height:100%;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:none;}
a {text-decoration:none; border:0px; }

button{display:inline-block;border:none;background-color:transparent;cursor:pointer;}
input,button,select{border:1px solid #dbdbdb; }
div, p, span, li, table td , dd , a { word-break: break-all; font-family:'noto_light','Dotum', sans-serif; }
input[type="checkbox"]{outline:none;border:none !important;}/* for lte IE10 */
input[type="radio"]{outline:none;border:none !important;}/* for lte IE10 */
input:focus{outline:none;}

div{transition: background 0.3s ease-out;}
div:hover{transition: background 0.3s ease-out;}
a{transition: all 0.3s ease-out;}
a:hover{transition: all 0.3s ease-out;}
caption{text-indent:-9999999px;height:0px;}
.table_st01{width:100%;border-top:2px solid #818181; border-bottom:1px solid #d0d0d1; }
.table_st01 th{background:#f4f5f8;border:1px solid #dbdbdb; border-top:none;vertical-align:middle;font-weight:normal;line-height:100%;height:46px;font-family:noto_dl; font-size:16px;color:#585858;text-align:center; padding:12px 5px;}
.table_st01 th:first-child{border-left:none;}
.table_st01 th:last-child{border-right:none;}
.table_st01 td{font-family:noto_l; font-size:16px;color:#454545;padding:6px 15px; vertical-align:middle;border-bottom:1px solid #d0d0d1;border-right:1px solid #d0d0d1;}
.table_st01 td:last-child{border-right:none;}
.table_st02{width:100%;border-top:2px solid #818181; border-bottom:1px solid #d0d0d1; }
.table_st02 th{background:#f4f5f8;border:1px solid #dbdbdb; border-top:none;vertical-align:middle;font-weight:normal;line-height:100%;height:50px;font-family:noto_dl; font-size:16px;color:#585858;text-align:center; padding:12px 5px;}
.table_st02 th:first-child{border-left:none;}
.table_st02 th:last-child{border-right:none;}
.table_st02 td{font-family:noto_l; font-size:16px;color:#454545;padding:6px 15px; vertical-align:middle;border-bottom:1px solid #d0d0d1;height:46px;border-right:1px solid #d0d0d1;}
.table_st02 td:last-child{border-right:none;}
.table_st03{width:100%;border-top:2px solid #818181; border-bottom:1px solid #d0d0d1; }
.table_st03 th{position:relative;background:#f4f5f8;border:1px solid #dbdbdb; border-top:none;vertical-align:middle;font-weight:normal;line-height:100%;height:50px;font-family:noto_dl; font-size:16px;color:#585858; padding:12px 5px 12px 10px;}
.table_st03 th:first-child{border-left:none;}
.table_st03 th:last-child{border-right:none;}
.table_st03 td{font-family:noto_l; font-size:16px;color:#454545;padding:6px 15px; vertical-align:middle;border-bottom:1px solid #d0d0d1;height:46px;border-right:1px solid #d0d0d1;}
.table_st03 td:last-child{border-right:none;}
.bg_color01{background:#ccc;}
.bg_color02{background:#ddd;}
.txt_l{text-align:left;}
.txt_r{text-align:right;}
.txt_c{text-align:center;}

select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:#fff url("../images/select_bg.png")no-repeat 95% 60%;
border:1px solid #d0d0d1; border-radius:5px;
height:38px;
padding-left:15px; text-align:left;
font-size:16px;
font-family:noto_r;color:#585858;
}
select::-ms-expand{display:none;}

.wid148{width:148px;}
.wid170{width:170px;}
.t10{top:10px !important;}