.keepBox{padding:20px;background:#d8d8d8;text-align:center;font-weight:700;}

.skip{display:none;}

body{word-break:keep-all;}

.wbNormarl{word-break:normal;}




.web{display:block !important;}
.webIn{display:inline !important;}
.mo{display:none !important;}



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

         url('/font/NanumBarunpenB.woff') format('woff'),
         url('/font/NanumBarunpenB.ttf') format('truetype'),
         url('/font/NanumBarunpenB.svg#NanumBarunpenB') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'NanumSquareL';
    src: url('/font/NanumSquareL.eot');
    src: url('/font/NanumSquareL.eot?#iefix') format('embedded-opentype'),

         url('/font/NanumSquareL.woff') format('woff'),
         url('/font/NanumSquareL.ttf') format('truetype'),
         url('/font/NanumSquareL.svg#NanumSquareL') format('svg');
    font-weight: normal;
    font-style: normal;

}



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

}

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

}


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

}


@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-black') format('svg');
    font-weight: normal;
    font-style: normal;

}

@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-black') format('svg');
    font-weight: normal;
    font-style: normal;

}





/* Reset */
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*기본태그 정의*/
html, body {height:100%;padding:0;margin:0;}
body{font-family:"맑은 고딕", "나눔고딕", '돋움','Dotum', Tahoma, AppleGothic, sans-serif;font-size:14px;letter-spacing:0;line-height:27px;}


/* 마진과 패딩의 초기화 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}

/* 헤더 폰트 사이즈 초기화 */
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}

/* 리스트의 스타일 제거 */
ol, ul {list-style:none;}

/* 테이블 스타일 초기화 */
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}

/* 이미지 및 필드셋에서 보더 표시 초기화 */
fieldset, img {border:0;}

/* 폼태그의 초기화 */

input, textarea	{border:#d8d8d8 solid 1px; font-family:돋음, Dotum; font-size: 12px; display:inline;vertical-align:middle; padding:3px;}
input[type="radio"]{border: 0px; vertical-align:middle; padding:0}
input[type="checkbox"]{border: 0px; vertical-align:middle; padding:0; margin-right:3px;}
input[type="file"] {border:#d8d8d8 solid 0px; font-family:돋음, Dotum; font-size: 12px; display:inline;vertical-align:middle; padding:3px; background:#FFF}

select { padding:6px 5px 5px 5px; height:34px}

input[type="image"]{border:0px;}

/* a태그 초기화 */
a {text-decoration:none;-webkit-text-size-adjust:none;color:#000;} /* outline 미사용 */
a:link, a:active, a:visited, a:hover{text-decoration:none;}

/* hidden 처리 */
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;position:static;}
.hide,hr{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}