@charset "utf-8";
/* CSS Document */
/* @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap"); */

/* @font-face {
   font-family: "NotoSans";
   font-style: normal;
   font-weight: 300;
   src: url(../../wzd_lib/font/notokr-light.eot);
   src: url(../../wzd_lib/font/notokr-light.eot?#iefix)
         format("embedded-opentype"),
      url(../../wzd_lib/font/notokr-light.woff) format("woff"),
      url(../../wzd_lib/font/notokr-light.ttf) format("truetype");
}

@font-face {
   font-family: "NotoSans";
   font-style: normal;
   font-weight: 500;
   src: url(../../wzd_lib/font/notokr-regular.eot);
   src: url(../../wzd_lib/font/notokr-regular.eot?#iefix)
         format("embedded-opentype"),
      url(../../wzd_lib/font/notokr-regular.woff) format("woff"),
      url(../../wzd_lib/font/notokr-regular.ttf) format("truetype");
}

@font-face {
   font-family: "NotoSans";
   font-style: normal;
   font-weight: 700;
   src: url(../../wzd_lib/font/notokr-medium.eot);
   src: url(../../wzd_lib/font/notokr-medium.eot?#iefix)
         format("embedded-opentype"),
      url(../../wzd_lib/font/notokr-medium.woff) format("woff"),
      url(../../wzd_lib/font/notokr-medium.ttf) format("truetype");
}

@font-face {
   font-family: "NotoSans";
   font-style: normal;
   font-weight: 900;
   src: url(../../wzd_lib/font/notokr-bold.eot);
   src: url(../../wzd_lib/font/notokr-bold.eot?#iefix)
         format("embedded-opentype"),
      url(../../wzd_lib/font/notokr-bold.woff) format("woff"),
      url(../../wzd_lib/font/notokr-bold.ttf) format("truetype");
}
@font-face {
   font-family: "NanumSquare";
   font-weight: 400;
   src: url(../../wzd_lib/font/NanumSquareR.eot);
   src: url(../../wzd_lib/font/NanumSquareR.eot?#iefix)
         format("embedded-opentype"),
      url(../../wzd_lib/font/NanumSquareR.woff) format("woff"),
      url(../../wzd_lib/font/NanumSquareR.ttf) format("truetype");
}
@font-face {
   font-family: "NanumSquare";
   font-weight: 700;
   src: url(../../wzd_lib/font/NanumSquareB.eot);
   src: url(../../wzd_lib/font/NanumSquareB.eot?#iefix)
         format("embedded-opentype"),
      url(../../wzd_lib/font/NanumSquareB.woff) format("woff"),
      url(../../wzd_lib/font/NanumSquareB.ttf) format("truetype");
}
@font-face {
   font-family: "NanumSquare";
   font-weight: 800;
   src: url(../../wzd_lib/font/NanumSquareEB.eot);
   src: url(../../wzd_lib/font/NanumSquareEB.eot?#iefix)
         format("embedded-opentype"),
      url(../../wzd_lib/font/NanumSquareEB.woff) format("woff"),
      url(../../wzd_lib/font/NanumSquareEB.ttf) format("truetype");
}
@font-face {
   font-family: "NanumSquare";
   font-weight: 300;
   src: url(../../wzd_lib/font/NanumSquareL.eot);
   src: url(../../wzd_lib/font/NanumSquareL.eot?#iefix)
         format("embedded-opentype"),
      url(../../wzd_lib/font/NanumSquareL.woff) format("woff"),
      url(../../wzd_lib/font/NanumSquareL.ttf) format("truetype");
} */

/* 예시
font-family: 'Open Sans', sans-serif;
font-family: 'Ubuntu', sans-serif;
font-family: 'Nanum Gothic';  400,700,800
font-family: 'Roboto', sans-serif;
@font-face {
 font-family: 'NanumSquare';
font-family: 'Lato', 'Noto Sans KR', Tahoma, Geneva, sans-serif;
font-family: 'Noto Sans', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Nanum Myeongjo';
font-family: 'Nanum Barun Gothic', sans-serif;
font-family: 'Cairo', sans-serif;
font-family: 'Josefin Sans', sans-serif;


*/

html,
body {
   font-size: 18px;
   color: #474747;
   /* font-family: "NotoSans", "맑은 고딕", "Nanum Gothic", "Malgun Gothic", "돋움",
      "Ubuntu", dotum, sans-serif; */
   font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont,
      "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;
}
body a,
body .btn {
   transition: 0.5s all;
   -webkit-transition: 0.5s all;
   -moz-transition: 0.5s all;
   -o-transition: 0.5s all;
   -ms-transition: 0.5s all;
}
body a:hover,
body .btn {
   transition: 0.5s all;
   -webkit-transition: 0.5s all;
   -moz-transition: 0.5s all;
   -o-transition: 0.5s all;
   -ms-transition: 0.5s all;
}

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

div,
li,
ul,
p,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
   /* font-family: "NotoSans", "맑은 고딕", "Nanum Gothic", "Malgun Gothic", "돋움",
      "Ubuntu", dotum, sans-serif; */
   font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont,
      "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;
   color: #474747;
}

@media (max-width: 992px) {
   div,
   li,
   ul,
   p,
   dl,
   dt,
   dd,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   th,
   td {
      font-family: "NotoSans", "맑은 고딕", "Nanum Gothic", "Malgun Gothic",
         "돋움", "Ubuntu", dotum, sans-serif;
      color: #474747;
      font-size: 14px;
   }
}