/*/*****************************************************************************
****************************** 전체속성 ***********************************
*****************************************************************************/

@charset "utf-8";


/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);*/

/*@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);*/

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Roboto');


/* 
 * Nanum Barun Gothic (Korean) http://hangeul.naver.com
 */
/*   @font-face {
font-family: 'Nanum Barun Gothic';
font-style: normal;
font-weight: 200;
src: local('Nanum Barun Gothic UltraLight'), local('Nanum Barun Gothic-UltraLight'), local('NanumBarunGothic UltraLight');
src: url(./fonts/NanumBarunGothic/NanumBarunGothicUltraLight.eot);
src: url(./fonts/NanumBarunGothic/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
     url(./fonts/NanumBarunGothic/NanumBarunGothicUltraLight.woff) format('woff'),
     url(./fonts/NanumBarunGothic/NanumBarunGothicUltraLight.ttf) format('truetype');
 }
 
 @font-face {
font-family: 'Nanum Barun Gothic';
font-style: normal;
font-weight: 300;
src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
src: url(./fonts/NanumBarunGothic/NanumBarunGothicLight.eot);
src: url(./fonts/NanumBarunGothic/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
     url(./fonts/NanumBarunGothic/NanumBarunGothicLight.woff) format('woff'),
     url(./fonts/NanumBarunGothic/NanumBarunGothicLight.ttf) format('truetype');
 }
 
 @font-face {
font-family: 'Nanum Barun Gothic';
font-style: normal;
font-weight: 400;
src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
src: url(./fonts/NanumBarunGothic/NanumBarunGothic.eot);
src: url(./fonts/NanumBarunGothic/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
     url(./fonts/NanumBarunGothic/NanumBarunGothic.woff) format('woff'),
     url(./fonts/NanumBarunGothic/NanumBarunGothic.ttf) format('truetype');
 }
 
 @font-face {
font-family: 'Nanum Barun Gothic';
font-style: normal;
font-weight: 700;
src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
src: url(./fonts/NanumBarunGothic/NanumBarunGothicBold.eot);
src: url(./fonts/NanumBarunGothic/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
     url(./fonts/NanumBarunGothic/NanumBarunGothicBold.woff) format('woff'),
     url(./fonts/NanumBarunGothic/NanumBarunGothicBold.ttf) format('truetype');
 } */
 



/* @font-face {
  font-family: 'dinlight';
  font-style: normal;
  src: url('./fonts/DINProLight/DINProLight.eot');
  src: url('./fonts/DINProLight/DINProLight.eot?#iefix') format('embedded-opentype'),

       url('./fonts/DINProLight/DINProLight.woff') format('woff'),
       url('./fonts/DINProLight/DINProLight.ttf') format('truetype');
}

@font-face {
  font-family: 'dinregular';
  font-style: normal;
  src: url('./fonts/DINRegular/DINRegular.eot');
  src: url('./fonts/DINRegular/DINRegular.eot?#iefix') format('embedded-opentype'),

       url('./fonts/DINRegular/DINRegular.woff') format('woff'),
       url('./fonts/DINRegular/DINRegular.ttf') format('truetype');
}

@font-face {
  font-family: 'dinmedium';
  font-style: normal;
  src: url('./fonts/DINMedium/DINMedium.eot');
  src: url('./fonts/DINMedium/DINMedium.eot?#iefix') format('embedded-opentype'),

       url('./fonts/DINMedium/DINMedium.woff') format('woff'),
       url('./fonts/DINMedium/DINMedium.ttf') format('truetype');
}  */


html, body {
    position: relative;
    /*height: 100%;*/
    max-width: 100%;
    /*overflow: hidden;*/
}


