@import url("style.css");
@import url("sub.css");
@import url("slick.css");


/* 폰트 - A2Z */
@font-face {

    src: url('../font/A2Z_Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('../font/A2Z_ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('../font/A2Z_Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('../font/A2Z_Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('../font/A2Z_Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('../font/A2Z_SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('../font/A2Z_Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('../font/A2Z_ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('../font/A2Z_Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}


/* ===== 기본 초기화 ===== */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    line-height: 1.5;
   font-family:'A2z',sans-serif;
    color: #333;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

/* ===== 링크, 버튼 초기화 ===== */
a {
    color: inherit;
    text-decoration: none;
    display:block; 
}

button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

/* ===== 목록 초기화 ===== */
ul, ol {
    list-style: none;
}

/* ===== 이미지 초기화 ===== */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ===== 폼 요소 초기화 ===== */
input,
textarea,
select {
    font: inherit;
    color: inherit;
    border: none;
    background: none;
    outline: none;
}

textarea {
    resize: none;
}

/* ===== 테이블 초기화 ===== */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ===== 기타 유틸 ===== */
.hidden {
    display: none !important;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/***** 카카오맵 수정 ****/
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .cont {
    display: none !important;
}
.root_daum_roughmap .wrap_map{height:100%!important;}


address{font-style: normal;}

/* 입력창 */
input,textarea, select{
  padding:12px 15px;
  background: var(--main-color-white); 
  border-radius: 8px;
  transition: all 0.3s ease;
  /*background:#f1f5f7;*/
  border:1px solid #ddd;
}
select{padding:12px 45px 12px 15px;}


select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;


    background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23666' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px;
}
input:focus,
select:focus,
textarea:focus {
   border-color:#5bbcff;
    box-shadow:
        0 4px 16px rgba(91, 188, 255, 0.3),
        0 0 22px rgba(91, 188, 255, 0.2);
    transform: translateY(-1px);
}
input[type="radio"]:focus,
input[type="checkbox"]:focus{box-shadow: none; transform: none;}

.tal{text-align: left; }
.tac{text-align: center; }
.tar{text-align: right; }


@media screen and (max-width: 768px) {
    input,textarea, select{
  padding:10px 12px;}
select{padding:10px 45px 10px 12px;}


}