@charset "utf-8";

/* font - nanumsquare */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 400;
  src: url(../font/NanumSquareR.eot);
  src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareR.woff) format('woff'),
       url(../font/NanumSquareR.ttf) format('truetype');
 }
 @font-face {
  font-family: 'NanumSquare';
  font-weight: 700;
  src: url(../font/NanumSquareB.eot);
  src: url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareB.woff) format('woff'),
       url(../font/NanumSquareB.ttf) format('truetype');
 }
 @font-face {
  font-family: 'NanumSquare';
  font-weight: 800;
  src: url(../font/NanumSquareEB.eot);
  src: url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareEB.woff) format('woff'),
       url(../font/NanumSquareEB.ttf) format('truetype');
 }


/* font - notokr */
@font-face {
    font-family: 'notokr';
    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:normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr';
    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: bold;
    font-style: normal;
}


/* reset */
*,html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,del,dfn,em,img,q,small,strike,strong,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,section,input,select,textarea {margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;/*overflow-x:hidden;*/}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;margin:0;padding:0;}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer;}
table {border-collapse:collapse;border-spacing:0;width:100%;}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='button'] {-webkit-appearance:none;-moz-border-radius:0;border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {border:0; outline:none}
button,input[type='button'] {cursor:pointer;}
button:active {outline:none;text-indent:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
body {background:#fff;-webkit-overflow-scrolling:touch;}
body,th,td,input,select,textarea,button {font-size:16px;line-height:1.5;font-family:'notokr','Malgun Gothic', '맑은 고딕', sans-serif;color:#000}
a {color:#000;text-decoration:none}
a:active, a:hover, a:focus {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
input[type='text']:focus, input[type='password']:focus {border:1px solid #666; outline:none;}
select:focus{border:1px solid #666; outline: none;}
textarea:focus {outline: none;}
input:checked[type='radio'] {outline:none;}


/* 익스 input x 버튼 삭제 */
input[type=text]::-ms-clear { display:none; } 

/* 화살표 없애기 */
select{
  appearance: none;
  -moz-appearance: none; /* Firefox */ 
  -webkit-appearance: none; /* Safari and Chrome */
  -o-appearance:none; /* 화살표 없애기 공통*/
}

/* IE 기본 스타일 제거 */
select::-ms-expand{
     display: none; /* IE 10, 11 - 숨겨진 화살표의 영역유지 안하기 */
}

/* placeholder 스타일 지정 */
input::placeholder {
  color: #666;
  font-size: 0.8rem;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
input::-webkit-input-placeholder {
  color: #666;
  font-size: 0.8rem;
}
/* IE */
input:-ms-input-placeholder {
  color: #666;
  font-size: 0.8rem;
}
/* Firefox */
input:-mos-input-placeholder {
  color: #666;
  font-size: 0.8rem;
}

textarea::placeholder {
  color: #666;
  font-size: 0.8rem;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
textarea::-webkit-input-placeholder {
  color: #666;
  font-size: 0.8rem;
}
textarea:-ms-input-placeholder {
  color: #666;
  font-size: 0.8rem;
}
textarea:-mos-input-placeholder {
  color: #666;
  font-size: 0.8rem;
}



/*크롬 img 흐림 방지*/ 
/*img{image-rendering: -webkit-optimize-contrast;transform: translateZ(0); backface-visibility: hidden;} */