/* default */
body {
  /*font-family   : 'Nanum Barun Gothic','나눔바른고딕','Nanum Gothic','나눔고딕', '맑은 고딕', 'Malgun Gothic', 'Dotum' , '돋움',  '굴림', sans-serif;*/
  /*font-family   : 'Nanum Gothic','나눔고딕', '맑은 고딕', 'Malgun Gothic', 'Dotum' , '돋움',  '굴림', sans-serif;*/
  font-family: 'Noto Sans KR','NanumSquare','나눔스퀘어','Nanum Barun Gothic','나눔바른고딕','Nanum Gothic','나눔고딕', '맑은 고딕', 'Malgun Gothic', 'Dotum' , '돋움',  '굴림', sans-serif;
  color         : #575757;
  font-size     : small;
  font-weight   : 400;
  padding       : 0px;
  margin        : 0px;
  letter-spacing: -1px;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space:   -o-pre-wrap;
  white-space:  -ms-pre-wrap;
  word-wrap: break-word;
  word-break: keep-all;
}

html {
  /*overflow-y: scroll;*/
}

html, body {
  width: 100%;
  min-width: 990px;
}

div, p, ul, li,ol, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {
  padding: 0px;
  margin: 0px;
  /*vertical-align: top;*/
/*   word-break:keep-all;
     word-wrap:break-word; IE 줄바꿈 적용
     white-space:-moz-pre-wrap; Mozilla
     white-space:-pre-wrap; opera 4-6
     white-space:-o-pre-wrap; opera 7
     white-space:-ms-pre-wrap; IE10    */     
   }

   ul, ol, dl, dd, dt, li {
    list-style-type: none;
  }

  form, fieldset {
    margin: 0;
    padding: 0;
    border: 0;
  }

  table, tbody, tfoot, thead, tr, th, td {
    border-collapse: collapse;
    border-spacing: 0;
    } /*border:none; separate*/
    /* 6 */* html table, tbody, tfoot, thead, tr, th, td {
      border-collapse: collapse;
    }
    /* 7 */* + html table, tbody, tfoot, thead, tr, th, td {
      border-collapse: collapse;
    }

    legend {
      display: none;
      position: absolute;
      visibility: hidden;
    }

    caption {
      visibility: hidden;
      width: 0px;
      height: 0px;
      overflow: hidden;
      font-size: 0px;
      margin: 0px;
      padding: 0px;
      line-height: 0px;
    }

    img {
      border: 0;
      vertical-align: middle;
      outline: none;
    }

    optgroup {
      font-style: normal;
      font-size: 0px;
      height: 0px;
      line-height: 0px;
    }

    input {
      margin: 0;
      /*padding: 5px 0;*/
      vertical-align: middle;
      font-family: 'Nanum Gothic',sans-serif;
      border: 1px solid #ddd;
      padding: 6px 4px;
      font-size: 1.1em;
    }

   /*  input[type="button"] {
     padding:2px;
     margin: 0;
     vertical-align: middle;
     font-family: 'Nanum Gothic',sans-serif;
     margin-left: 5px;
   } */

   /*  input[type="text"] {
     
   }
   
   input[type="password"] {
     border: 1px solid #ddd;
     padding: 6px 4px;
   }
    */
    select {
      border: 1px solid #ddd;
      margin: 0;
      padding: 5px 4px;
      font-size: 1.1em;
      vertical-align: middle;
      font-family: 'Nanum Gothic',sans-serif;
    }

    textarea {
      font-family: 'Nanum Gothic',sans-serif;
      font-size: 14px;
      font-weight: 400;
      background-color: #fff;
      border: 1px solid #ddd;
    }

    label {
      /*cursor: pointer;*/
    }

    img, fieldset {
      border: 0 none transparent;
      /*'transparent' for Opera7*/;
    }

    i, em {
      font-style: normal;
    }


    /* html5 ie9 else */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
      display: block;
      padding: 0;
      margin: 0;
    }



    /* 링크 */
    a {
      text-decoration: none;
      color: #575757;
      cursor: pointer;
    }

    a:link, a:visited {
      text-decoration: none;
      color: #000;
      /*font-weight: 600;*/
    }

    a:hover, a:focus, a:active {
      text-decoration: none;
      color: #042264;
      /*font-weight: 800;*/
      /*background-color: #eee;*/
      text-decoration: underline;
    }

    .vertical-align {
        display: flex;
        align-items: center;
    }