/*===================================== 
YOU CAN WRIGHT CUSTOME CSS 
======================================*/

/*
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
*/

@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");


html, body { 
    font-family: 'Pretendard Variable', sans-serif !important;
}


.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem !important; 
  --bs-gutter-y: 0 !important; 
  width: 100% !important; 
  padding-right: calc(var(--bs-gutter-x) * 0.5) !important; 
  padding-left: calc(var(--bs-gutter-x) * 0.5) !important; 
  margin-right: auto !important; 
  margin-left: auto !important; 
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px !important; 
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px !important; 
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px !important; 
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px !important; 
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px !important; 
  }
}


.dokTitle{
    font-weight:600;
    color:#000000;
    font-size: 1.2rem;
}

.boldBlack{
    font-weight:600;
    color:#000000;
    font-size:2.0rem;
}

.asTitle{
    font-weight:600;
    color:#000000;
    font-size:1.1rem;
}

.asTitleSub{
    font-weight:400;
    color:#292929;
    font-size:1.06rem;
}

.itemDok {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 300px; /* 원하는 높이 설정 */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    font-size: 1.0rem; /* 텍스트 크기 */
    font-weight: 600;
    border: 1px solid #ccc; /* 디버깅용 */
}

.text {
    position: relative;
    z-index: 1;
}


.wt-product-box .price {
    padding-top: 0px !important; 
}

.product-showcase {
    padding-top: 45px !important;
}

.agree_tit .alert {
    padding: 0;
    display: inline-block;
    color: #F84A71;
    margin-left: 5px;
    margin-bottom: 0;
    border-left: 0;
}

input[readonly] {
    background-color: white !important; /* 하얀색 배경 */
    color: black  !important; /* 텍스트 색상 */
    border: 1px solid #ccc  !important; /* 테두리 스타일 */
    cursor: not-allowed  !important; /* 읽기 전용 마우스 커서 */
}

textarea[readonly] {
    background-color: white !important; /* 하얀색 배경 */
    color: black  !important; /* 텍스트 색상 */
    border: 1px solid #ccc  !important; /* 테두리 스타일 */
    cursor: not-allowed  !important; /* 읽기 전용 마우스 커서 */
}

.cons-contact-form {
    margin: 10px !important;
}

.lawTitle{
    font-weight: bold;
    padding:30px 0px 15px 0px;
}

.lawTitle2{
    font-weight: 500;
    padding:0px 0px 10px 0px;
}

.padleft1{
    padding-left:16px;
}

.padleft2{
    padding-left:28px;
}

.snowq{
    font-family: 'Roboto';
    white-space: nowrap !important;
}

.snowq .bold{
    font-family: 'Pretendard Variable';
    font-size: 1.1em !important;
    white-space: nowrap !important;
}