@charset "utf-8";

* {margin:0; padding:0; word-break:keep-all; box-sizing:border-box;}




/* ----------------- HTML5 display ----------------- */

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display:block;} /* 에지, IE9 이상, 파이어 폭스에서 올바른 표시 추가 */
audio, canvas, progress, video {display:inline-block;}
audio:not([controls]) {display:none; height:0;} /* 아이폰 OS 4-7에서 올바른 표시 추가 */
progress {vertical-align:baseline;} /* 크롬, 파이어 폭스, 오페라 올바른 수직 정렬을 추가 */
template, [hidden] {display:none;} /* IE10 이상 에서 올바른 표시 추가 */




/* ----------------- a link ----------------- */

a {background-color:transparent;} /* IE 10에서 활성 링크에 회색 배경을 제거 */
a:active, a:hover {outline-width:0;} /* a링크 윤각선 제거 */




/* ----------------- font ----------------- */

abbr[title] {border-bottom:none; text-decoration:underline; text-decoration:underline dotted;} /* 크롬, 에지, IE, 오페라, 사파리에서 올바른 텍스트 장식 추가 */
b, strong {font-weight:bolder;} /* 크롬, 에지, 및 Safari에서 올바른 글꼴 두께 */

body,input,button,textarea {font-family:NanumGothic, '나눔고딕', ng, dotum, Tahoma, Geneva, sans-serif; font-size:14px; line-height:180%; color:#222;}

@font-face {
     font-family:'NanumGothic';
     font-weight:normal;
     font-style:normal;
     src: url('/images/font/NanumGothic.eot'); /*IE9 호환성 보기*/
     src: local('NanumGothic'), 
          url('/images/font/NanumGothic.eot?#iefix') format('embedded-opentype'), /*IE 6-8*/
          url('/images/font/NanumGothic.woff') format('woff'), /*표준 브라우저*/
          url('/images/font/NanumGothic.ttf') format('truetype');     
}

@font-face {
     font-family:'NanumGothicBold';
     font-weight:normal;
     font-style:normal;
     src: url('/images/font/NanumGothicBold.eot'); /*IE9 호환성 보기*/
     src: local('NanumGothicBold'), 
          url('/images/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), /*IE 6-8*/
          url('/images/font/NanumGothicBold.woff') format('woff'), /*표준 브라우저*/
          url('/images/font/NanumGothicBold.ttf') format('truetype');     
}






/* ----------------- Em bedded content ----------------- */

img {border-style:none;} /* 이미지 테두리 제거 */
svg:not(:root) {overflow:hidden;}






/* ----------------- reset ----------------- */
li {list-style:none;}
a {text-decoration:none;}
a:hover {color:#01a6aa; text-decoration:none;}