@charset 'utf-8';
/* 나눔명조 */
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800');
/* font-family: 'Nanum Myeongjo', serif; */

@font-face {
    font-family: 'notokr_thin';
    src: url('/font/notokr-thin.eot');
    src: url('/font/notokr-thin.eot?#iefix') format('embedded-opentype'),
          url('/font/notokr-thin.woff2') format('woff2'),
          url('/font/notokr-thin.woff') format('woff'),
          url('/font/notokr-thin.ttf') format('truetype'),
          url('/font/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: 100;
    font-style: 100;
}
@font-face {
    font-family: 'notokr_light';
    src: url('/font/notokr-light.eot');
    src: url('/font/notokr-light.eot?#iefix') format('embedded-opentype'),
        url('/font/notokr-light.woff2') format('woff2'),
        url('/font/notokr-light.woff') format('woff'),
        url('/font/notokr-light.ttf') format('truetype'),
        url('/font/notokr-light.svg#notokr-light') format('svg');
    font-weight: 200;
    font-style: 200;
}
@font-face {
    font-family: 'notokr_demilight';
    src: url('/font/notokr-demilight.eot');
    src: url('/font/notokr-demilight.eot?#iefix') format('embedded-opentype'),
          url('/font/notokr-demilight.woff2') format('woff2'),
          url('/font/notokr-demilight.woff') format('woff'),
          url('/font/notokr-demilight.ttf') format('truetype'),
          url('/font/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: 300;
    font-style: 300;
}
@font-face {
    font-family: 'notokr_regular';
    src: url('/font/notokr-regular.eot');
    src: url('/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
        url('/font/notokr-regular.woff2') format('woff2'),
        url('/font/notokr-regular.woff') format('woff'),
        url('/font/notokr-regular.ttf') format('truetype'),
        url('/font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 400;
    font-style: 400;
}
@font-face {
    font-family: 'notokr_medium';
    src: url('/font/notokr-medium.eot');
    src: url('/font/notokr-medium.eot?#iefix') format('embedded-opentype'),
          url('/font/notokr-medium.woff2') format('woff2'),
          url('/font/notokr-medium.woff') format('woff'),
          url('/font/notokr-medium.ttf') format('truetype'),
          url('/font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: 500;
    font-style: 500;
}
@font-face {
    font-family: 'notokr_bold';
    src: url('/font/notokr-bold.eot');
    src: url('/font/notokr-bold.eot?#iefix') format('embedded-opentype'),
        url('/font/notokr-bold.woff2') format('woff2'),
        url('/font/notokr-bold.woff') format('woff'),
        url('/font/notokr-bold.ttf') format('truetype'),
        url('/font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: 600;
    font-style: 600;

}
@font-face {
    font-family: 'notokr_black';
    src: url('/font/notokr-black.eot');
    src: url('/font/notokr-black.eot?#iefix') format('embedded-opentype'),
          url('/font/notokr-black.woff2') format('woff2'),
          url('/font/notokr-black.woff') format('woff'),
          url('/font/notokr-black.ttf') format('truetype'),
          url('/font/notokr-black.svg#notokr-black') format('svg');
    font-weight: 700;
    font-style: 700;

}
body{font-family: 'notokr_light', sans-serif;  color:#222222; letter-spacing: -0.05em;}
textarea,button{font-family: 'notokr_light', sans-serif;  color:#222222;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,fieldset,legend,p,blockquote,th,td {margin:0; padding:0; outline:none; word-break:keep-all; -webkit-text-size-adjust:none; border:0; letter-spacing:-0.05em;}
dl,ul,ol,menu,li {list-style:none; border:none; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
button {background-color:transparent; cursor:pointer; border:0;}
img {vertical-align:top; border:0;}
caption {display:none;}
a {text-decoration:none; color:black;}
address {font-style:normal;}
strong {font-weight:700;}
iframe {border:0;}
table {padding:0; border-spacing:0px; border:0; }
th, td {padding:0px;}


@media all and (max-width:960px){
    #pc_img{
         
        display: none; }
    #pc_video{
       
       display: none;
    }
@media screen and (max-height: 1000px) {
    #mobile_img{
        display: none;
    
    }
    #m_video{display: none;}
}