@charset 'utf-8';

/* ====================== */
/* UI Reset */
/* ====================== */
@import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard-subset.min.css');

@font-face {
    font-family: 'Pretendard';
    font-display: block;
    src: local('Pretendard Bold'),
        url('../font/Pretendard-Black.woff2') format('font-woff2'),
        url('../font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
}

@font-face {
    font-family: 'Pretendard';
    font-display: block;
    src: local('Pretendard Bold'),
        url('../font/Pretendard-ExtraBold.woff2') format('font-woff2'),
        url('../font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
}

@font-face {
    font-family: 'Pretendard';
    font-display: block;
    src: local('Pretendard Bold'),
        url('../font/Pretendard-Bold.woff2') format('font-woff2'),
        url('../font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'Pretendard';
    font-display: block;
    src: local('Pretendard SemiBold'),
        url('../font/Pretendard-SemiBold.woff2') format('font-woff2'),
        url('../font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
}

@font-face {
    font-family: 'Pretendard';
    font-display: block;
    src: local('Pretendard Medium'),
        url('../font/Pretendard-Medium.woff2') format('font-woff2'),
        url('../font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'Pretendard';
    font-display: block;
    src: local('Pretendard Regular'),
        url('../font/Pretendard-Regular.woff2') format('font-woff2'),
        url('../font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'Pretendard';
    font-display: block;
    src: local('Pretendard Light'),
        url('../font/Pretendard-Light.woff2') format('font-woff2'),
        url('../font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
}

@font-face {
    font-family: 'Pretendard';
    font-display: block;
    src: local('Pretendard ExtraLight'),
        url('../font/Pretendard-ExtraLight.woff2') format('font-woff2'),
        url('../font/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
}

@font-face {
    font-family: 'Pretendard';
    font-display: block;
    src: local('Pretendard Thin'),
        url('../font/Pretendard-Thin.woff2') format('font-woff2'),
        url('../font/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
}

* {margin:0;padding:0;font:inherit;}
*, *::before, *::after {box-sizing:border-box;}
html {font-size: 62.5%;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img, video, svg, picture {display:block;height:auto;max-width:100%;}
body {font-size:1.4rem;color:#333D4B;overflow-x: hidden;font-family:"Pretendard", pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Hiragino Sans", "Apple SD Gothic Neo",  "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
a {text-decoration:none;cursor:pointer;}
button {border:none;cursor:pointer;background-color:transparent;}
sup {line-height:1;vertical-align:0px;}
ul, ol, li {list-style:none;}

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::-ms-clear {display: none;}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type='number'] {-moz-appearance: textfield;}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}

/*::-webkit-scrollbar {width: 10px;height:20px;}
::-webkit-scrollbar-thumb {background: #F0F0F0;border-radius: 10px;}*/


/* ====================== */
/* 공통 */
/* ====================== */
:root {
    --primary: #B5091F;
    --secondary: #EB233D;
}
.blind {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.inner {padding:0 16px;max-width:1302px;width:100%;margin-left:auto;margin-right:auto;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="date"] {height:52px;width:100%;border:1px solid #C0C4CC;padding:0 16px;transition:all .3s ease;border-radius:4px;}
textarea {height:auto;border:1px solid #C0C4CC;width:100%;padding:16px;transition:all .3s ease;border-radius:4px;resize:none;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="date"]:focus {outline:none;}
textarea:focus {outline:none;}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="search"]::placeholder,
input[type="date"]::placeholder {color:#999;}
select {border-radius:5px;border: 1px solid #d1d1d1;height:45px;font-weight:500;padding:0 44px 0 10px;background:#fff url(../images/select_arrow.svg) no-repeat calc(100% - 16px) center/12px auto;transition:all .3s ease;font-size:14px;width:100%;}
select:focus {outline:none;border-color:#111;}

.icon-input {position:relative;}
.icon-input i {position:absolute;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;}
.icon-input i img {object-fit:contain;margin:auto;}
.icon-input input {padding-left:54px;}

.form-box {margin-bottom:30px;}
.form-box .label {font-size:16px;font-weight:600;margin-bottom:10px;}
.form-box input {border-radius:8px;background-color:#f9f9f9;border:0;}
.form-box .btn-input {display:flex;gap:10px;margin-bottom:10px;}
.form-box .btn-input .btn-search {width:120px;background-color:#242424;color:#fff;border-radius:8px;font-size:16px;font-weight:700;}

/* ====================== */
/* 레이아웃 */
/* ====================== */
/* header */
.header-wrap {position:fixed;top:0;left:0;width:100%;z-index:10;border-bottom: 1px solid rgba(240, 240, 240, 0.20);background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(6.2px);transition:all .3s ease;}
.header-wrap header {display:flex;justify-content:space-between;height:122px;align-items:center;}
.header-wrap .logo img {height:40px;}
.header-wrap .gnb {display:flex;gap:40px;}
.header-wrap .gnb a {color:#fff;}
.header-wrap .etc {display:flex;gap:10px;align-items:center;}
.header-wrap .btn-menu {width:44px;height:44px;display:none;font-size:0;white-space:nowrap;overflow:hidden;background:transparent url(../images/btn_menu.svg) no-repeat center right;background-size:24px auto;}
.header-wrap.active {background-color:#000;}


/* footer */
.footer-wrap {background: #fff;padding:0 0 40px;margin-top:120px;}
.footer-wrap footer {display:flex;padding:40px 0 0;justify-content:space-between;align-items:start;color:#969696;border-top:1px solid #F5F5F5;}
.footer-wrap .logo {margin-bottom:30px;}
.footer-wrap .logo img {height:26px;display:inline-block;}
.footer-wrap .link {margin-top:10px;}
.footer-wrap .link a {margin-right:14px;color: #969696;}
.footer-wrap .link a:last-child {margin-right:0;}
.footer-wrap .company {margin-bottom:30px;}
.footer-wrap .company span {display:flex;align-items:start;gap:10px;margin-bottom:26px;}
.footer-wrap .company span img {height:16px;}
.footer-wrap .copyright {font-size:13px;}
.footer-wrap.black {background-color:#000;margin-top:0;}
.footer-wrap.black footer {color:#fff;border-top:1px solid #eee;}
.footer-wrap.black .link a {color: #eee;}

/* drawer */
.drawer {position:fixed;left:0;top:0;bottom:0;right:0;z-index:100;background-color:#fff;overflow:hidden;opacity:0;transition:opacity .3s ease;pointer-events:none;display:flex;flex-direction:column;}
.drawer.active {opacity:1;pointer-events:inherit;}
.drawer .drawer-top {height:60px;border-bottom: 1px solid #DDD;padding:0 20px;position:relative;}
.drawer .btn-drawer-close {font-size:0;overflow:hidden;width:44px;height:44px;background:transparent url(../images/btn_drawer_close.svg) no-repeat center right/20px;display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);}
.drawer .drawer-contents {padding:30px 20px;flex:1;}
.drawer .drawer-contents a {display:flex;color:#555;font-weight:600;font-size:18px;padding:13px 0;align-items:center;gap:15px;margin-bottom:8px;}

/* 태블릿 */
@media screen and (max-width: 1024px) {
    .header-wrap {border-bottom-color:rgba(255, 255, 255, .2);}
    .header-wrap header {height:80px;}
    .header-wrap .logo img {height:20px;}
    .header-wrap .gnb {display:none;}
    .header-wrap .btn-menu {display:block;}
    .form-box input {height:50px;}

	::-webkit-scrollbar {width: 5px;height:10px;}
    ::-webkit-scrollbar-thumb {background: #F0F0F0;border-radius: 10px;}
}

/* 모바일 */
@media screen and (max-width: 768px) {
    .footer-wrap {padding:0 0 30px;margin-top:60px;}
    .footer-wrap footer {flex-direction:column;align-items:start;gap:20px;}
    .footer-wrap .logo {margin-bottom:20px;}
    .footer-wrap .company span {align-items:start;font-size:13px;line-height:1.6;word-break:keep-all;font-weight:300;}
    .footer-wrap .company span:last-child {margin-bottom:0;}
    .footer-wrap .company img {margin-top:3px;}
    .footer-wrap .copyright {font-weight: 300;}

	::-webkit-scrollbar {width: 5px;height:10px;}
    ::-webkit-scrollbar-thumb {background: #F0F0F0;border-radius: 10px;}
}

@media (min-width: 769px) {
  .header-wrap .gnb {
    margin-top: -40px; /* 로고 상단과 맞추기 (필요시 조정) */
  }
   .aem_logo {
    margin-top: -40px; /* 로고 상단과 맞추기 (필요시 조정) */
  }
}

#back-top {
 position: fixed;
 bottom: 120px;
 left: 50%;
 margin-left: 710px;
 z-index:3;
 display:none;
}	

.gnb a.disabled {
  pointer-events: none;      /* 클릭 비활성화 */
  opacity: 0.4;              /* 흐리게 */
  /* text-decoration: line-through; 선택사항: 취소선 */
  cursor: default;
}

.gnb a.disabled,
.drawer-contents a.disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: default;
 /*  text-decoration: line-through; 선택 사항 */
}