@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(/font/NanumSquareR.eot);
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumSquareR.woff2) format('woff2'),
       url(/font/NanumSquareR.woff) format('woff'),
       url(/font/NanumSquareR.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Square';
  font-style: bold;
  font-weight: 700;
  src: url(/font/NanumSquareB.eot);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumSquareB.woff2) format('woff2'),
       url(/font/NanumSquareB.woff) format('woff'),
       url(/font/NanumSquareB.ttf) format('truetype');
}

@font-face {
  font-family: 'Noto thin';
  font-style: normal;
  font-weight: 100;
  src: url(/font/notokr/NotoSansKR-Thin.woff2) format('woff2'),
       url(/font/notokr/NotoSansKR-Thin.woff) format('woff'),
       url(/font/notokr/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto light';
  font-style: normal;
  font-weight: 100;
  src: url(/font/notokr/notokr-light.woff2) format('woff2'),
       url(/font/notokr/notokr-light.woff) format('woff'),
       url(/font/notokr/notokr-light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto regular';
   font-style: normal;
   font-weight: 300;
   src: url(/font/notokr/notokr-regular.woff2) format('woff2'),
        url(/font/notokr/notokr-regular.woff) format('woff'),
        url(/font/notokr/notokr-regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto medium';
   font-style: normal;
   font-weight: 500;
   src: url(/font/notokr/notokr-medium.woff2) format('woff2'),
        url(/font/notokr/notokr-medium.woff) format('woff'),
        url(/font/notokr/notokr-medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto bold';
   font-style: normal;
   font-weight: 500;
   src: url(/font/notokr/notokr-bold.woff2) format('woff2'),
        url(/font/notokr/notokr-bold.woff) format('woff'),
        url(/font/notokr/notokr-bold.otf) format('opentype');
 }


 .btn_s { display: inline-block; margin: 6px 15px; border-radius: 3px; font-size: 14px;}
.btn_b { display: inline-block; padding: 10px 30px; font-size: 18px!important; border-radius: 5px; }

.btn_line { color: #333; border: 1px solid #e1e1e1; }
.btn_line:hover { color: #ffffff; border: 1px solid #888; background: #888; }

.btn-color3 {background: #000099; color: #ffffff;text-decoration: none; font-family:"Nanum Square" }
.btn-color3 a { background: #000099; color: #ffffff;text-decoration: none; font-family:"Nanum Square"}

.btn-wrap { vertical-align: top; text-align: center; }
.btn_big { display: inline-block; padding: 10px 30px; font-size: 18px!important; font-weight: 600; border-radius: 5px; }
.btn_small { display: inline-block; padding: 6px 15px; border-radius: 3px; font-size: 14px; }


.btn-bb { background: #00ADEA; color: #fff; }
.btn-bb:visited { background: #00ADEA; color: #fff; }
.btn-bb:hover, .btn-bb:active { background: #00ADEA; color: #fff; }

.btn-basic { background: #00ADEA; color: #fff; } 
.btn-basic:hover { background: #00ADEA; color: #fff; }

.t_right {text-align:right}
.btn_line_red { color: red;  }

.padding10 { margin-bottom: 10px!important; }
.padding50 { margin-top: 50px!important; }
.fs14 { font-size: 14px; }
.ml10 { margin-left: 10px!important; }
.mb50 { margin-bottom:20px!important; }
.mt50 { margin-top:50px!important; }