@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'SEBANG_Gothic_Bold';
    src: url('/font/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* @font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/font/MaterialIcons-Regular.woff) format('woff2'),
    url(/font/MaterialIcons-Regular.woff) format('woff'),
    url(/font/MaterialIcons-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/font/MaterialIconsOutlined-Regular.woff) format('woff2'),
    url(/font/MaterialIconsOutlined-Regular.woff) format('woff')
} */

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  vertical-align:middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
	vertical-align:middle;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

* {box-sizing:border-box;}
body {font-family:"Poppins", "Noto Sans SC", "Noto Sans KR", Arial, tahoma, Helvetica, sans-serif, Dotum; -webkit-text-size-adjust:100%;}
html, body {width:100%; height:100%; min-width:320px; font-size:16px; color:#232323; line-height:1.5; letter-spacing:-0.1px; word-break: keep-all; word-wrap:break-word;}
ul {list-style:none;}
ol {margin-left:20px;}
a {color:inherit; text-decoration:none;}

h1, h2, h3, h4, h5, h6, caption {font-weight:700; word-break: keep-all;}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}

img {max-width:100%;}
img, fieldset, iframe {border:0;}
img, input, button, select, textarea {vertical-align:middle; font-family:"Poppins", Arial, tahoma, Helvetica, sans-serif, Dotum; color:#2d2d2d;}
button {border:0; cursor:pointer;}
legend, caption {width:1px; height:1px; text-indent:100%; overflow:hidden; font-size:0; line-height:0;} 
/* visibility:hidden;나 display:none는 스크린리더기가 읽을수 없으므로 사용하지 않도록 한다 */

address {font-style:normal; -webkit-text-size-adjust:100%;}

/* etc ------------------------------- */
.tc, .btn_center {text-align:center;}
.tl, .btn_left {text-align:left;}
.tr, .btn_right {text-align:right;}

.cboth {clear:both;}
.hidden {overflow:hidden;}
.bdnone {border:0;}

.inblock {display:inline-block;}
.dblock {display:block;}

.fl {float:left;}
.fr {float:right;}

th, .fontb, strong {font-weight:700;}

i, em {font-style:normal;}

iframe {border:0;}

/* margin ------------------------------- */
.mgt_5 {margin-top:-5px;}
.mgt5 {margin-top:5px;}
.mgt10, .margin_10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}
.mgt40 {margin-top:40px;}
.mgt50 {margin-top:50px;}
.mgt60 {margin-top:60px;}
.mgt70 {margin-top:70px;}
.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}
.mgb40 {margin-bottom:40px;}
.mgb50 {margin-bottom:50px;}
.mgl10 {margin-left:10px;}
.mgl20 {margin-left:20px;}
.mgl30 {margin-left:30px;}
.mgl40 {margin-left:40px;}
.mgl50 {margin-left:50px;}
.mgl80 {margin-left:80px;}

.wph {max-width:120px;} /* 전화번호 */
.year {max-width:120px;} /* 연월일 */
.w10 {width:10%;}
.w20 {width:20%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}

input[type="password"] {/* font-family:Arial, Helvetica, sans-serif; */}

/* input ------------------------------- */
/* 모바일에서 스타일 제거 */
input[type=text], input[type="password"], input[type="button"], input[type="image"], input[type="submit"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], select, textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-box-size:border-box; box-sizing:border-box;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} /* button 태그 속성 reset하기 */
/* 기본스타일 정의 */
input[type=text], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], select, textarea {background:#fff; border:solid 1px #ccc; padding:0 10px; outline:none;}
input[type="button"] {cursor:pointer; overflow:visible; white-space:nowrap; border-radius:0px;}
select {background:#fff url(../images/icon_arrow_select.png) calc(100% - 10px) 50% no-repeat; background-size:10px;}
select::-ms-expand {display:none;} /* IE 10, 11의 네이티브 화살표 숨기기 */
textarea {width:100%; height:auto; resize:none;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
input:not([type="file"]):focus, select:focus, textarea:focus {border-color: var(--color); box-shadow:0px 0px 5px rgba(0,0,0,0.07);}
input::placeholder {color:#bbb;}
/* 배경으로 지정해둔 이미지랑 겹칠때 해당 select 박스의 css에 속성을 추가해준다. select {-webkit-appearance:listbox;} */