@charset "utf-8";

/*
.text-primary{
    color: #0066cc;
}

.bg-primary{
    background-color: #0066cc;
}
로그인
const loginon = document.querySelectorAll('.login_on');
const loginoff = document.querySelectorAll('.login_off');
isLoggedIn ? left-10 : left-3

중문 한문
const elements_zh = document.querySelectorAll('.target-zh');
const elements_kr = document.querySelectorAll('.target-kr');
onclick="alert(currentLanguage == 'zh' ? '货物追踪功能开发中...' : '화물 추적 기능 개발 중...')"
onclick="alert(currentLanguage == 'zh' ? '请填写所有必填项' : '모든 필수 항목을 입력해주세요'); closePupModal('addModal');"

.bg-primary = bg-[#0066cc]
.text-primary = text-[#0066cc]

 data-zh="登录" data-ko="로그인" <span data-zh="查看" data-ko="보기"></span>
data-placeholder-zh="请输入用户名" data-placeholder-ko="이름을 입력하세요"
image/image2.jpg data-zh="玻尿酸水光精华液 50ml" data-ko="히알루론산 앰플 세럼 50ml"

onclick="location.href='management-request.html'"
onclick="closePupModal('stanModal')" onClick="openPupModal('paymentModal')"
<a href="javascript:javascript:;" onclick="openPupModal('loginModal')" class="text-sm font-medium text-white/80 hover:text-white transition-colors">登录</a>
a href="javascript:javascript:;" onclick="openPupModal('registerModal')" class="text-sm font-medium text-white/80 hover:text-white transition-colors">免费注册</a>
onclick="openPupModal('quoteModal')" 报价单详情 onclick="openPupModal('editModal')" 재고 수정 onclick="openPupModal('viewModal')" 명세 보기 onclick="openPupModal('addModal')"添加仓库 onclick="openPupModal('jusoModal')"我的地址 onclick="openPupModal('stanModal')"选规格



<a href="javascript:javascript:;" onclick="openPupModal('loginModal')">登录</a>
<a href="javascript:javascript:;" onclick="openPupModal('termsModal')">服务条款</a>
<a href="javascript:javascript:;" onclick="openPupModal('privacyModal')">隐私政策</a>
                  
hidden  select 삭제내용 appearance-none


<div class="relative">
<input type="radio" name="color" id="color1" class="spec-radio">
<label for="color1" class="spec-btn block text-center px-3 py-2 border rounded-lg text-sm font-medium transition-all border-border hover:border-primary/50 cursor-pointer">S</label>
</div>
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
    /*font-family: 'Noto Sans SC', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



.fade-in {
    animation: fadeIn 0.8s ease-out;
}



.icon-blue {
    color: rgb(96, 165, 250);
    background: rgba(59, 130, 246, 0.1);
}

.icon-box {
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin-bottom: 1.25rem;
    display: flex;
    border-radius: 0.75rem;
}


.icon-emerald {
    background: rgb(16 185 129 / 0.1);
    color: #34d399;
}

.icon-box {
    margin-bottom: 1.25rem;
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
}

.icon-amber {
    background: rgb(245 158 11 / 0.1);
    color: #fbbf24;
}

.icon-box {
    margin-bottom: 1.25rem;
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
}

.icon-purple {
    background: rgb(168 85 247 / 0.1);
    color: #ad5ff7;
}

.icon-box {
    margin-bottom: 1.25rem;
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
}