/* reset */
html { overflow-y: scroll; font-size:62.5%; }
body { font-family:'Pretendard'; margin:0; padding:0; font-size:1.6rem; overflow: unset !important; }

* { box-sizing:border-box; font-family:inherit; -webkit-tap-highlight-color: transparent; }

h1, h2, h3, h4, h5, h6, input, select, button, textarea { margin:0; padding:0; box-sizing:border-box; }
dl, dt, dd, p, ul, ol { margin:0; padding:0; }
img { max-width:100%; }
li  { list-style:none !important; margin:0; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
table { width:100%; margin:0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; table-layout:fixed; }
a , 
button { -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:focus ,
button:focus { outline: none; }

input, select, textarea { outline: none; }
input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset; }
input::-ms-clear,
input::-ms-reveal{ display:none; width:0; height:0; }
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{ display:none; }

/* select { appearance:none; background-image:url('../img/common/select.png'); background-repeat:no-repeat; background-position:right 1.5rem center; background-size:1.2rem 0.7rem; padding-right:3.5rem !important; } */
select { appearance: none; border: none; background: none; padding: 0; margin: 0; background-repeat: no-repeat; background-position: right 0.8rem center; background-size: 1.6rem 1.6rem; padding-right: 3.2rem; padding-left: 1.2rem; }
select.white { background-image: url('../img/icon/icon_select_white.png'); }
select.black { background-image: url('../img/icon/icon_select_black.png'); }

#postcode > div { min-width:auto !important; }
#postcode > div > iframe { min-width:auto !important; }
#postcode1 > div { min-width:auto !important; }
#postcode1 > div > iframe { min-width:auto !important; }

.drag-ghost { opacity: 0.4; }

input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
input[type="color"]::-webkit-color-swatch { border: none; }

/* variable */
:root {
    --main-color: #7F40FF;
    --main-hover-color: #3927e1;
}

#wrapper {
    --main-banner-height: 5rem;
    --main-header-height: 6.8rem;
    --left-menu-width: 21.6rem;
}

@media (max-width: 1440px) {
    #wrapper {
        --left-menu-width: 18rem;
    }
}

@media (max-width: 1024px) {
    #wrapper {
        --main-banner-height: 0px;
        --left-menu-width: 0px;
    }
}

/* common */
.str-cut { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


#ui-datepicker-div .ui-widget-header { background-color:#62ac9d !important; }
#ui-datepicker-div .ui-state-highlight { background-color:rgba(26, 141, 134, 0.2) !important; border-color:rgba(26, 141, 134, 0.2) !important; }
#ui-datepicker-div .ui-datepicker-prev-hover ,
#ui-datepicker-div .ui-datepicker-next-hover { background:none !important; border:none !important; top:2px !important; }
#ui-datepicker-div .ui-datepicker-prev-hover { left:2px !important; }
#ui-datepicker-div .ui-datepicker-next-hover { right:2px !important; }

.wid5 { width: 5% !important; }
.wid10 { width: 10% !important; }
.wid15 { width: 15% !important; }
.wid20 { width: 20% !important; }
.wid25 { width: 25% !important; }
.wid30 { width: 30% !important; }
.wid35 { width: 35% !important; }
.wid40 { width: 40% !important; }
.wid45 { width: 45% !important; }
.wid50 { width: 50% !important; }
.wid55 { width: 55% !important; }
.wid60 { width: 60% !important; }
.wid65 { width: 65% !important; }
.wid70 { width: 70% !important; }
.wid75 { width: 75% !important; }
.wid80 { width: 80% !important; }
.wid85 { width: 85% !important; }
.wid90 { width: 90% !important; }
.wid95 { width: 95% !important; }
.wid100 { width: 100% !important; }