@charset "utf-8";

/* default definition*/
* { margin:0; padding:0;}
html, body { margin:0; padding:0;}
 
body {/* overflow-x:hidden;*/ font-family:Pretendard; font-size:16px; font-weight:400; letter-spacing:-0.2px  color:##24252B; position:relative; text-align:justify; word-break:break-all;} /* 대체 스크롤 생성 */
table, div {border-collapse:collapse;}
select, textarea { border:1px solid #aaaaaa; background:#FFF; font-family:Pretendard;  color:#1b1b1b; vertical-align:top;font-size:100%; letter-spacing:-0.5px;}
form, ul, li,  ol, dl, table, div, h1, h2, h3 ,h4 {margin:0;padding:0;}
h1, h2, h3 ,h4, h5, h6{ text-decoration:none; font-weight:normal;}
img, fieldset, button, input {border:0; margin:0; padding:0; font-family:Pretendard; }
input:focus {outline:none;}
textarea:focus {outline:none;}
select, input, li, img, button {vertical-align:top;font-family:Pretendard;  }
select{ font-size:15px;}
ul, li, dl, dt, dd{list-style-type : none; }
caption { text-indent:-5000px; line-height:0; font-size:0;}
legend{ text-indent:-5000px; line-height:0; font-size:0; position:absolute;  top:0; left:0;}
textarea {border:1px solid #dedede; resize:none;}
hr{display:none;}
a:link {color:#1b1b1b; text-decoration:none;}
a:hover {color:#1b1b1b; text-decoration:none;}
a:visited {color:#1b1b1b; text-decoration:none;}

address{text-decoration:none; font-style:normal}
::-moz-input-placeholder, ::-moz-textarea-placeholder{color:#a0a0a0;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder{color:#a0a0a0;}  


/*셀러 조회테이블 input/Select검색 */
.input30{height:30px; line-height:30px; padding:0 10px; color:#24252B; font-size:14px; letter-spacing:-0.2px;font-weight:400; border:1px solid #DEDEDE; border-radius:4px}
.Select {appearance: none;-webkit-appearance: none;-moz-appearance: none;
height:32px; line-height:32px; padding: 0 44px 0 12px; color:#24252B; font-size:14px; letter-spacing:-0.2px;font-weight:400; cursor: pointer; vertical-align:middle; border:1px solid #DEDEDE; border-radius:4px;background-color: #fff;  
background-image: url("../imgs/Select_arrow.png"); background-repeat: no-repeat; background-position: right 5px center; background-size:16px 16px; }
/* 포커스 상태 */
.Select:focus {outline: none; border-color:#DEDEDE; }
/* 비활성화 */
.Select:disabled {color: #9aa4b2;background-color: #f5f7fa;cursor: not-allowed;background-image: none; /* 필요시 유지해도 됨 */}
/* 3) IE/Edge(레거시) 전용: 기본 펼침 화살표 숨김 */
.Select::-ms-expand {display: none;}
/* 다크 모드 예시(선택): 
@media (prefers-color-scheme: dark) {.Select {background-color: #1f2430;color: #e6e9ef;border-color: #3a4152; background-image: url("../imgs/Select_arrow.png");}}*/
.SearchBuyer{ position:relative; height:30px; border:1px solid #DEDEDE; border-radius:4px; }
.SearchBuyer input{ height:30px; margin-left:13px;  font-size:16px; letter-spacing:-0.2px; font-weight:400; color:#919298; vertical-align:middle; }
.SearchBuyer button{ position:absolute; width:25px; height:30px;  right:0px; font-size:0px; background-color:#fff; cursor:pointer; background:url(../imgs/Search_icon_gray.png) no-repeat left; background-size:18px 18px;  }


/* 기본 체크박스 제거 & 커스텀 */
input[type="checkbox"] {appearance: none; -webkit-appearance: none;-moz-appearance: none;width: 24px;height: 24px;border: 2px solid #dedede; background-color:#fff;
border-radius: 4px;cursor: pointer;display: inline-block;vertical-align: middle;position: relative;transition: border-color 0.2s, background-color 0.2s;}
input[type="checkbox"]:checked {border-color: #2172ec; /* 체크 시 보더 색 */background-color: #2172ec; /* 체크 시 배경색 */}
input[type="checkbox"]:checked::after {content: "✔";font-weight:500;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -55%);font-size: 14px;color:#fff; /* 체크 마크 색상 */}
input[type="checkbox"]:focus {outline: 0px solid rgba(14,165,233,0.4);outline-offset: 2px;}



/* 파일업로드 숨겨진 기본 input */
#FileUpload {display: none;}
/* 파일업로드 커스텀 업로드 버튼 */
.CustomUpload {display:inline-block;height:30px; padding:0 10px; line-height:30px; cursor:pointer;border-radius:6px; background: #fff;color: #404046;font-size:14px; font-weight:500; border:1px solid #DEDEDE;}
.CustomUpload:hover {color:#404046; border:1px solid #DEDEDE; background:#f6f6f6;}
/* 파일업로드 파일명 표시 영역 */
#FileName {display:inline-block; margin-left:20px; margin-top: 10px;font-size: 14px;color:#404046;}
 

/*체크박스 스타일*/
input[type="checkbox"] {display: none;}
 
.CheckLargeLabel {display: inline-flex;align-items: center;cursor: pointer;margin: 5px 10px;font-size: 16px;letter-spacing: -0.2px;font-weight: 400;color: #404046;}
.CheckLargeLabel input[type="checkbox"] {display: none; }
.CheckLargeCustom {position: relative; margin-right: 8px;width: 22px;height: 22px; border: 1px solid #d7d7d7;border-radius: 4px;transition: all 0.2s ease;background-image: url('../imgs/Check_gray.png');background-size: contain;background-color: #fff;}
.CheckLargeLabel input[type="checkbox"]:checked + .CheckLargeCustom {background-color:#2172EC;border-color:#2172EC;}
.CheckLargeLabel input[type="checkbox"]:checked + .CheckLargeCustom::after {content: '';position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 22px;height:22px;
background-image: url('../imgs/Check_white.png');background-size: contain;background-repeat: no-repeat;}
.CheckLargeLabel input[type="checkbox"]:disabled + { color:#919298;  /* 라벨 글씨도 흐리게 */cursor: not-allowed;}
.CheckLargeLabel input[type="checkbox"]:disabled + .CheckLargeCustom {background-color: #ebecf2; border-color:#dedede; cursor:not-allowed; background-image: url('../imgs/Check_gray.png'); background-size: contain;  }
.CheckLargeLabel input[type="checkbox"]:disabled:checked + .CheckLargeCustom {background-color: #b0b0b0;  border-color: #b0b0b0;color:#919298;  }
.CheckLargeLabel input[type="checkbox"]:disabled + .CheckLargeCustom::after {opacity: 0.6;  }

.CheckMediumLabel {display: inline-flex;align-items: center;cursor: pointer;margin:5px 10px;font-size: 14px;letter-spacing:-0.2px;font-weight: 400;color: #404046;}
.CheckMediumLabel input[type="checkbox"] {display: none; }
.CheckMediumCustom {position: relative; margin-right:8px;width:18px;height: 18px; border: 1px solid #d7d7d7;border-radius: 4px;transition: all 0.2s ease;background-image: url('../imgs/Check_gray.png');background-size: contain;background-color: #fff;}
.CheckMediumLabel input[type="checkbox"]:checked + .CheckMediumCustom {background-color:#2172EC;border-color:#2172EC;}
.CheckMediumLabel input[type="checkbox"]:checked + .CheckMediumCustom::after {content: '';position: absolute; top:50%;left:50%;transform:translate(-50%, -50%); width:18px; height:18px;
background-image: url('../imgs/Check_white.png');background-size:contain;background-repeat:no-repeat;}
.CheckMediumLabel input[type="checkbox"]:disabled + { color:#919298;  /* 라벨 글씨도 흐리게 */cursor: not-allowed;}
.CheckMediumLabel input[type="checkbox"]:disabled + .CheckMediumCustom {background-color: #ebecf2; border-color:#dedede; cursor:not-allowed; background-image: url('../imgs/Check_gray.png'); background-size: contain;  }
.CheckMediumLabel input[type="checkbox"]:disabled:checked + .CheckMediumCustom {background-color: #b0b0b0;  border-color: #b0b0b0;color:#919298;  }
.CheckMediumLabel input[type="checkbox"]:disabled + .CheckMediumCustom::after {opacity: 0.6;  }

.CheckSmallLabel {display: inline-flex;align-items: center;cursor: pointer;margin: 5px 10px;font-size: 12px;letter-spacing: -0.2px;font-weight: 400;color: #404046;}
.CheckSmallLabel input[type="checkbox"] {display: none; }
.CheckSmallCustom {position: relative;margin-right: 8px;width: 18px;height: 18px;border: 1px solid #d7d7d7;border-radius: 4px;transition: all 0.2s ease;background-color: #fff;}
.CheckSmallLabel input[type="checkbox"]:checked + .CheckSmallCustom {background-color: #2172EC;border-color: #2172EC;}
.CheckSmallLabel input[type="checkbox"]:checked + .CheckSmallCustom::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 18px;height:18px;
background-image: url('../imgs/Check_white.png');background-size: contain;background-repeat: no-repeat;}
.CheckSmallLabel input[type="checkbox"]:disabled + { color:#919298;  /* 라벨 글씨도 흐리게 */cursor: not-allowed;}
.CheckSmallLabel input[type="checkbox"]:disabled + .CheckSmallCustom {background-color: #ebecf2; border-color:#dedede; cursor:not-allowed; background-image: url('../imgs/Check_gray.png'); background-size: contain;  }
.CheckSmallLabel input[type="checkbox"]:disabled:checked + .CheckSmallCustom {background-color: #b0b0b0;  border-color: #b0b0b0;color:#919298;  }
.CheckSmallLabel input[type="checkbox"]:disabled + .CheckSmallCustom::after {opacity: 0.6;  }

.CheckCellMediumLabel {display: inline-flex;align-items: center;cursor: pointer;margin: 5px 10px;font-size: 14px;letter-spacing: -0.2px;font-weight: 400;color: #404046;}
.CheckCellMediumLabel input[type="checkbox"] {display: none; }
.CheckCellMediumCustom {position: relative; margin-right: 8px;width: 22px;height: 22px; border: 1px solid #d7d7d7;border-radius: 4px;transition: all 0.2s ease;background-image: url('../imgs/Check_gray.png');background-size: contain;background-color: #fff;}
.CheckCellMediumLabel input[type="checkbox"]:checked + .CheckCellMediumCustom {background-color:#2172EC;border-color:#2172EC;}
.CheckCellMediumLabel input[type="checkbox"]:checked + .CheckCellMediumCustom::after {content: '';position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 22px;height:22px;
background-image: url('../imgs/Check_white.png');background-size: contain;background-repeat: no-repeat;}
.CheckCellMediumLabel input[type="checkbox"]:disabled + { color:#919298;  /* 라벨 글씨도 흐리게 */cursor: not-allowed;}
.CheckCellMediumLabel input[type="checkbox"]:disabled + .CheckCellMediumCustom {background-color: #ebecf2; border-color:#dedede; cursor:not-allowed; background-image: url('../imgs/Check_gray.png'); background-size: contain;  }
.CheckCellMediumLabel input[type="checkbox"]:disabled:checked + .CheckCellMediumCustom {background-color: #b0b0b0;  border-color: #b0b0b0;color:#919298;  }
.CheckCellMediumLabel input[type="checkbox"]:disabled + .CheckCellMediumCustom::after {opacity: 0.6;  }

.CheckCellSmallLabel {display: inline-flex;align-items: center;cursor: pointer;margin: 5px 10px;font-size: 14px;letter-spacing: -0.2px;font-weight: 400;color: #404046;}
.CheckCellSmallLabel input[type="checkbox"] {display: none; }
.CheckCellSmallCustom {position: relative;margin-right: 8px;width: 18px;height: 18px;border: 1px solid #d7d7d7;border-radius: 4px;transition: all 0.2s ease;background-color: #fff;}
.CheckCellSmallLabel input[type="checkbox"]:checked + .CheckCelSmallCustom {background-color: #2172EC;border-color: #2172EC;}
.CheckCellSmallLabel input[type="checkbox"]:checked + .CheckCelSmallCustom::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 18px;height:18px;
background-image: url('../imgs/Check_white.png');background-size: contain;background-repeat: no-repeat;}
.CheckCellSmallLabel input[type="checkbox"]:disabled + { color:#919298;  /* 라벨 글씨도 흐리게 */cursor: not-allowed;}
.CheckCellSmallLabel input[type="checkbox"]:disabled + .CheckCellSmallCustom {background-color: #ebecf2; border-color:#dedede; cursor:not-allowed; background-image: url('../imgs/Check_gray.png'); background-size: contain;  }
.CheckCellSmallLabel input[type="checkbox"]:disabled:checked + .CheckCellSmallCustom {background-color: #b0b0b0;  border-color: #b0b0b0;color:#919298;  }
.CheckCellSmallLabel input[type="checkbox"]:disabled + .CheckCellSmallCustom::after {opacity: 0.6;  }


/*체크박스-셀렉트안에서*/
.SelectCheck {position: relative;display:inline-block;width: 200px;}
.SelectCheck-btn {position: relative; min-height:30px; line-height:30px; padding:0 10px; color:#24252B; font-size:14px; letter-spacing:-0.2px;font-weight:400; border:1px solid #DEDEDE; border-radius:4px;}
.SelectCheck-btn img{position:absolute; right:0px; top:12px}
.SelectCheck-content {display:none; position:absolute; top:30px; left:0; right:0; border:1px solid #DEDEDE; border-top:0px; background: #fff; max-height:320px; overflow-y:auto;z-index:1000;border-bottom-left-radius:4px;border-bottom-right-radius:4px; }
.SelectCheck.show .SelectCheck-content {display: block;}

/*라디오버튼스타일*/
input[type="radio"] {display: none;}
.RadioLargeLabel {display:inline-flex;align-items:center; cursor:pointer; margin:0px 10px;font-size:16px; letter-spacing:-0.2px;font-weight:500; color:#404046 }
.RadioLargeTxt {position: relative; margin-right:8px; width:22px; height:22px; border:1px solid #d7d7d7;border-radius:99px; background-color:#fff }
.RadioLargeLabel input[type="radio"]:checked + .RadioLargeTxt::after {position:absolute; top:-1px; left:-1px; content: ""; width:12px; height:12px; border:6px solid #2172EC; border-radius:99px;}
.RadioMediumLabel {display:inline-flex;align-items:center; cursor:pointer; margin:0px 10px;font-size:14px; letter-spacing:-0.2px;font-weight:400; color:#404046;  }
.RadioMediumTxt {position: relative; margin-right:8px; width:18px; height:18px; border:1px solid #d7d7d7;border-radius:99px; background-color:#fff }
.RadioMediumLabel input[type="radio"]:checked + .RadioMediumTxt::after {position:absolute; top:-1px; left:-1px; content: ""; width:10px; height:10px; border:5px solid #2172EC; border-radius:99px;}
.RadioSmallLabel {display:inline-flex;align-items:center; cursor:pointer; margin:0px 10px;font-size:12px; letter-spacing:-0.2px;font-weight:400; color:#404046 }
.RadioSmallTxt {position: relative; margin-right:8px; width:18px; height:18px; border:1px solid #d7d7d7;border-radius:99px; background-color:#fff } 
.RadioSmallLabel input[type="radio"]:checked + .RadioSmallTxt::after {position:absolute; top:-1px; left:-1px; content: ""; width:10px; height:10px; border:5px solid #2172EC; border-radius:99px;}

/*텍스트필드스타일*/
.TextField {width:100%; border:1px solid #dedede; border-radius:6px; }
.TextField textarea { padding:10px; font-size:14px; font-weight:400; color:#919298; letter-spacing:-0.5px; border:0px; border-radius:6px; resize: vertical; transition: border-color .15s ease, box-shadow .15s ease;}
.TextField textarea:focus {outline:none; border-color:#fff; }
.TextField .meta { padding:5px 8px 8px 8px; text-align:right;  font-size:12px; font-weight:400; color:#ACADB3;}
textarea { padding:10px; font-size:14px; font-weight:400; color:#24252B; letter-spacing:-0.5px; border:0px; border-radius:6px; resize: vertical; transition: border-color .15s ease, box-shadow .15s ease;}


/*이미지 업로드 스타일*/
.Uploader {margin-bottom:5px; border:1px dashed #c5d1e2; background:#f2f7ff; padding:30px 0px; text-align:center; transition: all .18s ease; outline:none; border-radius:8px; }
.Uploader .Title { font-size:16px; font-weight:500; letter-spacing:-0.5px; color:#5B5C61; }
.Uploader .Title img{ width:56px; height:56px; margin-bottom:15px} 
.UploaderList {margin-bottom:5px; border:1px dashed #c5d1e2; background:#f2f7ff; padding:20px 0px; transition: all .18s ease; outline:none; border-radius:8px; text-align:center;}
.UploaderList .UploaderListImg{ display:inline-block; margin-right:5px; position:relative; width:96px; height:96px; background-color:#fff; border-radius:12px; text-align:center  }
.UploaderList .UploaderListImg:first-child{ margin-left:16px}
.UploaderList .UploaderListImg .Delete{position:absolute; top:7px; right:8px; width:20px; height:20px; } 
.UploaderList .UploaderListImg .img{margin:0 auto; margin-top:24px;  width:32px; height:32px; }
.UploaderList .UploaderListImg .Txt{ position:relative; margin:0 auto; margin-top:10px; border-bottom:1px solid #88888b; width:70px; line-height:10px; text-align:left; font-size:12px; font-weight:400; letter-spacing:-0.5px; color:#404046; }
.UploaderList .UploaderListImg .Txt p{ width:50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.UploaderList .UploaderListImg .Txt span{ position:absolute;top:0px;  right:0px;  }

.Uploader .UploaderListImg{ display:inline-block; margin-right:5px; position:relative; width:96px; height:96px; background-color:#fff; border-radius:12px; text-align:center  }
.Uploader .UploaderListImg:first-child{ margin-left:16px}
.Uploader .UploaderListImg .Delete{position:absolute; top:7px; right:8px; width:20px; height:20px; } 
.Uploader .UploaderListImg .img{margin:0 auto; margin-top:24px;  width:32px; height:32px; }
.Uploader .UploaderListImg .Txt{ position:relative; margin:0 auto; margin-top:10px; border-bottom:1px solid #88888b; width:70px; line-height:10px; text-align:left; font-size:12px; font-weight:400; letter-spacing:-0.5px; color:#404046; }
.Uploader .UploaderListImg .Txt p{ width:50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Uploader .UploaderListImg .Txt span{ position:absolute;top:0px;  right:0px;  }


/*상태값*/
.ChipsLarge_Red  	{padding:8px 8px; font-size:14px; font-weight:500; color:#850000; background-color:#FFE7E7; border:0px; border-radius:4px; }
.ChipsDefault_Red	{padding:6px 6px; font-size:13px; font-weight:500; color:#850000; background-color:#FFE7E7; border:0px; border-radius:4px; }
.ChipsRound_Red  	{padding:6px 8px; font-size:13px; font-weight:500; color:#850000; background-color:#FFE7E7; border:0px; border-radius:12px;}
.ChipsLarge_Orange  {padding:8px 8px; font-size:14px; font-weight:500; color:#E75126; background-color:#FFECDB; border:0px; border-radius:4px; }
.ChipsDefault_Orange{padding:6px 6px; font-size:13px; font-weight:500; color:#E75126; background-color:#FFECDB; border:0px; border-radius:4px; }
.ChipsRound_Orange	{padding:6px 8px; font-size:13px; font-weight:500; color:#E75126; background-color:#FFECDB; border:0px; border-radius:12px;}
.ChipsLarge_Yellow  {padding:8px 8px; font-size:14px; font-weight:500; color:#8D7000; background-color:#FEF4CC; border:0px; border-radius:4px; }
.ChipsDefault_Yellow{padding:6px 6px; font-size:13px; font-weight:500; color:#8D7000; background-color:#FEF4CC; border:0px; border-radius:4px; }
.ChipsRound_Yellow  {padding:6px 8px; font-size:13px; font-weight:500; color:#8D7000; background-color:#FEF4CC; border:0px; border-radius:12px;}
.ChipsLarge_Green 	{padding:8px 8px; font-size:14px; font-weight:500; color:#506A1D; background-color:#EAF2CC; border:0px; border-radius:4px; }
.ChipsDefault_Green	{padding:6px 6px; font-size:13px; font-weight:500; color:#506A1D; background-color:#EAF2CC; border:0px; border-radius:4px; }
.ChipsRound_Green 	{padding:6px 8px; font-size:13px; font-weight:500; color:#506A1D; background-color:#EAF2CC; border:0px; border-radius:12px;}
.ChipsLarge_Blue	{padding:8px 8px; font-size:14px; font-weight:500; color:#2172EC; background-color:#E5EDFF; border:0px; border-radius:4px; }
.ChipsDefault_Blue	{padding:6px 6px; font-size:13px; font-weight:500; color:#2172EC; background-color:#E5EDFF; border:0px; border-radius:4px; }
.ChipsRound_Blue 	{padding:6px 8px; font-size:13px; font-weight:500; color:#2172EC; background-color:#E5EDFF; border:0px; border-radius:12px;}
.ChipsLarge_Purple	{padding:8px 8px; font-size:14px; font-weight:500; color:#6449FC; background-color:#E7E3FF; border:0px; border-radius:4px; }
.ChipsDefault_Purple{padding:6px 6px; font-size:13px; font-weight:500; color:#6449FC; background-color:#E7E3FF; border:0px; border-radius:4px; }
.ChipsRound_Purple 	{padding:6px 8px; font-size:13px; font-weight:500; color:#6449FC; background-color:#E7E3FF; border:0px; border-radius:12px;}
.ChipsLarge_Gray	{padding:8px 8px; font-size:14px; font-weight:500; color:#5B5C61; background-color:#EEEEEE; border:0px; border-radius:4px; }
.ChipsDefault_Gray	{padding:6px 6px; font-size:13px; font-weight:500; color:#5B5C61; background-color:#EEEEEE; border:0px; border-radius:4px; }
.ChipsRound_Gray 	{padding:6px 8px; font-size:13px; font-weight:500; color:#5B5C61; background-color:#EEEEEE; border:0px; border-radius:12px;}
.ChipsLarge_white	{padding:8px 8px; font-size:14px; font-weight:500; color:#5B5C61; background-color:#fff; border:0px; border-radius:4px; }
.ChipsDefault_white	{padding:6px 6px; font-size:13px; font-weight:500; color:#5B5C61; background-color:#fff; border:0px; border-radius:4px; }
.ChipsRound_white 	{padding:6px 8px; font-size:13px; font-weight:500; color:#5B5C61; background-color:#fff; border:0px; border-radius:12px;}

.ChipsType02_Red	{padding:6px 6px; font-size:13px; font-weight:500; color:#fff; background-color:#C82626; border:0px; border-radius:4px; }
.ChipsType02_Orange	{padding:6px 6px; font-size:13px; font-weight:500; color:#fff; background-color:#C36F00; border:0px; border-radius:4px; }
.ChipsType02_Yellow	{padding:6px 6px; font-size:13px; font-weight:500; color:#fff; background-color:#BD9600; border:0px; border-radius:4px; }
.ChipsType02_Green	{padding:6px 6px; font-size:13px; font-weight:500; color:#fff; background-color:#629105; border:0px; border-radius:4px; }
.ChipsType02_Blue	{padding:6px 6px; font-size:13px; font-weight:500; color:#fff; background-color:#5782E7; border:0px; border-radius:4px; }
.ChipsType02_Purple	{padding:6px 6px; font-size:13px; font-weight:500; color:#fff; background-color:#6449FC; border:0px; border-radius:4px; }
.ChipsType02_Gray	{padding:6px 6px; font-size:13px; font-weight:500; color:#fff; background-color:#919191; border:0px; border-radius:4px; }

.ChipsDefault_Red_IBSheet	{display:inline-block; width:100px; height:25px; font-size:13px; font-weight:500; color:#850000; background-color:#FFE7E7; border:0px; border-radius:4px; cursor:pointer; vertical-align:middle }
.ChipsDefault_Orange_IBSheet{display:inline-block; width:100px; height:25px; font-size:13px; font-weight:500; color:#E75126; background-color:#FFECDB; border:0px; border-radius:4px; cursor:pointer; vertical-align:middle  }
.ChipsDefault_Yellow_IBSheet{display:inline-block; width:100px; height:25px; font-size:13px; font-weight:500; color:#8D7000; background-color:#FEF4CC; border:0px; border-radius:4px; cursor:pointer; vertical-align:middle  }
.ChipsDefault_Green_IBSheet	{display:inline-block; width:100px; height:25px; font-size:13px; font-weight:500; color:#506A1D; background-color:#EAF2CC; border:0px; border-radius:4px; cursor:pointer; vertical-align:middle }
.ChipsDefault_Blue_IBSheet	{display:inline-block; width:100px; height:25px; font-size:13px; font-weight:500; color:#2172EC; background-color:#E5EDFF; border:0px; border-radius:4px; cursor:pointer; vertical-align:middle }
.ChipsDefault_Purple_IBSheet{display:inline-block; width:100px; height:25px; font-size:13px; font-weight:500; color:#6449FC; background-color:#E7E3FF; border:0px; border-radius:4px; cursor:pointer; vertical-align:middle  }
.ChipsDefault_Gray_IBSheet	{display:inline-block; width:100px; height:25px; font-size:13px; font-weight:500; color:#5B5C61; background-color:#EEEEEE; border:0px; border-radius:4px; cursor:pointer; vertical-align:middle }



/*Snackbar*/
.Importance_Popup{ padding-left:20px; height:42px; line-height:42px; font-size:14px; letter-spacing:-0.2px;font-weight:400; color:#404046; border-radius:6px;background-color:#F6F8F9; }
.Importance_Popup img{ width:18px; height:18px; margin-right:5px; vertical-align:middle}

.Importance_Popup_row2{ padding-left:20px; padding-top:8px;  height:43px;  font-size:14px; letter-spacing:-0.2px;font-weight:400; color:#404046; border-radius:6px;background-color:#F6F8F9; }
.Importance_Popup_row2 img{ float:left;   width:18px; height:18px; margin-right:5px; margin-top:3px; vertical-align:middle}
.Importance_Popup_row2 span{ float:left; line-height:22px;  }


/*skipNavigation*/
#skipNavigation a{position:abssolute; overflow:none; display:block; width:1px; height:1px; margin-top:-1px; text-align:center; color:#fff; text-indent:-5000px;}
#skipNavigation a:focus, #skipNavigation a:active {width:auto; height:auto; padding:5px; background:#136cb0 !important; border:1px solid #104974; display:block; text-indent:0px;}
/*달력*/
.datepicker-wrap {display: flex;align-items: center;gap:0px; height:30px;border: 1px solid #dedede;border-radius:4px; background-color:#fff;float:left; margin-right:5px}
.date-input {display:flex;align-items:center;position: relative;width:109px;height:100%;justify-content:space-between; cursor:pointer;}
.date-input input {width:86px;height:100%;padding: 2px 0px 2px 10px; /* 오른쪽 달력 버튼 공간 확보 */font-size: 14px; font-weight:400; color:#24252B; letter-spacing:-0.2px;cursor: pointer;box-sizing: border-box;background-color:#fff; }
.date-input span {width:21px;height:16px;background:url(../imgs/Icon_month.png) no-repeat center right 5px / 16px 16px; font-size:0px;cursor: pointer; background-color:#fff}

.weekdays {display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:16px; font-weight:400;color:#9DA0A7;margin-bottom:6px;margin-top:30px; }
.days {display:grid;grid-template-columns:repeat(7,1fr);gap:0px;}
.day {height:44px; width:44px;display:flex;align-items:center;justify-content:center;border-radius:99px;cursor:pointer;}
.day:hover {background:#2172ec; color:#fff}
.day.other {color:#9DA0A7; font-weight:400;}
.day.other:hover {background:#2172ec;  color:#fff}
.day.today {color:#2172ec}
.day.today:hover{color:#fff}
.day.selected {background:#2563eb;color:#fff;font-weight:600;}

.Monthconfirm-btn{ margin-top:7px; height:40px; line-height:40px; padding:0 10px; width:100%; font-size:16px; font-weight:500; letter-spacing:-0.2px;color:#404046; background-color:#fff; border:1px solid #DEDEDE;border-radius:8px; cursor:pointer; vertical-align:middle }
.Monthconfirm-btn:hover{ color:#404046; border:1px solid #DEDEDE; background:#f6f6f6; }


/* 공통 */
.skip {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.hidden{text-indent:-5000px; line-height:1; font-size:1; position:absolute;  top:-10000px; left:0; }
.b {font-weight:bold !important;}
.nf {font-weight:normal !important;}
.bk{display:block;}
.ib {display:inline-block;}
.nbt {border-top:none !important;}
.nbr {border-right:none !important;}
.nbb {border-bottom:none !important;}
.nbl {border-left:none !important;}
.bg_n {background:none  !important;}


/*정렬클래스*/
.of {overflow:hidden !important;}
.fl {float:left !important;}
.fr {float:right !important;} 

.cl {clear:both !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}
.at {vertical-align:top !important;}
.am {vertical-align:middle !important;}
.ab {vertical-align:bottom !important;}
.h3{height:3px}
.h5{height:5px}
.h10{height:10px}
.h15{height:15px}
.h20{height:20px}
.h33{height:33px}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h80{height:80px}

.F6495F{color:#F6495F; letter-spacing:-0.2px}
.2172EC{color:#2172EC; letter-spacing:-0.2px}
.FFFFFF{color:#FFFFFF; letter-spacing:-0.2px}
.f2f7ff{color:#f2f7ff; letter-spacing:-0.2px}
.fce5e5{ background-color:#fce5e5}



/* 버튼 */
.ButDownload_Tiny{ height:24px; padding:0 6px 0 22px; line-height:24px; font-size:12px; font-weight:400; letter-spacing:-0.2px;color:#2172EC; background-color:#fff; border:1px solid #2172EC;border-radius:6px; cursor:pointer; vertical-align:middle;
background:url(../imgs/Icon_Download_02.png) no-repeat; background-size:13px 13px; background-position:6px 5px;}
.ButDownload_Tiny:hover{color:#2172EC; border:1px solid #2172EC; background-color:#f2f7ff }

.ButDownload_Tiny_Outline{ height:24px; padding:0 22px 0 6px; line-height:24px; font-size:12px; font-weight:400;letter-spacing:-0.2px; color:#404046; background-color:#fff; border:1px solid #DEDEDE;border-radius:6px; cursor:pointer; vertical-align:middle;
background:url(../imgs/Icon_Download_03.png) no-repeat; background-size:13px 13px;background-position:right 5px center; }
.ButDownload_Tiny_Outline:hover{color:#404046; border:1px solid #DEDEDE; background-color:#f6f6f6 }


.ButDownload_Medium_Outline{ height:40px; padding:0 12px 0 35px; line-height:40px; font-size:16px; font-weight:500;letter-spacing:-0.2px; color:#404046; background-color:#fff; border:1px solid #DEDEDE;border-radius:6px; cursor:pointer; vertical-align:middle;
background:url(../imgs/Icon_Download_03.png) no-repeat; background-size:18px 18px; background-position: left 10px center; }
.ButDownload_Medium_Outline:hover{color:#404046; border:1px solid #DEDEDE; background-color:#f6f6f6 }
 

.ButPrimary_large{height:48px; line-height:48px; padding:0 10px; font-size:16px; font-weight:500; letter-spacing:-0.2px;color:#fff; background-color:#2172EC; border:1px solid #2172EC;border-radius:8px; cursor:pointer; vertical-align:middle }
.ButPrimary_large:hover{ color:#fff; border:1px solid #1a5bbd; background:#1a5bbd; }
.ButPrimary_Medium{height:40px; line-height:40px; padding:0 10px; font-size:16px; font-weight:500; letter-spacing:-0.2px;color:#fff; background-color:#2172EC; border:1px solid #2172EC;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButPrimary_Medium:hover{ color:#fff; border:1px solid #1a5bbd; background:#1a5bbd; }
.ButPrimary_Small{height:32px; line-height:32px; padding:0 10px; font-size:14px; font-weight:400; letter-spacing:-0.2px;color:#fff; background-color:#2172EC; border:1px solid #2172EC;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButPrimary_Small:hover{ color:#fff; border:1px solid #1a5bbd; background:#1a5bbd; }
.ButPrimary_Tiny{height:24px; line-height:24px; padding:0 10px; font-size:12px; font-weight:400; letter-spacing:-0.2px;color:#fff; background-color:#2172EC; border:1px solid #2172EC;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButPrimary_Tiny:hover{ color:#fff; border:1px solid #1a5bbd; background:#1a5bbd; }
   
.ButQuaternary_large{height:48px; line-height:48px; padding:0 10px; font-size:16px; font-weight:500;letter-spacing:-0.2px; color:#2172EC; background-color:#EBF3FF; border:1px solid #EBF3FF;border-radius:8px; cursor:pointer; vertical-align:middle }
.ButQuaternary_large:hover{ color:#2172EC; border:1px solid #d7e6fd; background:#d7e6fd; }
.ButQuaternary_Medium{height:40px; line-height:40px; padding:0 10px; font-size:16px; font-weight:500;letter-spacing:-0.2px; color:#2172EC; background-color:#EBF3FF; border:1px solid #EBF3FF;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButQuaternary_Medium:hover{ color:#2172EC; border:1px solid #d7e6fd; background:#d7e6fd; }
.ButQuaternary_Small{height:32px; line-height:32px; padding:0 10px; font-size:14px; font-weight:400; letter-spacing:-0.2px;color:#2172EC; background-color:#EBF3FF; border:1px solid #EBF3FF;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButQuaternary_Small:hover{ color:#2172EC; border:1px solid #d7e6fd; background:#d7e6fd; }
.ButQuaternary_Tiny{height:24px; line-height:24px; padding:0 10px; font-size:12px; font-weight:400; letter-spacing:-0.2px;color:#2172EC; background-color:#EBF3FF; border:1px solid #EBF3FF;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButQuaternary_Tiny:hover{ color:#2172EC; border:1px solid #d7e6fd; background:#d7e6fd; }
 
.ButOutline_large{height:48px; line-height:48px; padding:0 10px; font-size:16px; font-weight:500; letter-spacing:-0.2px;color:#404046; background-color:#fff; border:1px solid #DEDEDE;border-radius:8px; cursor:pointer; vertical-align:middle }
.ButOutline_large:hover{ color:#404046; border:1px solid #DEDEDE; background:#f6f6f6; }
.ButOutline_Medium{height:40px; line-height:40px; padding:0 10px; font-size:16px; font-weight:500; letter-spacing:-0.2px;color:#404046; background-color:#fff; border:1px solid #DEDEDE;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButOutline_Medium:hover{ color:#404046; border:1px solid #DEDEDE; background:#f6f6f6; }
.ButOutline_Small{height:32px; line-height:32px; padding:0 10px; font-size:14px; font-weight:400; letter-spacing:-0.2px;color:#404046; background-color:#fff; border:1px solid #DEDEDE;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButOutline_Small:hover{ color:#404046; border:1px solid #DEDEDE; background:#f6f6f6; }
.ButOutline_Tiny{height:24px; line-height:23px; padding:0 10px; font-size:12px; font-weight:400;letter-spacing:-0.2px; color:#404046; background-color:#fff; border:1px solid #DEDEDE;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButOutline_Tiny:hover{ color:#404046; border:1px solid #DEDEDE; background:#f6f6f6; }

.ButOutlineBlue_large{height:48px; line-height:48px; padding:0 10px; font-size:16px; font-weight:500; letter-spacing:-0.2px;color:#2172EC; background-color:#fff; border:1px solid #2172EC;border-radius:8px; cursor:pointer; vertical-align:middle }
.ButOutlineBlue_large:hover{ color:#2172EC; border:1px solid #2172EC; background:#F2F7FF; }
.ButOutlineBlue_Medium{height:40px; line-height:40px; padding:0 10px; font-size:16px; font-weight:500; letter-spacing:-0.2px;color:#2172EC; background-color:#fff; border:1px solid #2172EC;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButOutlineBlue_Medium:hover{ color:#2172EC; border:1px solid #2172EC; background:#F2F7FF; }
.ButOutlineBlue_Small{height:32px; line-height:32px; padding:0 10px; font-size:14px; font-weight:400; letter-spacing:-0.2px;color:#2172EC; background-color:#fff; border:1px solid #2172EC;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButOutlineBlue_Small:hover{ color:#2172EC; border:1px solid #2172EC; background:#F2F7FF; }
.ButOutlineBlue_Tiny{height:24px; line-height:23px; padding:0 10px; font-size:12px; font-weight:400;letter-spacing:-0.2px; color:#2172EC; background-color:#fff; border:1px solid #2172EC;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButOutlineBlue_Tiny:hover{ color:#2172EC; border:1px solid #2172EC; background:#F2F7FF; }
 


.WasteBasket_Outline{height:32px; line-height:32px; padding:0 15px; font-size:14px; font-weight:400; letter-spacing:-0.2px;color:#404046;  background:url(../imgs/Icon_WasteBasket.png) no-repeat center; background-size:20px 20px; 
background-color:#fff; border:1px solid #DEDEDE;border-radius:6px; cursor:pointer; vertical-align:middle }
.WasteBasket_Outline:hover{ color:#404046; border:1px solid #DEDEDE;  background:url(../imgs/Icon_WasteBasket.png) no-repeat center; background-size:20px 20px;background-color:#f6f6f6;}
 
.ButDarkGray_large{height:48px; line-height:48px; padding:0 10px; font-size:16px; font-weight:500; letter-spacing:-0.2px;color:#fff; background-color:#595D7E; border:1px solid #595D7E;border-radius:8px; cursor:pointer; vertical-align:middle }
.ButDarkGray_large:hover{ color:#fff; border:1px solid #474a65; background:#474a65; }
.ButDarkGray_Medium{height:40px; line-height:40px; padding:0 10px; font-size:16px; font-weight:500; letter-spacing:-0.2px;color:#fff; background-color:#595D7E; border:1px solid #595D7E;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButDarkGray_Medium:hover{ color:#fff; border:1px solid #474a65; background:#474a65; }
.ButDarkGray_Small{height:32px; line-height:32px; padding:0 10px; font-size:14px; font-weight:400; letter-spacing:-0.2px;color:#fff; background-color:#595D7E; border:1px solid #595D7E;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButDarkGray_Small:hover{ color:#fff; border:1px solid #474a65; background:#474a65; }
.ButDarkGray_Tiny{height:24px; line-height:24px; padding:0 10px; font-size:12px; font-weight:400;letter-spacing:-0.2px; color:#fff; background-color:#595D7E; border:1px solid #595D7E;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButDarkGray_Tiny:hover{ color:#fff; border:1px solid #474a65; background:#474a65; }


.ButTiny_Outline{ height:24px; padding:0 10px; line-height:24px; font-size:12px; font-weight:400; letter-spacing:-0.2px;color:#404046; background-color:#fff; border:1px solid #DEDEDE;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButTiny_Outline:hover{color:#404046; border:1px solid #DEDEDE; background-color:#F6F6F6 }
.ButSmall_Outline{ height:32px; padding:0 10px; line-height:32px; font-size:14px; font-weight:400; letter-spacing:-0.2px;color:#404046; background-color:#fff; border:1px solid #DEDEDE;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButSmall_Outline:hover{color:#404046; border:1px solid #DEDEDE; background-color:#F6F6F6 }
.ButM_Outline{height:40px; padding:0 20px; line-height:40px; font-size:16px; font-weight:500;letter-spacing:-0.2px; color:#404046; background-color:#fff; border:1px solid #DEDEDE;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButM_Outline:hover{ color:#404046; border:1px solid #DEDEDE; background-color:#F6F6F6 }

.ButMSTinyDarkGray{height:24px; padding:0 10px; line-height:24px; font-size:12px; font-weight:500;letter-spacing:-0.2px;color:#fff; background-color:#595D7E; border:1px solid #595D7E;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButMSTinyDarkGray:hover{ color:#fff; border:1px solid #474a65; background:#474a65; }
.ButMSmallDarkGray{height:32px; padding:0 10px; line-height:32px; font-size:14px; font-weight:500;letter-spacing:-0.2px; color:#fff; background-color:#595D7E; border:1px solid #595D7E;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButMSmallDarkGray:hover{ color:#fff; border:1px solid #474a65; background:#474a65; }
.ButMDarkGray{height:40px; padding:0 10px; line-height:40px; font-size:16px; font-weight:500;letter-spacing:-0.2px; color:#fff; background-color:#595D7E; border:1px solid #595D7E;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButMDarkGray:hover{ color:#fff; border:1px solid #474a65; background:#474a65; }


.ButMPrimary{height:40px; padding:0 10px; line-height:40px; font-size:16px; font-weight:500; color:#fff; background-color:#2172EC; border:1px solid #2172EC;border-radius:6px; cursor:pointer; vertical-align:middle }
.ButMPrimary:hover{ color:#fff; border:1px solid #1a5bbd; background:#1a5bbd; }
.ButSmall_Outline_RightIcon{height:32px;padding:0 26px 0 10px;line-height:30px; font-size:14px; font-weight:400;cursor:pointer; vertical-align:middle;color:#404046;border:1px solid #DEDEDE;background:url(../imgs/arrow_right_Btn32.png) no-repeat center right; background-color:#fff; border-radius:6px;  }
.ButSmall_Outline_RightIcon:hover{ color:#404046; border:1px solid #DEDEDE;  background-color:#F6F6F6  }
.RoundButton_LeftIcon40{height:40px;padding:0 20px 0 40px;line-height:40px; font-size:16px; font-weight:500;cursor:pointer; vertical-align:middle;color:#404046;border:1px solid #DEDEDE; background:url(../imgs/arrow_top_Btn40.png) no-repeat center left; background-color:#fff;  border-radius:20px; }
.RoundButton_LeftIcon40:hover{ color:#404046; border:1px solid #DEDEDE;  background-color:#F6F6F6  }
.ButtonGroup02_A{height:48px; line-height:48px; width:160px; font-size:16px; font-weight:500;cursor:pointer; color:#404046; border:1px solid #DEDEDE;background-color:#fff; border-radius:8px; vertical-align:middle; }
.ButtonGroup02_A:hover{ color:#fff; border:1px solid #595D7E;  background-color:#595D7E  }
.ButtonGroup02_B{height:48px; line-height:48px; width:160px;  font-size:16px; font-weight:500;cursor:pointer; color:#fff; border:1px solid #595D7E;  background-color:#595D7E; border-radius:8px; vertical-align:middle; }
.ButtonGroup02_B:hover{ color:#404046; border:1px solid #DEDEDE; background-color:#fff;}

.ButFavorites40{width:40px;height:40px; text-align:center; border:1px solid #dedede; background:url(../imgs/buyer03.png) no-repeat center; background-size:22px 22px; cursor:pointer; border-radius:6px;  font-size:0px }
.ButFavorites40:hover{ background:url(../imgs/buyer03_W.png) no-repeat center; background-size:22px 22px; border:1px solid #f6495f; background-color:#f6495f;}  
.ButFavorites40_on{width:40px;height:40px; text-align:center; background:url(../imgs/buyer03_W.png) no-repeat center; background-size:22px 22px; cursor:pointer; border-radius:6px;  font-size:0px;  border:1px solid #f6495f; background-color:#f6495f; }

.ButCircle_Cart{width:32px;height:32px; text-align:center; background:url(../imgs/buyer02.png) no-repeat center; background-size:20px 20px; cursor:pointer; font-size:0px }
.ButCircle_Cart:hover{ background:url(../imgs/buyer02_W.png) no-repeat center; background-size:20px 20px;background-color:#2172ec; border-radius:100px; } 

.ButCircle_Favorit{width:32px;height:32px; text-align:center; background:url(../imgs/buyer03.png) no-repeat center; background-size:20px 20px; cursor:pointer; font-size:0px; border:1px solid #dedede; border-radius:100px; }
.ButCircle_Favorit:hover{ background:url(../imgs/buyer03_W.png) no-repeat center; background-size:20px 20px;background-color:#f6495f;border:1px solid #f6495f; border-radius:100px; } 
.ButCircle_Favorit_on{width:32px;height:32px; text-align:center; background:url(../imgs/buyer03_W.png) no-repeat center; background-size:20px 20px; cursor:pointer; font-size:0px;background-color:#f6495f;border:1px solid #f6495f; border-radius:100px; }

/*재입고버튼*/
.ButRestock{height:32px;line-height:32px; padding:0 10px 0 28px;font-size:14px;font-weight:400;letter-spacing:-0.2px;color:#2172EC; background:url(../imgs/Icon_Restock.png) no-repeat; 
background-position: calc(50% - 38px) calc(50% + 1px); background-size:16px 16px;background-color:#fff;  border:1px solid #2172EC;border-radius:6px; cursor:pointer; vertical-align:middle;  }
.ButRestock:hover{ color:#2172EC; border:1px solid #2172EC; background-color:#F2F7FF; }

 
/*셀러_즐겨찾기*/
.But_Star{width:30px;height:25px; text-align:center; background:url(../imgs/star_off.png) no-repeat left; background-size:25px 25px; font-size:0px;    }
/* .But_Star:hover{ background:url(../imgs/star.png) no-repeat left; background-size:25px 25px;background-color:#fff;    } */
.But_Star_on{display:inline-block;width:30px;height:25px; vertical-align:middle; margin-top:-6px; text-align:center; background:url(../imgs/star.png) no-repeat left; background-size:25px 25px; cursor:default; font-size:0px; }
.But_Star_off{display:inline-block;width:30px;height:25px; vertical-align:middle; margin-top:-6px; text-align:center; background:url(../imgs/star_off.png) no-repeat left; background-size:25px 25px; cursor:default; font-size:0px; }

.RoundButton_LeftIcon40_00{ display: flex;align-items: center; height:40px;padding:0 20px 0 20px;line-height:40px; color:#404046;border:1px solid #DEDEDE;border-radius:20px; font-size:16px; font-weight:500;cursor:pointer; background-color:#fff;  }
.RoundButton_LeftIcon40_00:hover{ color:#404046; border:1px solid #DEDEDE;  background-color:#F6F6F6  }
.RoundButton_LeftIcon40_00 img{transition: transform 0.3s ease; margin-right:8px;}
.RoundButton_LeftIcon40_00 .rotate {transform: rotate(180deg);}

/*엑셀다운로드*/
.But_ExcelDown40{height:40px; padding:0 10px 0 32px; line-height:40px; font-size:16px; font-weight:500; color:#404046; background:url(../imgs/Icon_Excel.png) no-repeat; background-size:22px 22px; background-position:7px 9px; background-color:#fff; border:1px solid #DEDEDE;border-radius:6px; cursor:pointer; vertical-align:middle }
.But_ExcelDown40:hover{ color:#404046; border:1px solid #DEDEDE; background-color:#F6F6F6 }
.But_ExcelDown32{height:32px; padding:0 10px 0 32px; line-height:32px; font-size:14px; font-weight:400; color:#404046; background:url(../imgs/Icon_Excel.png) no-repeat; background-size:22px 22px; background-position:7px 5px; background-color:#fff; border:1px solid #DEDEDE;border-radius:6px; cursor:pointer; vertical-align:middle }
.But_ExcelDown32:hover{ color:#404046; border:1px solid #DEDEDE; background-color:#F6F6F6 }


/*오른쪽 화살표*/
.ArrowRight{height:40px;padding:0 20px;line-height:40px; font-size:16px; font-weight:500;cursor:pointer; vertical-align:middle;color:#404046;border:1px solid #DEDEDE; background:url(../imgs/arrow_right.png) no-repeat center; background-size:28px 28px; background-color:#fff;  border-radius:8px; }
.ArrowRight:hover{ color:#404046; border:1px solid #DEDEDE;  background-color:#F6F6F6  }
/*위로 화살표*/
.ArrowUP{ padding:12px 12px;cursor:pointer; vertical-align:middle;color:#404046;border:1px solid #DEDEDE; background:url(../imgs/arrow_top_Btn40_02.png) no-repeat center; background-color:#fff;  border-radius:4px; }
.ArrowUP:hover{ color:#404046; border:1px solid #DEDEDE;  background-color:#F6F6F6  }
/*아래료 화살표*/
.ArrowDOWN{ padding:12px 12px;cursor:pointer; vertical-align:middle;color:#404046;border:1px solid #DEDEDE; background:url(../imgs/arrow_top_Btn40_01.png) no-repeat center; background-color:#fff;  border-radius:4px; }
.ArrowDOWN:hover{ color:#404046; border:1px solid #DEDEDE;  background-color:#F6F6F6  }



/*팝업스타일 */
/* 팝업 기본 숨김 */
.DIVpopup {display:none;position:fixed; top:50%; left:50%;transform: translate(-50%, -50%);  background: #fff;border:1px solid #ccc; border-radius:22px;box-shadow: 0 8px 20px rgba(0,0,0,0.3);z-index: 1000;}
.DIVLayerPopup {display:none;position:fixed; top:50%; left:50%;transform: translate(-50%, -50%);  background: #fff;border:1px solid #ccc; border-radius:22px;box-shadow: 0 8px 20px rgba(0,0,0,0.3);z-index: 1002;}
/* 팝업 배경(어두운 반투명 레이어) */
.DIVpopup-overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 999;}
.DIVLayerPopup-overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 1001;border-radius: 22px;box-shadow: 0 8px 20px rgba(0,0,0,0.3);}

/* =========================================
   PopupUtil 팝업 애니메이션
   ========================================= */
/* 팝업 초기 상태 (애니메이션 전 숨김) */
[id^="popup-container-"] .DIVpopup {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
}
[id^="popup-overlay-"] {
    opacity: 0;
}

/* =========================================
   안내 팝업 전용 애니메이션 (우상단에서 튀어나옴)
   ========================================= */
/* 초기 상태: 우상단 버튼 위치 */
[id^="popup-container-"].popup-from-button .DIVpopup {
    opacity: 0;
    transform: translate(10%, -100%) scale(0.3);
    transform-origin: top right;
}

/* 열기 애니메이션 */
.DIVpopup.popup-button-enter {
    animation: popupFromButton 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* 닫기 애니메이션 */
.DIVpopup.popup-button-exit {
    animation: popupToButton 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes popupFromButton {
    from {
        opacity: 0;
        transform: translate(-50%, -55%) scale(0);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes popupToButton {
    from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    to {
        opacity: 0;
        transform: translate(-50%, -55%) scale(0);
    }
}

/* 팝업 열기 애니메이션 */
.DIVpopup.popup-enter {
    animation: popupFadeIn 0.3s ease-out forwards;
}
.DIVpopup-overlay.popup-enter {
    animation: overlayFadeIn 0.3s ease-out forwards;
}

/* 팝업 닫기 애니메이션 */
.DIVpopup.popup-exit {
    animation: popupFadeOut 0.3s ease-in forwards;
}
.DIVpopup-overlay.popup-exit {
    animation: overlayFadeOut 0.3s ease-in forwards;
}

/* 팝업 열기 keyframes */
@keyframes popupFadeIn {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}
@keyframes overlayFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 팝업 닫기 keyframes */
@keyframes popupFadeOut {
    from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.9);
    }
}
@keyframes overlayFadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* 접근성: 애니메이션 비활성화 옵션 (Windows 애니메이션 효과 끄기 지원) */
@media (prefers-reduced-motion: reduce) {
    /* 팝업 초기 상태 - 애니메이션 없이 바로 보이도록 설정 */
    [id^="popup-container-"] .DIVpopup {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    [id^="popup-overlay-"] {
        opacity: 1;
    }
    [id^="popup-container-"].popup-from-button .DIVpopup {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    /* 팝업 열기 - 최종 상태(보임) */
    .DIVpopup.popup-enter {
        animation: none;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    .DIVpopup-overlay.popup-enter {
        animation: none;
        opacity: 1;
    }

    /* 팝업 닫기 - 최종 상태(숨김) */
    .DIVpopup.popup-exit {
        animation: none;
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.9);
    }
    .DIVpopup-overlay.popup-exit {
        animation: none;
        opacity: 0;
    }

    /* 버튼 애니메이션 - 열기 */
    .DIVpopup.popup-button-enter {
        animation: none;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    /* 버튼 애니메이션 - 닫기 */
    .DIVpopup.popup-button-exit {
        animation: none;
        opacity: 0;
        transform: translate(-50%, -55%) scale(0);
    }
}

.wrapPopup{ padding:40px 20px}
.wrapPopup .PopupTit{position:relative; height:35px; font-size:20px; font-weight:700; letter-spacing:-0.5px; color:#090A10;  vertical-align:top;}
.wrapPopup .PopupTit span{position:absolute; right:20px}
.wrapPopup .PopupTit span img{ width:24px; height:24px}
.wrapPopup .PopupTitSub{height:55px; line-height:65px; font-size:18px; font-weight:700; letter-spacing:-0.5px; color:#404046;}
.wrapPopup .PopupTitSub span{ padding-left:15px; font-size:15px; font-weight:400;  color:#F6495F; letter-spacing:-0.2px}
.wrapPopup .PopupTitSub p{ font-size:18px; font-weight:700; letter-spacing:-0.2px; color:#F6495F}
.wrapPopup .PopupTitSubState{height:55px; line-height:65px; font-size:18px; font-weight:700; letter-spacing:-0.5px; color:#404046;}
.wrapPopup .PopupTitSubTxt  {height:55px; line-height:65px; font-size:18px; font-weight:500; letter-spacing:-0.5px; color:#404046;}
.wrapPopup .PopupTitSubSmall{height:55px; line-height:65px; font-size:16px; font-weight:500; letter-spacing:-0.5px; color:#404046;} 
.wrapPopup .PopupTxt{font-size:15px; font-weight:400; letter-spacing:-0.2px}
.wrapPopup .AlertBtnBox_Center{text-align:center; }
.wrapPopup .AlertTxt     {font-size:18px; font-weight:700; color:#090A10; text-align:center; line-height:28px}
.wrapPopup .AlertTxtSmall{font-size:16px; font-weight:500; color:#404046; text-align:center; line-height:24px}
.wrapPopup .AlertTxt .2172EC{color:#2172EC}


.wrapPopupAlert{ padding:40px 40px}
.wrapPopupAlert .PopupTit{position:relative; height:35px; font-size:20px; font-weight:700; letter-spacing:-0.5px; color:#090A10;  vertical-align:top;}
.wrapPopupAlert .PopupTit span{position:absolute; right:0}
.wrapPopupAlert .PopupTit span img{ width:24px; height:24px}
.wrapPopupAlert .PopupTitSub{height:55px; line-height:65px; font-size:18px; font-weight:700; letter-spacing:-0.5px; color:#404046;}
.wrapPopupAlert .PopupTitSub span{ padding-left:15px; font-size:15px; font-weight:400;  color:#F6495F; letter-spacing:-0.2px}
.wrapPopupAlert .PopupTitSub p{ font-size:18px; font-weight:700; letter-spacing:-0.2px; color:#F6495F}

.wrapPopupAlert .AlertBtnBox_Center{text-align:center; }
.wrapPopupAlert .AlertTxt     {font-size:18px; font-weight:700; color:#090A10; text-align:center; line-height:28px}
.wrapPopupAlert .AlertTxtSmall{font-size:16px; font-weight:500; color:#404046; text-align:center; line-height:24px}
.wrapPopupAlert .AlertTxt .2172EC{color:#2172EC}

.wrapPopup .PWChangeTit{ margin:0 auto; width:400px; position:relative; height:35px; font-size:25px; font-weight:700; letter-spacing:-0.2px; color:#090A10;  vertical-align:top;}

.wrapPopup .PWChangeTit p{ display:inline-block; vertical-align:top; margin-top:3px; margin-right:12px}
.wrapPopup .PWChangeTit p img{ width:55px;}
.wrapPopup .PWChangeTit span{ color:#2172EC}
.wrapPopup .PWChangeTit div{display:inline-block; }
.wrapPopup .PWChangeTit .close {position:absolute; right:0}
.wrapPopup .PWChangeTit .close img{ width:24px; height:24px}


.wrapPopup .PWChangeTxt {margin:0 auto; width:600px; text-align:center;  line-height:23px; font-size:17px; font-weight:500; letter-spacing:-0.5px; color:#404046;}
.wrapPopup .PWChangeTxt span{ color:#2172EC}

.PWChangeInput{margin:0 auto; width:380px;  }
.PWChangeInput input{ margin-bottom:5px;   width:95%; height:40px; line-height:40px; padding:0 10px; color:#24252B; font-size:16px; letter-spacing:-0.2px;font-weight:300; border:1px solid #DEDEDE; border-radius:6px}
.PWChangeInput p{ margin-bottom:15px; font-size:13px; font-weight:300; letter-spacing:-0.5px; color:#F6495F;}
.PWChangeInput p span{ float:right;font-weight:600; color:#2EB671}

/* 팝업 input 검색 */
.SearchPopupInputBox{ margin-bottom:8px}
.SearchPopupInput{ position:relative; height:40px; border:1px solid #DEDEDE; border-radius:6px; }
.SearchPopupInput input{ height:40px; margin-left:13px;  font-size:16px; letter-spacing:-0.2px; font-weight:400; color:#919298; vertical-align:middle; }
.SearchPopupInput button{ position:absolute; width:35px; height:40px;  right:0px; font-size:0px; background-color:#fff; cursor:pointer; background:url(../imgs/Search_icon_gray.png) no-repeat left; background-size:20px 20px;  }
 
.wrapPopupText { padding:35px 30px}
.wrapPopupText .AlertTxt{font-size:18px; font-weight:700; color:#090A10; text-align:center}
.wrapPopupText .AlertTxt .2172EC{color:#2172EC}
.wrapPopupText .PopupTit{position:relative; height:20px; font-size:20px; font-weight:700; letter-spacing:-0.5px; color:#090A10;  vertical-align:top;}
.wrapPopupText .PopupTit span{position:absolute; right:0}
.wrapPopupText .PopupTit span img{ width:20px; height:20px}

.PopupTableTxt{ border-top:2px solid #e2e8f0}
.PopupTableTxt th{padding:10px 12px 0px 12px; font-size:16px; font-weight:500; letter-spacing:-0.8px; color:#5B5C61; vertical-align:top; border-bottom:2px solid #eee; background-color:#f2f7ff}
.PopupTableTxt th span{ color:#F6495F}
.PopupTableTxt td{padding:5px 12px; height:30px; line-height:22px;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046;border-bottom:2px solid #eee;  }
.PopupTableTxt td label{ vertical-align:middle}
.PopupTableTxt td .ImgAdd{ height:43px; line-height:43px; position:relative; width:100%}
.PopupTableTxt td .ImgAdd span{ color:#F6495F}
.PopupTableTxt td .ImgAdd button{ position:absolute; top:5px; right:0}
.PopupTableTxt td .TxtAdd{ position:relative; margin-bottom:10px;line-height:18px;font-size:14px; font-weight:400; letter-spacing:-0.5px; }
.PopupTableTxt td .TxtAdd button{ position:absolute; top:5px; right:0}
.PopupTableTxt a{ text-decoration:underline; color:#404046;}

.PopupTableSmall{ border-top:2px solid #e2e8f0}
.PopupTableSmall th{padding:3px 12px; text-align:center; font-size:14px; font-weight:500; letter-spacing:-0.8px; color:#5B5C61;border:1px solid #eee; background-color:#f6f8f9}
.PopupTableSmall th span{ color:#F6495F}
.PopupTableSmall th:first-child{border-left:0px}
.PopupTableSmall th:last-child {border-right:0px}
.PopupTableSmall td{padding:3px 12px; height:18px; text-align:right;  line-height:22px;font-size:14px; font-weight:400; letter-spacing:-0.8px; color:#404046; border:1px solid #eee;}
.PopupTableSmall td:first-child{border-left:0px;text-align:center; }
.PopupTableSmall td:last-child {border-right:0px}

.PopupTableTH th{padding:10px 0px; text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.8px; color:#5B5C61; vertical-align:top; border-top:2px solid #e2e8f0;border-bottom:2px solid #eee; border-left:1px solid #dedede; background-color:#f2f7ff}
.PopupTableTH th:first-child{border-left:0px}
.PopupTableTH th span{ color:#F6495F}
.PopupTableTH td{padding:5px 12px; height:30px; line-height:22px;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046;border-bottom:2px solid #eeeeee;border-left:1px solid #dedede; }
.PopupTableTH td:first-child{border-left:0px}
.PopupTableTH .PDname{ width:160px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.PopupTableTH .PDname100{ width:100px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.PopupTableTH tr:hover{ background-color:#F7FAE6}
.PopupTableTH a{ text-decoration:underline; color:#404046;}

.PopupTableTHrow th{padding:10px 0px;text-align:center; font-size:16px;font-weight:500;letter-spacing:-0.8px; color:#5B5C61; border-top:2px solid #e2e8f0;border-bottom:2px solid #eee; border-left:1px solid #dedede; background-color:#f2f7ff}
.PopupTableTHrow th:first-child{border-left:0px}
.PopupTableTHrow td{padding:5px 12px; height:30px; line-height:22px;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046;border-bottom:2px solid #eeeeee;border-left:1px solid #dedede; }
.PopupTableTHrow td:first-child{border-left:0px}


 

.PopupTableTHList tr:hover{ background-color:#F7FAE6}
.PopupTableTHList th{padding:10px 0px; text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.8px; color:#5B5C61; vertical-align:top; border-top:2px solid #e2e8f0;border-bottom:2px solid #eee; border-left:1px solid #dedede; background-color:#f2f7ff}
.PopupTableTHList th:first-child{border-left:0px}
.PopupTableTHList th span{ color:#F6495F}
.PopupTableTHList td{padding:5px 12px; height:30px; text-align:center;line-height:22px;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046;border-bottom:2px solid #eeeeee;border-left:1px solid #dedede; }
.PopupTableTHList td:first-child{border-left:0px}
.PopupTableTHList .Price{color:#F6495F; letter-spacing:-0.2px; text-align:right}

.PopTableThLTdL{ border-top:2px solid #e2e8f0}
.PopTableThLTdL th{padding:5px 12px; height:30px;line-height:32px;text-align:left; font-size:16px; font-weight:500; letter-spacing:-0.8px; color:#5B5C61;  border-bottom:2px solid #eee; background-color:#f2f7ff}
.PopTableThLTdL th span{ color:#F6495F}
.PopTableThLTdL td{padding:5px 12px; height:30px;line-height:32px;text-align:left;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046;border-bottom:2px solid #eee;  }
.PopTableThLTdL td label{ vertical-align:middle}
.PopTableThLTdL td .ImgAdd{ height:43px; line-height:43px; position:relative; width:100%}
.PopTableThLTdL td .ImgAdd span{ color:#F6495F}
.PopTableThLTdL td .ImgAdd button{ position:absolute; top:5px; right:0}
.PopTableThLTdL td .TxtAdd{ position:relative; margin-bottom:10px;line-height:18px;font-size:14px; font-weight:400; letter-spacing:-0.5px; }
.PopTableThLTdL td .TxtAdd button{ position:absolute; top:5px; right:0}

.PopTableThCTdL th{padding:10px 0px;text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.8px; color:#5B5C61;border-top:1px solid #c5d1e2;border-bottom:1px solid #dedede; border-left:1px solid #dedede; background-color:#f2f7ff}
.PopTableThCTdL th:first-child{border-left:0px}
.PopTableThCTdL td{padding:5px 12px; height:30px; line-height:22px;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046;border-bottom:2px solid #eeeeee;border-left:1px solid #dedede; }
.PopTableThCTdL td:first-child{border-left:0px}


.PopTableThTd th{padding:5px 10px 5px 10px;  font-size:16px; font-weight:500; letter-spacing:-0.8px; color:#5B5C61;border-top:1px solid #c5d1e2;border-bottom:1px solid #dedede; border-left:1px solid #dedede; background-color:#f2f7ff}
.PopTableThTd th:first-child{border-left:0px}
.PopTableThTd td{padding:5px 10px 5px 10px; height:30px; line-height:22px;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046;border-bottom:2px solid #eeeeee;border-left:1px solid #dedede; }
.PopTableThTd td:first-child{border-left:0px}

.IBSheetTHC th{ height:32px; line-height:32px; text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.8px; color:#5B5C61; vertical-align:top; border-top:1px solid #c5d1e2;border-bottom:1px solid #dedede; border-left:1px solid #dedede; background-color:#f2f7ff}
.IBSheetTHC th:first-child{border-left:0px}
.IBSheetTHC th span{ color:#F6495F}
.IBSheetTHC td{height:28px; line-height:28px; padding:0 10px;  font-size:15px; font-weight:400; letter-spacing:-0.5px; color:#404046; border-bottom:1px solid #eeeeee;border-left:1px solid #eeeeee; background-color:#fff }
.IBSheetTHC td:first-child{border-left:0px;}
 

 /* 상품정보 */
.PopupPDInfor{}
.PopupPDInfor .img{ width:296px; height:296px; border:1px solid #ebebeb; border-radius:8px; }
.PopupPDInfor td{vertical-align:top}
.PopupPDInfor td:last-child{ vertical-align:top}
.PopupPDInfor .PDInfor{margin-left:25px}
.PopupPDInfor .PDInfor thead th{ height:35px; font-size:18px; font-weight:700; letter-spacing:-0.5px; color:#090A10;  vertical-align:top; border-bottom:1px solid #41475d}
.PopupPDInfor .PDInfor tbody th{vertical-align: top; padding:10px 10px 10px 0px;font-size:16px; font-weight:500; letter-spacing:-0.5px; color:#404046;  border-bottom:1px solid #f0f4f6}
.PopupPDInfor .PDInfor tbody td{vertical-align: top; padding:10px 10px 10px 0px;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046;  border-bottom:1px solid #f0f4f6}
.PopupPDInfor .PDInfor tbody tr:first-child th{ padding-top:20px}
.PopupPDInfor .PDInfor tbody tr:first-child td{ padding-top:20px}
.PopupPDInfor .PDInfor tbody tr:last-child td { padding-bottom:10px; border-bottom:1px solid #f0f4f6 }
.PopupPDInfor .PDInfor tbody tr:last-child th { padding-bottom:10px; b border-bottom:1px solid #f0f4f6 }

.PopupPDInfor .NumInput { margin:0 auto; padding:0px;  height:38px; line-height:38px; display: inline-flex; align-items: center; border:1px solid #eeeeee; border-radius:6px;overflow: hidden; background-color:#fff }
.PopupPDInfor .NumInput button {background:#fff;border: none; width:45px; height:24px; line-height:24px; cursor: pointer; color:#24252B; font-size:21px;transition: background 0.2s; }
.PopupPDInfor .NumInput button:hover {background: #fff;}
.PopupPDInfor .NumInput input {width:110px;height:24px; text-align:right;border: none;font-size: 16px;font-weight:400; outline: none; color:#24252B; }
.PopupPDInfor .NumTxt01{display:inline-block; padding-right:12px; text-align:left; width:85px; height:12px; line-height:12px; font-size:12px; letter-spacing:-0.2px; font-weight:400; color:#76777D; border-right:2px solid #eee }
.PopupPDInfor .NumTxt02{display:inline-block; padding-left:10px;  text-align:left; width:85px; height:12px; line-height:12px; font-size:12px; letter-spacing:-0.2px; font-weight:400; color:#76777D; }
.PopupPDInfor .NumTxt01 span{float:right;}
.PopupPDInfor .NumTxt02 span{float:right;}
.PopupPDInfor .PDDAllPric{ position:absolute; right:20px; top:60px;  text-align:right;  height:16px; line-height:16px; font-size:24px; letter-spacing:-0.2px; font-weight:700; color:#f6495f;  }
.PopupPDInfor .PDDAllPric span{color:#404046; }
.PopupPDInfor .PopupListBtnBox_Center button{ width:230px}

 /* 마이메뉴편집 */ 
.wrapPopup .PopupTitMyMenu{ position:relative;  margin-top:30px;   height:26px;  font-size:17px; font-weight:700; letter-spacing:-0.5px; color:#404046; }
.wrapPopup .PopupTitMyMenu .BottomBox{ position:absolute; right:0px; top:-5px}
.wrapPopup .PopupTitMyMenu .BottomBox button{ margin-left:1px}
.wrapPopup .PopupTitMyMenu .star{ height:20px; height:20px; margin-right:5px}
.MyMenuEdit {height:325px; width:320px;  text-align:center; vertical-align:top; border:1px solid #eeeeee;  border-top:2px solid #e2e8f0; background-color:#fff; overflow: auto; /* 스크롤 나오게 */  }
.MyMenuList th{padding:5px 0px; text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.8px; color:#5B5C61; vertical-align:top;border-bottom:1px solid #eee; border-left:1px solid #dedede; background-color:#f2f7ff}
.MyMenuList th:first-child{border-left:0px} 
.MyMenuList td{padding:5px 12px;  text-align:left;line-height:22px;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046;border-bottom:1px solid #eee;border-left:1px solid #dedede; }
.MyMenuList td:first-child{border-left:0px}
.MyMenuLabel {display: inline-flex;align-items: center;cursor: pointer;margin:1px 10px;font-size: 12px;letter-spacing: -0.2px;font-weight: 400;color: #404046;}
.MyMenuLabel input[type="checkbox"] {display: none; }
.MyMenuCustom {position: relative; margin-right: 8px;width: 20px;height: 20px; border: 1px solid #d7d7d7;border-radius: 4px;transition: all 0.2s ease;background-image: url('../imgs/Check_gray.png');background-size: contain;background-color: #fff;}
.MyMenuLabel input[type="checkbox"]:checked + .MyMenuCustom {background-color:#2172EC;border-color:#2172EC;}
.MyMenuLabel input[type="checkbox"]:checked + .MyMenuCustom::after {content: '';position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 20px;height:20px;
background-image: url('../imgs/check_white.png');background-size: contain;background-repeat: no-repeat;}
.MyMenuLabel input[type="checkbox"]:disabled + { color:#919298;  /* 라벨 글씨도 흐리게 */cursor: not-allowed;}
.MyMenuLabel input[type="checkbox"]:disabled + .MyMenuCustom {background-color: #ebecf2; border-color:#dedede; cursor:not-allowed; background-image: url('../imgs/Check_gray.png'); background-size: contain;  }
.MyMenuLabel input[type="checkbox"]:disabled:checked + .MyMenuCustom {background-color: #b0b0b0;  border-color: #b0b0b0;color:#919298;  }
.MyMenuLabel input[type="checkbox"]:disabled + .MyMenuCustom::after {opacity: 0.6;  }
/*휴지통*/
.WasteBasket{height:22px;padding:0 10px;line-height:40px; font-size:16px; font-weight:500;cursor:pointer; vertical-align:middle;color:#404046;  background:url(../imgs/Icon_WasteBasket.png) no-repeat center; background-size:15px 15px; background-color:#fff;  border-radius:4px; }
.WasteBasket:hover{ color:#404046;   background-color:#fff  }
/* 납품가능지역 */
.Popup_DeliveryAreaBOX{ padding:15px 10px;background-color:#ecf2fd; border-radius:20px;  width:400px;  }
.Popup_DeliveryAreaAll{ height:40px; border-bottom:1px solid #dfe5ef }
.Popup_DeliveryArea{ height:210px; overflow-y:auto; overflow-x:hidden;  }
.Popup_DeliveryArea ul{position:relative;  width:400px; height:40px; display:flex; gap:5px; /* 박스 사이 여백 */  letter-spacing:-0.2px;  }
.Popup_DeliveryArea ul:first-child{padding-top:10px;}
.Popup_DeliveryArea li{flex: 1; /* 4등분 */  height:40px; color:#24252B; }
/* 팝업검색bg */
.Popup_BlueBox{ padding:15px 10px;background-color:#ecf2fd; border-radius:10px;  }
.Popup_GrayBox{ position:relative; padding:15px 20px;background-color:#F6F8F9; border-radius:10px; line-height:25px; font-size:14px;letter-spacing: -0.2px; font-weight:400;color:#404046; }
.Popup_GrayBox .txt{ line-height:30px; font-size:16px;letter-spacing: -0.2px; font-weight:400; color:#76777D; margin:1px 0px}
.Popup_GrayBox .txt label{ width:100px; vertical-align:middle} 

.PopupListBtnBox_Center{text-align:center; }
.PopupListBtnBox_Center button{ width:160px; margin-left:4px}
.PopupListBtnBox{position:relative; height:45px; vertical-align:top;    }
.PopupListBtnBox .left{height:45px;}
.PopupListBtnBox .right{position:absolute; top:0px; text-align:right; right:0px;  }
.PopupListBtnBox .right button{ min-width:110px; }

.NoLine_TDBottom1px{ border:0px }
.NoLine_TDBottom1px th{ height:38px; line-height:38px; font-size:16px;letter-spacing: -0.2px; font-weight:500;color:#404046;  border-bottom:1px solid #dedede}
.NoLine_TDBottom1px td{ height:38px; line-height:38px; font-size:16px;letter-spacing: -0.2px; font-weight:400;color:#404046;  border-bottom:1px solid #dedede}
.NoLine_TDBottom1px td:nth-child(2){text-align:right}
.NoLine_TDBottom1px tr:last-child th{border-bottom:0px solid #dedede}
.NoLine_TDBottom1px tr:last-child td{border-bottom:0px solid #dedede} 

.IBSheetPopup{min-height:50px; min-width:300px;  text-align:center; vertical-align:top;  background-color:#fff; overflow: auto; border-bottom:1px solid #eeeeee /* 스크롤 나오게 */  }
 /* Firefox */
.IBSheetPopup {scrollbar-width: thin;scrollbar-color: #acadb3 #ebecf2;}
/* Webkit (Chrome, Edge, Safari) */
.IBSheetPopup::-webkit-scrollbar {width: 12px;height: 12px;}
.IBSheetPopup::-webkit-scrollbar-track {background: #ebecf2;}
.IBSheetPopup::-webkit-scrollbar-thumb {background: #acadb3;border-radius: 8px;border: 3px solid #ebecf2;}
.IBSheetPopup::-webkit-scrollbar-thumb:hover {filter: brightness(0.9);}
.IBSheetPopup::-webkit-scrollbar-thumb:active {filter: brightness(0.8);}

.IBSheetTablePopup{height:200px;}
.IBSheetTablePopup th{ height:32px; line-height:32px; text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.8px; color:#5B5C61; vertical-align:top; border-top:2px solid #e2e8f0;border-bottom:1px solid #dedede; border-left:1px solid #dedede; background-color:#f2f7ff}
.IBSheetTablePopup th:first-child{border-left:0px}
.IBSheetTablePopup th span{ color:#F6495F}
.IBSheetTablePopup td{height:28px; line-height:25px;  text-align:center; font-size:15px; font-weight:400; letter-spacing:-0.5px; vertical-align:top; color:#404046; border-bottom:2px solid #eeeeee;border-left:1px solid #eeeeee; background-color:#fff }
.IBSheetTablePopup td:first-child{border-left:0px;}
.IBSheetTablePopup td a:link {color:#2172ec; text-decoration:underline }

.IBSheetTablePopup02{}
.IBSheetTablePopup02 th{ height:32px; line-height:32px; text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.8px; color:#5B5C61; vertical-align:top; border-top:2px solid #e2e8f0;border-bottom:1px solid #dedede; border-left:1px solid #dedede; background-color:#f2f7ff}
.IBSheetTablePopup02 th:first-child{border-left:0px}
.IBSheetTablePopup02 th span{ color:#F6495F}
.IBSheetTablePopup02 td{height:28px; line-height:25px; padding:0 5px;  font-size:15px; font-weight:400; letter-spacing:-0.5px; vertical-align:middle; color:#404046; border-bottom:2px solid #eeeeee;border-left:1px solid #eeeeee; background-color:#fff }
.IBSheetTablePopup02 td:first-child{border-left:0px;}
.IBSheetTablePopup02 td a:link {color:#2172ec; text-decoration:underline }
 
.FileUploadBox {display: flex;align-items: center;gap:4px; max-width: 700px;}
.FileUploadBox input[type="text"] {flex:1; height:38px; padding-left:10px; border: 1px solid #dedede; border-radius: 6px; background: #fff; font-size:16px; font-weight:400; color: #333;}
.FileUploadBox input[type="file"] {display: none;}
.FileUploadBox .ButDarkGray_Medium{ width:85px}
.FileUploadBox .ButOutlineBlue_Medium  { width:100px}
.BorderTopSolid{border-top:1px solid #dedede;} 
/*마진,패딩 클래스*/
.mt0 {margin-top:0 !important;} 
.mt02{margin-top:2px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt13{margin-top:13px !important;}
.mt15{margin-top:15px !important;}
.mt18{margin-top:18px !important;}
.mt19{margin-top:19px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt28{margin-top:28px !important;}
.mt30{margin-top:30px !important;}
.mt32{margin-top:32px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}


.mb0{margin-bottom:0px !important;}
.mb02{margin-bottom:2px !important;}
.mb05{margin-bottom:5px !important;}
.mb08{margin-bottom:8px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.mb200{margin-bottom:200px !important;}

.ml0 {margin-left:0 !important;}
.ml04{margin-left:4px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}
.ml125{margin-left:125px !important;}
.ml140{margin-left:140px !important;}
.ml195{margin-left:195px !important;}
.ml250{margin-left:250px !important;}
.ml420{margin-left:420px !important;}
.ml440{margin-left:440px !important;}

.mr0 {margin-right:0 !important;}
.mr04{margin-right:4px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.pt0 {padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}


.pb0 {padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb200{padding-bottom:100px !important;}

.pl0 {padding-left:0 !important;}
.pl05 {padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl75{padding-left:75px !important;}
.pl59{padding-left:59px !important;}

.pr0 {padding-right:0 !important;}
.pr05 {padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}




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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


/* ============================================
   ValidationManager - 입력 검증 시각적 피드백
   ============================================ */

/* 에러 상태 필드 */
.validation-error {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15) !important;
}

.validation-error:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.3rem rgba(220, 53, 69, 0.25) !important;
}

/* 성공 상태 필드 */
.validation-success {
    border-color: #28a745 !important;
    background-color: #f0fff4 !important;
}

.validation-success:focus {
    border-color: #28a745 !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.15) !important;
}

/* 에러 메시지 */
.error-message {
    display: none;
    color: #dc3545;
    font-size: 12px;
    margin-top: 4px;
    line-height: 1.4;
    font-weight: 500;
}

.error-message.show {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.error-message::before {
    content: "⚠";
    font-size: 14px;
    flex-shrink: 0;
}

/* 성공 메시지 (선택사항) */
.success-message {
    display: none;
    color: #28a745;
    font-size: 12px;
    margin-top: 4px;
    line-height: 1.4;
    font-weight: 500;
}

.success-message.show {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.success-message::before {
    content: "✓";
    font-size: 14px;
    flex-shrink: 0;
}

/* 필드 그룹 에러 (전화번호 등 복합 필드용) */
.validation-error-group .inp {
    border-color: #dc3545 !important;
}

/* 체크박스/라디오 에러 */
input[type="checkbox"].validation-error,
input[type="radio"].validation-error {
    outline: 2px solid #dc3545;
    outline-offset: 2px;
}

/* 필드 컨테이너 */
.form-field {
    position: relative;
    margin-bottom: 16px;
}

.form-field.has-error .error-message {
    display: flex;
}

/* 에러 필드로 스크롤 시 하이라이트 애니메이션 */
@keyframes highlight-error {
    0% {
        background-color: #fff5f5;
    }
    50% {
        background-color: #ffe0e0;
    }
    100% {
        background-color: #fff5f5;
    }
}

.validation-error.highlight {
    animation: highlight-error 0.6s ease-in-out;
}

/*협력사 정보성 팝업 느낌표*/
.But_Info{display:inline-block;width:20px;height:20px; vertical-align:middle; margin-top:-6px; text-align:center; background:url(../imgs/Icon_Importance02.png) no-repeat left; background-size:20px 20px; cursor:default; font-size:0px; }