@import url("style.css");
@import url("main.css");
@import url("sub.css");
@import url("slick.css");
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');


/* 폰트 */

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

html,
body{
    height:100%;
    line-height:1.5;
    font-family:'Pretendard', Roboto, "Noto Sans KR", sans-serif;
    font-size:16px;
    color:#333;
    background-color:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    scroll-behavior:smooth;
}
html{
    height:100%;
    overflow-y:scroll;
    scrollbar-gutter:stable;
}

body{
    min-height:100%;
}

.fs_ns{ font-family: "Noto Serif", serif;}
.eng {font-family:  "Cormorant Garamond", serif;}
.eng i{font-weight:600;}


/* ===== 링크, 버튼 초기화 ===== */
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;}


/* 입력창 */
input,textarea, select{
  padding:12px 15px;
  background: var(--main-color-white); 
  border-radius: 8px;
  transition: all 0.3s ease;
  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:1px solid var(--main-color);
    box-shadow:
        0 4px 18px rgba(0, 110, 81, 0.15),
        0 0 25px rgba(0, 110, 81, 0.10);

    transform: translateY(-1px);
}




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