* {box-sizing:border-box;outline:0;}
body {position:relative;width:100%;overflow-x:auto;margin:0;}
h1,h2,h3,h4,h5,h6 {margin:0;word-break:keep-all;font-size:inherit;}
p {margin:0;word-break:break-all;}
a {margin:0;border:none;color:inherit;text-decoration:none;cursor:pointer;user-select:none;font-family:inherit;}
ul,ol,dl {padding-left:0;margin:0;list-style-type:none;}
dd {margin:0;padding:0;}
button {margin:0;padding:0;cursor:pointer;border:none;background-color:inherit;-moz-user-select:none;-webkit-user-select:none;user-select:none;font-family:inherit;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
button:focus {outline:0;}
textarea {resize:none;}
iframe {border-width:0;border-style:none;border-color:transparent;border-image:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
table {border-color:transparent;border-collapse:collapse;border-spacing:0;}
figure {margin:0;}
img {vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
address {font-style:normal;}
pre {margin:0;white-space:pre-wrap;}
i,
em {font-style:normal;}
form {margin:0;}
input {border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;}
input[type='number'] {-moz-appearance:textfield;}
input[type='text']::-ms-clear {display:none;}
input::-ms-clear,
input::-ms-reveal {display:none;width:0;height:0;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}
input::-webkit-search-decoration,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;width:0;height:0;}
input[type='text'],input[type='tel'],input[type='email'],input[type='password'],input[type='number'],input[type='search'],
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
input:checked[type='checkbox'] {-webkit-appearance:checkbox}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {display:none;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-text-fill-color:#000!important;-webkit-box-shadow: 0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;transition:background-color 5000s ease-in-out 0s!important;}

/*== flex ==*/
.horiz {display:flex;}
.between {justify-content:space-between;}
.flex--center {display:flex;align-items:center;}
.flex--center-center {display:flex;justify-content:center;align-items:center}
.flex--between {display:flex;justify-content:space-between!important;}
.flex--column {flex-direction:column!important;}
.flex--end {display:flex;justify-content:flex-end!important;}

/*== txt-style ==*/
.medium {font-weight:500!important;}
.bold {font-weight:700!important;}
.underline {text-decoration:underline!important;}
.line-through {text-decoration:line-through!important;}
.txt-l {text-align:left!important;}
.txt-r {text-align:right!important;}
.color-secondary {color:var(--content-secondary,#8A8A8A)!important;}
.color-tertiary {color:var(--content-tertiary,#C0C0C0)!important;}
.color-primary {color:var(--primary-400)!important;}


/* ==== HOMEPAGE COMMON+RESET (pc,moble) ==== */
:root {
    --primary-black:#000;
    --primary-white:#fff;

    --primary-800:#5F4A37;
    --primary-500:#8F5F1B;
    --primary-400:#B7761D;
    --primary-300:#C88427;
    --primary-200:#E3B87C;
    --primary-100:#E3DDD3;

    --brown-900:#130F0B;
    --brown-800:#261E16;
    --brown-700:#392C21;
    --brown-600:#4C3B2C;
    --brown-500:#5F4A37;
    --brown-400:#7F6E5F;
    --brown-300:#9F9287;
    --brown-200:#BFB7AF;
    --brown-100:#DFDBD7;
    
    --gray-900:#171717;
    --gray-800:#2C2C2C;
    --gray-700:#404040;
    --gray-600:#525252;
    --gray-500:#737373;
    --gray-400:#A3A3A3;
    --gray-300:#D4D4D4;
    --gray-200:#E5E5E5;
    --gray-100:#F5F5F5;
    --gray-050:#FAFAFA;
}

    html {font-size:16px;line-height:1.5;font-weight:400;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;letter-spacing:-0.05em;}
    body {background:var(--bg-base,#fff);font-family:'Noto Sans KR', sans-serif;text-align:left;color:var(--content-primary,#1F1F1F);word-break:keep-all;}
    body[style="overflow:hidden;"] {position:fixed;height:100%;}
    a,button {color:inherit;}
    .hidden {display:none!important;}
    .for-a11y {display:block;z-index:-1;height:1px;overflow:hidden;font-size:1px;line-height:1px;color:transparent;border:0;padding:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);background:none;position:absolute;width:1px;margin:0;}
    body.no-scroll {position:fixed;}
    .no-scroll {overflow:hidden!important;}

    .scroll {overflow:auto;}
    .scroll *::-webkit-scrollbar-track {background-color:rgba(0, 0, 0, 0);}
    .scroll *::-webkit-scrollbar {display:block;width:12px;}
    .scroll *::-webkit-scrollbar-thumb {background-color:var(--bg-tertiary,#E8E8E8);background-clip:padding-box;border:3px solid transparent;border-radius:6px;opacity:0.2;}
    
    /*== TYPO - 지유님 폰트 17px을 기반 (rem단위의 기준인 html은 16으로 유지 17변경 시 소수점 브라우저별 상이하게 보일 우려) == */
    .txt-h01 {font-size:2.875rem;}/*46px*/
    .txt-t36 {font-size:2.25rem;}/*36px*/
    .txt-t32 {font-size:2rem;}/*32px*/
    .txt-headline {font-size:1.5rem;font-weight:700;}/*24px*/
    .txt-title {font-size:1.3125rem;font-weight:400;}/*21px*/
    .txt-subtitle {font-size:1.125rem;line-height:1.33;font-weight:700;}/*18px*/
    .txt-body01 {font-size:1.0625rem;font-weight:400;}/*17px*/
    .txt-body02 {font-size:.9375rem;font-weight:400;}/*15px*/
    .txt-caption01 {font-size:.75rem;font-weight:400;}/*12px*/
    @media screen and (max-width:359px) {
        html {font-size:calc(16 / 360 * 100vw);}
        .txt-h01 {font-size:calc(46 / 360 * 100vw);}
        .txt-t36 {font-size:calc(36 / 360 * 100vw);}
        .txt-t32 {font-size:calc(32 / 360 * 100vw);}
        .txt-headline {font-size:calc(24 / 360 * 100vw);}
        .txt-title {font-size:calc(21 / 360 * 100vw);}
        .txt-subtitle {font-size:calc(18 / 360 * 100vw);}
        .txt-body01 {font-size:calc(17 / 360 * 100vw);}
        .txt-body02 {font-size:calc(15 / 360 * 100vw);}
        .txt-caption01 {font-size:calc(12 / 360 * 100vw);}
    }

    /*== btn-area ==*/
    .btn-area {display:flex;flex-wrap:wrap;}
    
    /*== button ==*/
    :is(.btn-58, .btn-50) {flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:.25rem;border-radius:.5rem;text-align:center;}
    .btn-50 {height:3.125rem;padding:.75rem 1rem;}
    .btn-58 {height:3.625rem;padding:1rem 1.5rem;}
    :is(.btn-primary, .btn-secondary) {border:.0625rem solid;font-size:1rem;font-weight:700;}
    :is(.btn-primary, .btn-secondary).disabled {pointer-events:none;}
    .btn-primary {border-color:var(--brown-500);background:var(--brown-500);color:var(--primary-white);transition:0.3s ease-in-out;}
    .btn-primary:active,
    .btn-primary:focus {border-color:var(--brown-700);background:var(--brown-700);}
    .disabled .btn-primary,
    .btn-primary:disabled,
    .btn-primary.disabled {border-color:var(--gray-300);background:var(--gray-300);color:var(--gray-400);}
    .btn-secondary {border-color:var(--gray-400);background:var(--primary-white);color:var(--gray-900);}
    .btn-secondary:active,
    .btn-secondary:focus {background:var(--gray-200);}
    .disabled .btn-secondary,
    .btn-secondary:disabled,
    .btn-secondary.disabled {background:var(--gray-300);color:var(--gray-400);}

    /*== FORM ==*/
    .input-chkbox {display:inline-flex;align-items:center;gap:8px;position:relative;cursor:pointer;color:var(--gray-600);}
    .input-chkbox input {display:block;position:absolute;top:.3125rem;left:.3125rem;z-index:0;width:.0625rem;height:.0625rem;}
    .input-chkbox .chk {flex-shrink:0;display:block;position:relative;z-index:10;width:1.5rem;height:1.5rem;}
    .input-chkbox .chk::before {content:'';display:block;width:100%;height:100%;box-sizing:border-box;}
    .input-chkbox input + .chk::before {background-image:url(../../images/home/icons/check-0.svg);}
    .input-chkbox input:checked + .chk::before {background-image:url(../../images/home/icons/check-1.svg);background-repeat:no-repeat;background-position:center;background-size:contain;}
    .input-list {display:flex;flex-direction:column;gap:1rem;}
    .input__row {display:flex;}
    .input__row .label-txt {font-size:1.0625rem;font-weight:700;}
    .input__row .label-txt.required::after {content:'*';color:var(--primary-400);} 
    .input__row .input-box {flex:1;}
    .input__row .input--basic {width:100%;height:3.625rem;border:1px solid var(--gray-200);border-radius:.5rem;overflow:hidden;}
    .input__row .input--basic input {display:block;width:100%;height:100%;padding-inline:1rem;font-size:1.0625rem;color:var(--gray-900);}
    .input__row .input--basic input::placeholder {color:var(--gray-400);}
    .input__row .input--basic:focus-within {border-color:var(--primary-400);}
    .input__row .input--basic input:disabled,
    .input__row .input--basic:has(input:disabled) {background:var(--gray-300);}
    .input__row .file-box {position:relative;font-size:0;}
    .input__row .file-box input[type="file"] {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0;margin:-1px;padding:0;}
    .input__row .file-box .input--basic {display:flex;}
    .input__row .file-box .input-txt {text-overflow:ellipsis;}
    .input__row .file-box .file-del {flex:0 0 3.625rem;width:3.625rem;height:3.625rem;background:url(../../images/common/btn/btn-x--primary.svg)no-repeat center/60%;font-size:0;}
    .input__row .input-box textarea {overflow:auto;display:block;width:100%;height:12.5rem;padding:1rem;border:1px solid var(--gray-200);border-radius:.5rem;font-family:inherit;font-size:1.0625rem;color:var(--gray-900);}
    .input__row .input-box textarea::placeholder {color:var(--gray-400);}
    .input__row .input-box textarea:focus-within {border-color:var(--primary-400);}

    /*== pagination ==*/
    .pagination {display:flex;justify-content:center;gap:.5rem;position:relative;text-align:center;font-size:0;}
    .pagination ul {display:flex;justify-content:center;gap:.5rem;}
    .pagination a {display:flex;align-items:center;justify-content:center;text-align:center;color:var(--gray-600);}
    .pagination .on a {background:var(--brown-500);border-radius:8px;color:var(--primary-white);font-weight:700;}
    .pagination a.prev::before,
    .pagination a.next::after {content:'';display:block;background-repeat:no-repeat;background-position:center;background-size:contain;}
    .pagination a.prev::before {background-image:url(../../images/home/icons/pagenation.svg);transform:rotate(180deg);}
    .pagination a.next::after {background-image:url(../../images/home/icons/pagenation.svg);}

    /*== swiper ==*/
    .swiper {width:100%;}
    .swiper-slide {background-size:cover;background-position:center;}
    .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;}
    .slider-btn-next,
    .slider-btn-prev {z-index:10;position:absolute;display:flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;border-radius:1.875rem;background:rgba(23, 23, 23, 0.4);font-size:0;cursor:pointer;}
    .slider-btn-next::after,
    .slider-btn-prev::after {content:'';display:block;width:2rem;height:2rem;background:url(../../images/home/icons/swiper-pagenation.svg)no-repeat center / contain;}
    .slider-btn-prev::after {transform:rotate(180deg);}