@charset "utf-8";
/* @import url('https://unpkg.com/@kfonts/nexon-lv2-gothic/index.css'); */
@import url('https://webfontworld.github.io/NexonLv2Gothic/NexonLv2Gothic.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500&display=swap');
@import "//cdn.jsdelivr.net/npm/font-applesdgothicneo@1.0";

@font-face { /* 애플산돌고딕 폰트 적용 */
  font-family: "IBM Plex Sans KR";
  src: url("http://localhost:8060/resources/axproject/fonts/IBMPlexSansKR-Regular.woff") format("woff");
}

html, body { position:relative; margin: 0 auto; width: 100%; min-width: 320px; color: #111; line-height: 24px; font-size: 16px; font-family: 'Noto Sans KR',  'Apple SD Gothic Neo'; font-weight: normal; -webkit-font-smoothing:antialiased; -webkit-overflow-scrolling: touch; }
body { word-wrap: break-word; word-break: keep-all; -webkit-text-size-adjust: none; }
body * { box-sizing: border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-family:'Noto Sans KR',  'Apple SD Gothic Neo' !important; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block;}
audio, canvas, video { display:inline-block;}
ol, ul, li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;}
table { table-layout: fixed; width:100%; border-collapse:collapse; border-spacing:0}
fieldset, img, abbr, acronym {border:0}
img { max-width: 100%; vertical-align:top;}
i, em, address {font-style:normal;}
a {color:#222; text-decoration:none; word-break:break-all;}
caption, legend {width:0; height:0; text-indent:-9999em; overflow:hidden; font-size:0;} 
label, button {cursor:pointer; vertical-align:middle;}
input, textarea, select, button {margin:0; padding:0; color:#222; font-size:1rem; font-weight: 300; font-family: 'Noto Sans KR',  'Apple SD Gothic Neo'; vertical-align:middle; outline: none; -webkit-appearance: none;  -moz-appearance: none; }
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}
input::-webkit-input-placeholder{color:#bdbdbd; }
input::-moz-input-placeholder{color:#bdbdbd; }
input:-ms-input-placeholder{color:#bdbdbd; }
textarea { border: 1px solid #666; resize:none; overflow-y:auto;}
textarea::-webkit-input-placeholder{color:#bdbdbd; font-weight: 400;}
button {overflow:visible; border:0 none; background:none; vertical-align:top; cursor:pointer;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
select { color: #bdbdbd;}
::-webkit-calendar-picker-indicator{ margin-left: -10px; }
::-ms-calendar-picker-indicator{ margin-left: -10px; }
input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; }
input[type="time"]::-webkit-calendar-picker-indicator { opacity: 0; }



/* global */
.none {display:none;}
.hidden {position: absolute; top: 0; left: -9999px; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden;}
.clear::after { display: block; content: ''; clear: both; }
.fl { float: left;}
.fr { float: right;}
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bold { font-weight: bold; }
.inblock {display:inline-block;}
.underline {text-decoration: underline;}


@media (min-width:320px) and (max-width:359px){html{font-size:14px;}}
@media (min-width:359px) and (max-width:399px){html{font-size:16px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:17px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:18px;}}
@media (min-width:480px){html{font-size:19px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:19px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:20px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:21px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:22px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:23px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:24px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:25px;}}
@media (min-width:760px) and (max-width:799px){html{font-size:26px;}}
@media (min-width:800px) and (max-width:839px){html{font-size:27px;}}
@media (min-width:840px) and (max-width:879px){html{font-size:28px;}}
@media (min-width:880px){html{font-size:28px;}}