@charset "utf-8";

/* CSS Document */

@font-face {
  font-family: 'Pretendard_L';
  font-style: normal;
  font-weight: 300;
  src: url("../font/Pretendard-Light.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard_R';
  font-style: normal;
  font-weight: 400;
  src: url("../font/Pretendard-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard_M';
  font-style: normal;
  font-weight: 500;
  src: url('../font/Pretendard-Medium.woff') format("woff");
}

@font-face {
  font-family: 'Pretendard_SB';
  font-style: bold;
  font-weight: 600;
  src: url('../font/Pretendard-SemiBold.woff') format("woff");
}

@font-face {
  font-family: 'Pretendard_B';
  font-style: bold;
  font-weight: 700;
  src: url('../font/Pretendard-Bold.woff') format("woff");
}
@font-face { 
  font-family: 'Pretendard_EB'; 
  font-weight: 800; 
  font-style: normal;
  src:url('../font/Pretendard-ExtraBold.woff') format('woff');
}

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; word-break:keep-all;}
body {font-family: "Pretendard_R", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;-webkit-text-size-adjust:100%;}
html, body {width:100%; height:100%; font-size:15px;  line-height:1.4; letter-spacing:-0.5px;}
ul {list-style:none;}
ol {margin-left:20px;}
a { text-decoration:none;}
/* a:hover {-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;} */
h1, h2, h3, h4, h5, h6, address, caption {font-weight:500;}
table {border-collapse:collapse; border-spacing:0;}

img, fieldset {border:0;}
img, input, button, select, textarea {resize: none; vertical-align:middle; font-family:'Pretendard', Arial, tahoma, Helvetica, sans-serif, Dotum;}
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 !important;}
.tl, .btn_left {text-align:left !important;}
.tr, .btn_right {text-align:right !important;}

.btn_center, .btn_left, .btn_right {margin:20px 0;}

.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:500;}

i {font-style:normal;}


body::-webkit-scrollbar,
.modal_contents::-webkit-scrollbar,
.table_1024px::-webkit-scrollbar {
  width: 8px;  /* 스크롤바의 너비 */
}

body::-webkit-scrollbar-thumb,
.modal_contents::-webkit-scrollbar-thumb,
.table_1024px::-webkit-scrollbar-thumb  {
  height: 30%; /* 스크롤바의 길이 */
  background: #B9B9B9; /* 스크롤바의 색상 */
  
  border-radius: 10px;
}

body::-webkit-scrollbar-track,
.modal_contents::-webkit-scrollbar-track,
.table_1024px::-webkit-scrollbar-track {
  background: #D6D6D6;  /*스크롤바 뒷 배경 색상*/
  border-radius: 10px;
}

/* margin ------------------------------- */
.mgt_5 {margin-top:-5px;}
.mgt5 {margin-top:5px;}
.mgt10 {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;} /* 연월일 */
.w5 {width:5% !important;}
.w6 {width:6% !important;}
.w7 {width:7% !important;}
.w8 {width:8% !important;}
.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}

/* 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"], /* select, */ textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-box-size:border-box; box-sizing:border-box;}
button {border: none; background-color: transparent; padding: 0;}
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"], select, textarea {border:solid 1px #ccc; padding:5px; border-radius:1px;}
input[type="button"] {cursor:pointer; overflow:visible; white-space:nowrap; border-radius:1px;}
/* select {padding-right:7px; background:#fff url(../DR0001IMG/board/icon_arrow_select.png) 94% 50% no-repeat; background-size:8px;}
select::-ms-expand {display:none;} */ /* IE 10, 11의 네이티브 화살표 숨기기 */
textarea {width:100%; height:auto;}
/* input[type=text]:focus, input[type="password"]:focus, select:focus, textarea:focus {border:1px solid #999; box-shadow:0px 0px 3px #a3a3a3;} */
/* 배경으로 지정해둔 이미지랑 겹칠때 해당 select 박스의 css에 속성을 추가해준다. select {-webkit-appearance:listbox;} */

input:focus{background-color: #f4f5f7; border: 1px solid #EDEDED;}
textarea:focus{background-color: #f4f5f7; border: 1px solid #EDEDED;}

*{ font-family: 'Pretendard_R'; color: #4b4b4b; line-height: 140%; }

/* 버튼모음 */
.btn_wrap{display: flex;text-align: center;align-items: center;gap: 8px;justify-content: center;}
.btn_wrap.right_btn{ text-align: right;}
.btns{ display: inline-block; padding: 7px 10px;  border-radius: 5px; cursor: pointer; font-size: 14px;}

.b_checkbox{display: none}
.b_check_txt{cursor: pointer;display: inline-block;padding-left: 5px; font-size: 18px;  color: var(--color-gray-g100-darkbg);}
.b_check{display: inline-block;width: 30px;  height: 30px;  border: 1px solid #dddddd;vertical-align: middle;cursor: pointer;text-align: center;border-radius: 6px;}
input.b_checkbox:checked + label.b_check{background-color:var(--color-p30_Primary); border: none;}
.b_check i{opacity: 0;color: #fff;vertical-align: middle;}
input.b_checkbox:checked + label.b_check i{opacity: 1;font-size: 30px;}
@media screen and (max-width:1340px){
 
}


@media screen and (max-width:565px){
  
}