@charset "utf-8";
html, body { height:100%; margin:0;  padding: 0;}
/*---------------------------------------------------------------------------------------------메인-------------------------------------------------------------------------------------------------------------- */
.wrap a:link {color:#000; text-decoration:none;}
.wrap a:visited {color:#000; text-decoration:none;}
.wrap a:active {color:#000; text-decoration:none;}
.wrap a:hover {color:#000; text-decoration:none;}
/*section*/
.header {position:relative; margin:0 auto;  height:80px;   width:1280px;    }
.wrap nav{width:100%; height:55px; border-top:1px solid #d7d7d7; border-bottom:1px solid #dedede; background-color:#fff; display:flex; position:sticky; top:0; z-index: 999; min-width:1630px; }
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.CompanySite {position: fixed;top:95px;right: calc(50% - 640px - 100px); /* 1280/2 + 배너폭+여백 */z-index: 9999;}
.CompanySite a {display: flex;align-items: center;justify-content: center;width: 70px; height: 150px;color: #fff;text-decoration: none;font-size: 18px;font-weight: bold;border-radius:0px ;text-align: center;line-height: 1.4; }
.CompanySite img { border:0px solid #123278; border-radius:12px;}
.CompanySite a:hover {transform: translateY(-3px);}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.header h1{position:absolute;  margin-top:37px; margin-left:20px}
.header h1 img{ width:150px; }
.FamilySite{position:absolute; right:0px; top:32px;  }
.FamilySite-btn { height:37px; line-height:37px; width:100px; padding:0 20px; text-align: left;font-size:14px; font-weight:400; letter-spacing:-0.2px; color:#24252B; border:1px solid #e7e9ea;border-radius:4px;background: #fff;cursor: pointer;transition: background-color 0.3s ease; /* 부드럽게 색상 변화 */background-image: url("../imgs/Select_arrow.png"); background-repeat: no-repeat; background-position: right 10px top 10px; background-size:20px 20px;}
 /* 마우스 오버 시 버튼 색상 변경 + 드롭다운 열림 시 유지 */
.FamilySite:hover .FamilySite-btn {background-color: #ebf3ff; border:1px solid #e7e9ea; color:#474a65; height:40px; font-weight:500;/* 원하는 hover 색상 */}
.FamilySite-content {max-height: 0;overflow: hidden;position: absolute;top:38px;left:0; width:140px;background-color: #fff;border: none;border-bottom-right-radius:2px;border-bottom-left-radius:2px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);z-index: 1000;transition: max-height 0.4s ease, border 0.2s ease;}
.FamilySite-content div {padding:10px 20px; cursor: pointer;font-size:14px; font-weight:400; letter-spacing:-0.2px; color:#24252B}
.FamilySite-content div:hover {background-color: #f0f0f0;}
/* 마우스 오버 시 드롭다운 열림 + border 표시 */
.FamilySite:hover .FamilySite-content {max-height: 300px;border:1px solid #e7e9ea;border-top:0px;}
 
.containerBox{width:100%; min-height:500px; background-color:#ECF2FD}
.containerBox_1280px{width:1280px; margin:0 auto; min-height:500px; background-color:#fff}
/* 메인 컨텐츠 */
.ComMainBannerBox{ position:relative;width:100%; min-width:1280px; min-height:500px;   }
.ComMainBannerImg {width:100%; height:500px;position:absolute; top:0px; text-align:center; z-index:1; background-color:#0f1525; background:url(../imgs/BG01.jpg) no-repeat; background-position:left; background-size:100% ;  }
.ComMainBanner{position:relative; margin:0 auto; width:1280px; height:500px;z-index:2 }
.ComMainBanner .Sentence{position:absolute; top:170px; left:50px; width:1280px;  font-size:40px; letter-spacing:-1px; line-height:60px; font-weight:600; color:#fff; }
.ComMainBanner .LoginBox{position:absolute;right:0px;height:500px; width:400px;  background: linear-gradient(320.36deg, #823EEE -42.41%, #1a5bbd 111.92%);}
.ComMainBanner .LoginBox .LoginArea{ margin:0 auto;width:300px;  }
.LoginBox .LoginInput{height:50px; width:300px; border-radius:3px; background-color:#fff}
.LoginBox .LoginInput input{height:50px; line-height:50px; padding:0 0 0 15px; color:#24252B; font-size:16px; letter-spacing:-0.2px;font-weight:400; border:0px; border-radius:3px;    }
.LoginBox .LoginInput button{ width:40px; height:50px;background:url(../imgs/delete_02.png) no-repeat; background-position:center; background-size:55% ; cursor:pointer; }
.LoginBox .LoginIDSave{ margin:10px 0; color:#fff}
.IDSaveLabel {display: inline-flex;align-items: center;cursor: pointer;margin:5px 10px;font-size: 14px;letter-spacing:-0.2px;font-weight:400;color:#FFF;}
.IDSaveLabel input[type="checkbox"] {display: none; }
.IDSaveCustom {position: relative; margin-right:8px;width:18px;height:18px; border:1px solid #d7d7d7; border-radius:3px;transition: all 0.2s ease;background-image: url('../imgs/Check_gray.png');background-size: contain;background-color: #fff;}
.IDSaveLabel input[type="checkbox"]:checked + .IDSaveCustom {background-color:#2172EC;border-color:#2172EC;}
.IDSaveLabel input[type="checkbox"]:checked + .IDSaveCustom::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;}
.LoginBox .LoginBut{height:50px; width:300px; } 
.ComLoginBut{height:48px; line-height:48px; width:146px; font-size:16px; font-weight:500; letter-spacing:-0.2px;color:#fff; background-color:#272e47; border:1px solid #272e47;border-radius:3px; cursor:pointer; vertical-align:middle }
.ComLoginBut:hover{ color:#fff; border:1px solid #F6495F; background:#F6495F; }
.ComLoginCerBut{height:48px; line-height:48px; width:147px; margin-left:2px; font-size:16px; font-weight:500; letter-spacing:-0.2px;color:#fff; background-color:#272e47; border:1px solid #272e47;border-radius:3px; cursor:pointer; vertical-align:middle }
.ComLoginCerBut:hover{ color:#fff; border:1px solid #F6495F; background:#F6495F; }
.LoginBox .LoginInfo ul{position:relative;width:300px;height:15px; line-height:15px;   letter-spacing:-0.2px}
.LoginBox .LoginInfo li{ float:left;font-size:15px; font-weight:400;   color:#fff; text-align:left; border-right:1px solid #646cd5; cursor:pointer } 
.LoginBox .LoginInfo li:nth-child(1){width:85px; }
.LoginBox .LoginInfo li:nth-child(2){width:97px; padding-left:16px;}
.LoginBox .LoginInfo li:nth-child(3){width:83px; padding-left:17px; border-right:0px;} 
.LoginBox .LoginInfo li:hover{ color:#d7e6fd}
.JoinBuyer {width:300px; height:50px; line-height:50px; text-align:center;  font-size:17px; font-weight:500; letter-spacing:-0.2px;color:#fff; border-radius:3px; background-color:#000027;cursor:pointer;}
.JoinBuyer:hover{ color:#fff; background:#003687; }
.JoinSeller{width:300px; height:50px; line-height:50px; text-align:center;  font-size:17px; font-weight:500; letter-spacing:-0.2px;color:#fff; border-radius:3px; background-color:#000027;cursor:pointer; }
.JoinSeller:hover{ color:#fff;  background:#003687; }
.ComContainer {position: relative;  width: 1280px; margin:0 auto;  }
.ComBoard{position:relative; width:1280px; height:180px; display:flex; gap:20px; /* 박스 사이 여백 */  letter-spacing:-0.2px;  }
.ComBoard .ComBoardBox{flex:1; height:180px; color:#24252B; border-radius:12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);background-color:#fff; cursor:pointer}
.ComBoard .ComBoardBox:hover{box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);}
.ComBoard .ComBoardBox:hover .ComBoardTit button{ background-color:#2172EC; }
.ComBoard .ComBoardBox .ComBoardTit{ position:relative; padding:40px 33px 20px 32px;  font-size:22px; font-weight:700; }
.ComBoard .ComBoardBox .ComBoardTit button{position:absolute; top:37px; right:33px;  }
.ComBoard .ComBoardBox .ComBoardTit button{height:30px;width:30px;font-size:0px; border-radius:50px; background:url(../imgs/com_arrow.png) no-repeat; background-size:35% 35%; background-position:center; background-color:#272e47;cursor:pointer;}
.ComBoard .ComBoardBox .ComBoardTxt{ padding:20px 33px 20px 32px; font-size:17px; line-height:23px; font-weight:500; letter-spacing:-0.2px; color:#404046}
.ComBanner{position:relative; width:1280px; height:250px; display:flex; gap:20px; /* 박스 사이 여백 */  letter-spacing:-0.2px;  }
.ComBanner .ComBannerBox{position:relative;  flex:1; height:250px; color:#fff; border-radius:15px; background-color:#000027; }
.ComBanner .ComBannerBox:nth-child(1){background:url(../imgs/BG03.jpg) no-repeat; background-position:left 0px top 0px;}
.ComBanner .ComBannerBox:nth-child(2){background:url(../imgs/BG04.jpg) no-repeat; background-position:left -30px top -30px;}
.ComBanner .ComBannerBox .ComBoardTit{ position:relative; padding:70px 33px 0px 40px;  font-size:28px; font-weight:700; }
.ComBanner .ComBannerBox .ComBoardTxt{ padding:30px 33px 20px 40px; font-size:17px; line-height:23px; font-weight:500; letter-spacing:-0.2px; color:#fff;}
.ComBanner .ComBannerBox  button{position:absolute; top:42px; right:33px;  }
.ComBanner .ComBannerBox  button{height:30px;width:30px;font-size:0px; border-radius:50px; background:url(../imgs/com_arrow.png) no-repeat; background-size:35% 35%; background-position:center; background-color:#272e47;cursor:pointer;}
.ServiceCenter{height:100px; color:#24252B; border-radius:12px; background-color:#fff; }
.ServiceCenter ul{position:relative; width:1280px; height:100px;  letter-spacing:-0.2px;  }
.ServiceCenter li{ float:left;height:60px; margin:20px 0 20px 0; color:#24252B; border-left:1px solid #f0f0f0; background-color:#fff   }
.ServiceCenter li:hover button{ background-color:#2172EC; }
/*.ServiceCenter li:nth-child(1){width:350px; padding:5px 0px 0px 50px; font-size:16px; font-weight:500; letter-spacing:-0.2px; color:#24252B; line-height:26px; border-left:0px solid #f0f0f0; }
.ServiceCenter li:nth-child(1) span{ display:block; margin-top:3px; font-size:35px; font-weight:800; letter-spacing:-0.5px;}*/
.ServiceCenter li:nth-child(1){width:540px; padding:10px 0px 0px 100px; font-size:16px; font-weight:500; letter-spacing:-0.2px; color:#24252B; line-height:22px;}
.ServiceCenter li:nth-child(1) span{ display:inline-block; margin-left:40px;}
.ServiceCenter li:nth-child(1) img{ width:56px; margin-top:-5px}
.ServiceCenter li:nth-child(2){width:400px; padding:5px 0px 0px 200px; font-size:20px; font-weight:700; letter-spacing:-0.2px; color:#24252B; line-height:60px; cursor:pointer;  }
.ServiceCenter li:nth-child(2) img{ width:75px; margin-top:5px}
.ServiceCenter li:nth-child(2) span{display:inline-block; margin-left:50px;}
.ServiceCenter li:nth-child(2):hover { color:#2172EC }


/* 서브화면 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*셀러 달력,버튼*/
.date-range {display: flex;align-items: center;gap:0px; height:30px;border: 1px solid #dedede;border-radius:4px; background-color:#fff}
.date-picker {position: relative;width: 109px;  }
.date-picker input {width:86px;padding: 2px 0px 2px 10px; /* 오른쪽 달력 버튼 공간 확보 */font-size: 14px; font-weight:400; color:#24252B; letter-spacing:-0.2px;cursor: pointer;background-color:#fff;box-sizing: border-box; }
.date-picker .calendar-btn {position:absolute; right:5px; top:50%; transform: translateY(-50%);width:16px;height:16px; background:url(../imgs/Icon_month.png) no-repeat; background-size:16px 16px; background-position:0px 0px;cursor: pointer;}


.containerSub {width:1280px; margin:0 auto; position: relative;  min-height:500px;}

.ComNavigation{ position:relative; width:100%;height:65px; margin:0 auto; text-align:center; background-color:#0f0f34;}
.ComNavigation ul{position:relative; margin:0 auto; width:1280px; height:65px; display:flex; gap:0px; /* 박스 사이 여백 */  letter-spacing:-0.2px;  }
.ComNavigation li{position:relative; flex:1; height:65px; line-height:70px;  font-size:20px;  font-weight:500; letter-spacing:-0.2px; color:#fff; cursor:pointer; background:url(../imgs/br_line.png) no-repeat center right   }
.ComNavigation li:nth-child(3){ background-image:none}
.ComNavigation li:hover{ background:linear-gradient(85.36deg, #823EEE -42.41%, #2172EC 111.92%);}
.ComNavigation .ON{background-color:#2172EC; }
.ComJoinTit{ height:200px; line-height:200px; text-align:center; font-size:35px;  font-weight:700; letter-spacing:-0.2px; color:#24252B;  }
.ComJoinTitLarge {height:100px; line-height:100px; text-align:center; font-size:35px;  font-weight:700; letter-spacing:-0.2px; color:#24252B;   }
.ComJoinTitMedium{ position:relative;height:50px; line-height:50px; text-align:left; font-size:24px;  font-weight:700; letter-spacing:-0.2px; color:#24252B;}
.ComJoinTitMedium .F6495F{ padding-left:15px; font-size:15px; font-weight:400;  color:#F6495F; letter-spacing:-0.2px}
.ComJoinTitMedium .Small{ padding-left:15px; font-size:15px; font-weight:400;  color:#24252B; letter-spacing:-0.2px}
.ComJoinTitMedium_center{ position:relative;height:50px; line-height:50px; text-align:center; font-size:24px;  font-weight:700; letter-spacing:-0.2px; color:#24252B;}

.SellerChoice {width:1000px;margin: auto;}
/* 메뉴 버튼 영역 */
.SellerChoice-tabs {display: flex; gap:80px;   }
.SellerChoice-tab {flex:1; text-align:center; height:250px; color:#24252B; border-radius:20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);transition: background 0.8s;   background-color:#fff; cursor:pointer}
.SellerChoice-tab:hover  {color:#1750a5; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); }
.SellerChoice-tab.active {color:#2172EC; background-color:#fff; border:1px solid #2172EC; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);   }
.SellerChoice-tab .TabTit{ text-align:center; font-size:16px;  font-weight:500; letter-spacing:-0.2px; line-height:23px   }
.SellerChoice-tab .TabTit p{ margin:0 auto; height:155px; line-height:180px; font-size:32px; font-weight:700; letter-spacing:-0.2px   }
/* 내용 영역 기본 상태 */
.SellerChoice-content {max-height:0;padding:0px; overflow: hidden;  opacity: 0;transform: translateY(0px);}
/* 열릴 때만 애니메이션 */
.SellerChoice-content.opening {max-height:480px; transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease, padding 0.5s ease;opacity: 1;transform: translateY(0);padding:0px;}
/* 열린 상태 (애니메이션 없음, 고정) */
.SellerChoice-content.open {max-height:560px;opacity: 1;transform: translateY(0);padding:0px; }

.JoinStepNew{margin: auto; font-size:16px; font-weight:400; letter-spacing:-0.2px; color:#fff; } 
.JoinStepNew ul{display:flex; gap:60px; background-image:url(../imgs/com_icon07.png)  }
.JoinStepNew li{flex:1; padding:0px 20px 44px 20px; text-align:center; color:#fff;border-radius:20px; background-color:#0f0f34}
.JoinStepNew li span{ display:inline-block; margin-bottom:30px; padding:4px 15px; font-size:13px;  font-weight:500; letter-spacing:-0.2px; color:#0f0f34; border-bottom-left-radius:5px;  border-bottom-right-radius:5px;background-color:#0f0f34}
.JoinStepNew li p{ height:60px; font-size:22px;  font-weight:600; letter-spacing:-0.2px; color:#fff; }
.JoinStepNew li img{ width:65px; height:65px; margin-bottom:25px}

.JoinStepOld{margin: auto; font-size:16px; font-weight:400; letter-spacing:-0.2px; color:#fff; } 
.JoinStepOld ul{display:flex; gap:130px;background-image:url(../imgs/com_icon08.png)  }
.JoinStepOld li{flex:1; padding:0px 20px 30px 20px; text-align:center; color:#fff;border-radius:20px; background-color:#0f0f34}
.JoinStepOld li span{ display:inline-block; margin-bottom:30px; padding:4px 15px; font-size:13px;  font-weight:500; letter-spacing:-0.2px; color:#0f0f34; border-bottom-left-radius:5px;  border-bottom-right-radius:5px;background-color:#0f0f34}
.JoinStepOld li p{ height:50px; font-size:22px;  font-weight:600; letter-spacing:-0.2px; color:#fff; }
.JoinStepOld li img{ width:65px; height:65px; margin-bottom:15px}
.JoinStepOld li .contact{display:inline-block; margin-top:10px; padding:4px 14px; font-size:14px;  font-weight:500; letter-spacing:-0.2px; color:#fff; border-radius:20px;background-color:#212142}

.JoinStepUser{margin: auto; font-size:16px; font-weight:400; letter-spacing:-0.2px; color:#fff; } 
.JoinStepUser ul{display:flex; gap:130px;background-image:url(../imgs/com_icon08.png)  }
.JoinStepUser li{flex:1; padding:0px 20px 44px 20px; text-align:center; color:#fff;border-radius:20px; background-color:#0f0f34}
.JoinStepUser li span{ display:inline-block; margin-bottom:30px; padding:4px 15px; font-size:13px;  font-weight:500; letter-spacing:-0.2px; color:#0f0f34; border-bottom-left-radius:5px;  border-bottom-right-radius:5px;background-color:#0f0f34}
.JoinStepUser li p{ height:50px; font-size:22px;  font-weight:600; letter-spacing:-0.2px; color:#fff; }
.JoinStepUser li img{ width:65px; height:65px;  margin-bottom:30px}
.JoinStepUser li .contact{display:inline-block; margin-top:10px; padding:4px 14px; font-size:14px;  font-weight:500; letter-spacing:-0.2px; color:#fff; border-radius:20px;background-color:#212142}

.JoinEndTxt{ line-height:30px;font-size:20px; font-weight:600; letter-spacing:-0.2px;color:#24252B; text-align:center}
.JoinEndIcon{ margin:0 auto; width:180px; height:180px; background:url(../imgs/com_icon09.png) no-repeat; background-size:100% 100%; background-position:center;  }
.JoinCustomer{ margin:0 auto; width:445px; border-radius:20px; border:1px solid #2172EC;  background-color:#f2f7ff    }
.JoinCustomer p:first-child{display:inline-block; width:130px; text-align:center;padding-top:25px;  vertical-align:top; background-color:#f2f7ff; border-top-left-radius:30px;  border-bottom-left-radius:20px;}
.JoinCustomer p:last-child {display:inline-block; width:310px; text-align:center; padding:30px 0px 30px 0px; vertical-align:top; line-height:28px;font-size:18px; font-weight:700; letter-spacing:-0.2px; color:#24252B; background-color:#fff;
 border-top-right-radius:20px;  border-bottom-right-radius:20px;}
.JoinCustomer img{ width:60px; vertical-align:middle;}
.JoinCustomer span{ font-size:17px; font-weight:700}

.JoinManagerBox{ margin:0 auto; width:990px; padding:30px 0px 25px 0px; border-radius:20px;background-color:#fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); text-align:center     }
.JoinManager{ margin:0 auto; width:800px; border-radius:20px;      }
.JoinManager div:first-child{display:inline-block; width:77px; padding:12px 0px;  vertical-align: top; text-align:center;   background-color:#f2f7ff;  border-radius:500px;}
.JoinManager div:last-child {display:inline-block; width:630px; margin-left:30px; text-align:left;  font-size:17px; line-height:35px; font-weight:700; letter-spacing:-0.2px; color:#24252B;   }
.JoinManager div:last-child p:first-child{ font-weight:400; font-size:16px;}
.JoinManager img{ width:50px; vertical-align:middle;}
.JoinManager span{ font-size:17px; font-weight:100; padding:0 30px; color:#a0a0a0}

.ComButtonArea{ text-align:center}
.ButtonLarge{height:80px; line-height:80px; padding:0 50px; font-size:22px; font-weight:600; letter-spacing:-0.2px;color:#fff;background:linear-gradient(85.36deg, #823EEE -42.41%, #2172EC 111.92%);  border-radius:8px; cursor:pointer; vertical-align:middle }
.ButtonLarge:hover{ color:#fff;  background:#2172EC; }
.ButtonMedium{height:60px; line-height:60px; padding:0 50px; font-size:22px; font-weight:600; letter-spacing:-0.2px;color:#fff;background:linear-gradient(85.36deg, #823EEE -42.41%, #2172EC 111.92%);  border-radius:8px; cursor:pointer; vertical-align:middle }
.ButtonMedium:hover{ color:#fff;  background:#2172EC; }



/*테이블*/ 
.ThLTdL{ min-width:1280px; border-top:2px solid #e2e8f0}
.ThLTdL th{padding-left:12px; font-size:16px; font-weight:500; letter-spacing:-1px; color:#5B5C61;   border-bottom:1px solid #eee; background-color:#f2f7ff}
.ThLTdL td{padding:5px 12px; height:30px; line-height:30px;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046;border-bottom:1px solid #eee;  }
.ThLTdL td label{vertical-align:middle}
.ThLTdL td input{vertical-align:middle}
.Smalltxt{ display:inline-block; font-size:80%;font-weight:400;}

/*테이블 - 예외 주요취급품목 */ 
.ThCTd{min-width:1280px;  border-top:2px solid #e2e8f0}
.ThCTd th{ height:40px; line-height:40px; text-align:center;font-size:16px; font-weight:500; letter-spacing:-1px; color:#5B5C61;  border-bottom:1px solid #eee;  border-left:1px solid #eee; background-color:#f2f7ff}
.ThCTd th span{ color:#F6495F}
.ThCTd td{padding:5px 12px; height:30px; line-height:30px;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046; border-bottom:1px solid #eee; border-left:1px solid #eee; }
.ThCTd th:first-child{border-left:0px}
.ThCTd td:first-child{border-left:0px}
.ThCTd td label{ vertical-align:middle}
.ThCTd_ex{min-width:1280px;  border-top:2px solid #e2e8f0}
.ThCTd_ex th{ height:40px; line-height:40px; text-align:center;font-size:16px; font-weight:500; letter-spacing:-1px; color:#5B5C61;  border-bottom:1px solid #eee;  border-left:1px solid #eee; background-color:#f2f7ff}
.ThCTd_ex th span{ color:#F6495F}
.ThCTd_ex td{padding:5px 12px; height:30px; line-height:30px;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046; border-bottom:1px solid #eee; border-left:1px solid #eee; }
.ThCTd_ex th:first-child{border-left:0px}
.ThCTd_ex td:first-child{border-left:0px}
.ThCTd_ex td:nth-child(2){border-left:0px}
.ThCTd_ex td label{ vertical-align:middle}
.represent{ margin:0 auto; padding:1px 10px; text-align:center; background-color:#ebf3ff; color:#2172EC; font-weight:500;font-size:90%;border-radius:8px; }

/*이용약관*/
.Law{ position:relative;padding:20px; font-size:16px; line-height:22px; border:1px solid #e3ecfc; background:#fff; text-align:left; overflow:auto; border-radius:12px;  font-weight:300; }
.LawCheck{position:relative; text-align:left; line-height:33px;   font-size:16px;  font-weight:400; letter-spacing:-0.2px; color:#24252B;  }
.LawCheck label{ vertical-align:middle; font-size:16px;  font-weight:400;}

.LawGray{ position:relative;padding:20px; font-size:16px; line-height:22px; border:1px solid #dedede; background:#fff; text-align:left; overflow:auto; border-top-left-radius:12px; border-bottom-left-radius:12px; font-weight:300; }
.LawGrayCheck{position:relative; text-align:left; line-height:33px;   font-size:16px;  font-weight:400; letter-spacing:-0.2px; color:#24252B;  }
.LawGrayCheck label{ vertical-align:middle; font-size:16px;  font-weight:400;}


.PInfoList{ width:100%; border-collapse:collapse; border:1px solid #eeeeee; } 
.PInfoList th{ padding:5px; text-align:center; font-size:16px; font-weight:600; letter-spacing:-0.2px; color:#24252B; border:1px solid #eee;  background:#f2f7ff; }
.PInfoList td{ padding:5px; text-align:left; font-size:15px; font-weight:400; letter-spacing:-0.2px; color:#24252B;  border:1px solid #eee}
.PInfoList .tit_B_C{font-weight:600; text-align:center}
.UserCheck{ position:relative; padding:40px 0 40px 0; text-align:center; font-size:16px;  font-weight:400; letter-spacing:-0.2px; color:#24252B;  background-color:#fff; border:1px solid #e3ecfc; border-radius:12px; }
.UserCheck input{height:40px; line-height:40px; padding:0 10px; color:#24252B; font-size:14px; letter-spacing:-0.2px;font-weight:400; border:1px solid #DEDEDE; border-radius:4px}
.UserCheckTxt{ font-size:16px; letter-spacing:-0.2px;font-weight:500;}
.CheckBtn{height:42px;line-height:42px; padding:0 50px; font-size:16px; font-weight:600; letter-spacing:-0.2px;color:#fff;background:#595d7e;  border-radius:3px; cursor:pointer; vertical-align:middle }
.CheckBtn:hover{ color:#fff;  background:#474a65; } 
.UserJoinBtn{height:52px;line-height:52px; padding:0 80px; font-size:17px; font-weight:600; letter-spacing:-0.2px;color:#fff;background:linear-gradient(85.36deg, #823EEE -42.41%, #2172EC 111.92%);  border-radius:3px; cursor:pointer; vertical-align:middle }
.UserJoinBtn:hover{ color:#fff;  background:#2172EC; } 
.UserJoinBtn40{height:42px;line-height:42px; padding:0 60px; font-size:17px; font-weight:600; letter-spacing:-0.2px;color:#fff;background:linear-gradient(85.36deg, #823EEE -42.41%, #2172EC 111.92%);  border-radius:3px; cursor:pointer; vertical-align:middle }
.UserJoinBtn40:hover{ color:#fff;  background:#2172EC; } 
#UserCheckBox { width:1100px; margin:0 auto;margin-top:0px; max-height: 0; /* 시작은 닫힌 상태 */ overflow: hidden;transition: max-height 0.5s ease;}
#UserCheckBox.open {max-height: 1000px; /* 충분히 큰 값으로 설정 (컨텐츠보다 크게) */}
#UserCheckBox .UserCheckBoxIn{padding:20px 0 50px 0;margin:0; font-size:16px; font-weight:400; line-height:24px; }
#UserCheckBox .UserCheckBoxIn span{ font-size:18px; font-weight:800}
#UserCheckBox .UserOKTxt{display:inline-block; height:40px;font-size:25px; font-weight:600; letter-spacing:-0.2px; color:#2172EC;}
#UserCheckBox .UserOK{display:inline-block;margin-top:-5px; vertical-align:middle; margin-right:10px;width:40px;height:40px; background:url(../imgs/Check_white.png) no-repeat center;background-size:35px 35px; background-color:#2172EC; border-radius:50px;}
#UserCheckBox .Customer{ margin:0 auto; width:445px; border-radius:20px; border:1px solid #2172EC;  background-color:#f2f7ff    }
#UserCheckBox .Customer p:first-child{display:inline-block; width:130px; text-align:center;padding-top:25px;  vertical-align:top; background-color:#f2f7ff; border-top-left-radius:30px;  border-bottom-left-radius:20px;}
#UserCheckBox .Customer p:last-child {display:inline-block; width:270px; text-align:left; padding:20px 0px 20px 40px; vertical-align:top; line-height:24px;font-size:16px; font-weight:500; letter-spacing:-0.2px; color:#24252B; background-color:#fff;
 border-top-right-radius:20px;  border-bottom-right-radius:20px;}
#UserCheckBox .Customer img{ width:59px; vertical-align:middle;}
#UserCheckBox .Customer span{ font-size:16px; font-weight:700}

.UserCheckBoxIn-Popup{font-size:20px; font-weight:600; letter-spacing:-0.2px;color:#24252B; text-align:center; border-top:1px solid #dedede}
.UserCheckBoxIn-Popup img{ vertical-align:middle; width:30px;margin-right:10px;}

/*회원사정보업데이트*/
.InfoUpdate{ margin:0 auto; margin-top:50px;padding:0 50px 40px 50px; margin-bottom:40px; width:1000px; text-align:center;  border-radius:30px;background-color:#fff }
.InfoUpdate .TitLarge {padding-top:40px; text-align:center; font-size:29px;  font-weight:700; letter-spacing:-0.2px; color:#24252B;   }
.InfoUpdate .TitLarge span{ color:#2172ec}
.InfoUpdate .TitMedium{ text-align:left; font-size:18px;  font-weight:600; letter-spacing:-0.2px; color:#24252B;}
.InfoUpdate .TitSmall{ text-align:left; font-size:15px;  font-weight:600; letter-spacing:-0.2px; color:#24252B;}

.InfoUpdate .text{ text-align:center; line-height:20px;font-size:16px; font-weight:400; letter-spacing:-0.2px   }
.InfoUpdate_Table{ border-top:1px solid #e2e8f0;  }
.InfoUpdate_Table th{padding-left:12px; font-size:15px; font-weight:500; letter-spacing:-1px; color:#5B5C61;  text-align:left;   border-bottom:1px solid #eee; background-color:#f2f7ff}
.InfoUpdate_Table td{padding:3px 10px; height:30px; line-height:30px;font-size:16px;   text-align:left; font-weight:400; letter-spacing:-0.5px; color:#404046;border-bottom:1px solid #eee;  }
.InfoUpdate_Table td label{vertical-align:middle}
.InfoUpdate_Table td input{vertical-align:middle}
.InfoUpdateBtn{ width:250px; padding:15px 50px; font-size:18px; font-weight:600; letter-spacing:-0.2px;color:#fff;background: linear-gradient(85.36deg, #7552f9 -42.41%, #1f88fe 111.92%);  border-radius:8px; cursor:pointer; vertical-align:middle }
.InfoUpdateBtn:hover{ color:#fff;  background:#2172EC; }

/*고객센터*/
.Butchat{width:170px; padding-left:35px; height:45px; font-size:18px; font-weight:500; color:#fff;background:url(../imgs/Icon_chat.png) no-repeat right; background-size:22px 22px;  background-position: left 18px center;
cursor:pointer; border-radius:6px;border:1px solid #1a4daf;  background-color:#2c5ed4; }
.Butchat:hover{ border:1px solid #143a86; background-color:#1247b0;} 
.SVCTitBox{ position:relative;  min-width:1280px; margin-right:50px;  height:90px; padding-top:48px;   background:#f2f7ff; border-radius:10px;}
.SVCTitBox .SVCTit{position:absolute; left:40px; line-height:45px; font-size:32px; font-weight:700; color:#24252b; }
.SVCTitBox button {position:absolute; right:50px; top:45px; }
.SVCTitBox .SVCSearch{position:relative; margin:0 auto;  width:600px;   height:40px; border:1px solid #DEDEDE; border-radius:4px; background-color:#fff }
.SVCTitBox .SVCSearch input{ height:40px; margin-left:13px;  font-size:16px; letter-spacing:-0.2px; font-weight:400; color:#919298; vertical-align:middle; }
.SVCTitBox .SVCSearch button{ position:absolute; width:25px; height:40px; top:0px;  right:0px; font-size:0px; background-color:#fff; cursor:pointer; background:url(../imgs/Search_icon_gray.png) no-repeat left; background-size:18px 18px;  }

.SVCTab{position:relative;  min-width:1280px; height:60px; display:flex;gap:0px; letter-spacing:-0.2px;   }
.SVCTab div{flex: 1; /* 3등분 */  width:33.3%;  height:60px; line-height:60px; text-align:center; font-size:18px; font-weight:600; letter-spacing:-0.2px;color:#24252B; background-color:#f6f6f6; }
.SVCTab div:nth-child(1){border-top:1px solid #dedede; border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-top-left-radius:0px; border-bottom-left-radius:0px;}
.SVCTab div:nth-child(2){border-top:1px solid #dedede; border-bottom:1px solid #dedede; border-left:1px solid #dedede;}
.SVCTab div:nth-child(3){border-top:1px solid #dedede; border-bottom:1px solid #dedede; border-left:1px solid #dedede;border-right:1px solid #dedede; border-top-right-radius:0px; border-bottom-right-radius:0px;}
.SVCTab div:hover{ border:1px solid #dedede; background:#f2f7ff; cursor:pointer;   }
 
.Faq-container { min-width:1280px; }
.Faq-item {background: #fff;overflow: hidden; border-bottom:1px solid #dedede  }
.Faq-question  {padding:20px 16px 20px 0px; font-size:16px;font-weight:400; color: #404046;cursor: pointer; display:flex; justify-content:space-between; align-items: center;border: none;width: 100%;background: none;outline: none;}
.Faq-answer    {padding: 0px 16px  0px 0px;  max-height:0;font-size:16px; font-weight:400;color: #404046; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; background-color:#f6f8f9}
.Faq-item.active .Faq-answer { padding:20px 16px 20px 0px;}
.Faq-item.active button table td{color:#2172ec}
.Faqarrow {transition: transform 0.3s ease; }
.Faqarrow img{ width:35px; height:35px}
.Faq-item.active .Faqarrow {transform: rotate(180deg); }
.Faq-container table{ margin-right:30px}
.Faq-container table th{font-size:18px;font-weight:600;color:#2172ec; vertical-align:top}
.Faq-container table td{ height:25px; line-height:25px; }

.ChatSearchTable { margin-bottom:0px; min-width:1250px; width:100%;  min-width:1280px;  background-color:#f2f7ff;  border-radius:5px;}
.ChatSearchTable th{font-size:15px; text-align:left; letter-spacing:-0.2px; font-weight:700; color:#404046;   } 
.ChatSearchTable th:first-child{ padding-left:20px;}
.ChatSearchTable td {padding:10px 20px 10px 0px; text-align:left; vertical-align:middle} 
.ChatSearchTable td:last-child {padding-right:0px; text-align:center}
.ChatSearchTable .MonthBtnBox{ float:left; margin-right:5px;  vertical-align:middle; }
.ChatSearchTable .Buyer-datepicker-wrap {display: flex;align-items: center;gap:0px; height:30px;border: 1px solid #dedede;border-radius:6px; background-color:#fff;float:left; margin-right:5px}
.ChatSearchTable .Buyer-date-input {display:flex;align-items:center;position: relative;width:109px;justify-content:space-between; cursor:pointer;}
.ChatSearchTable .Buyer-date-input input {width:86px;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; }
.ChatSearchTable .Buyer-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}
.ChatSearchTable .Buyer-dash {font-size: 16px; font-weight:16px;color: #555;}
.ChatSearchTable .But_Month{width:55px; height:32px; line-height:32px; font-size:12px; font-weight:400; color:#404046; background-color:#fff; border:1px solid #DEDEDE;border-radius:4px; cursor:pointer; vertical-align:middle }
.ChatSearchTable .But_Month:hover{color:#404046; border:1px solid #DEDEDE; background-color:#F6F6F6 }
.ChatSearchTable .But_MonthON	{width:55px; height:32px; line-height:32px; font-size:12px; font-weight:500; color:#fff; background-color:#595D7E; border:0px solid #595D7E;border-radius:4px; cursor:pointer; vertical-align:middle }
.ChatSearchTable .But_MonthON:hover{color:#fff; border:0px solid #474a65; background:#474a65; }

.ChatWarning{ padding:70px 0;text-align:center; }
.ChatWarning img{ width:160px; height:160px}
.Chat-container { min-width:1280px;  }
.Chat-item {background: #fff;overflow: hidden; border-bottom:1px solid #dedede  }
.Chat-item.active{  background-color:#fff; }
.Chat-item.active button table td:nth-child(2){ }
.Chat-item.active button table td:nth-child(3){ }
.Chat-question  {padding:23px 16px 23px 0px; font-size:16px;font-weight:400; color: #404046;cursor: pointer; display:flex; justify-content:space-between; align-items: center;border: none;width: 100%;background: none;outline: none;}
.Chat-answer    {padding: 0px 16px  0px 0px; max-height:0;   font-size:16px; font-weight:400;color: #404046; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; background-color:#f6f8f9;}
.Chat-item.active .Chat-answer { padding:10px 16px 10px 0px;}
.Chatarrow {transition: transform 0.3s ease; }
.Chatarrow img{ width:35px; height:35px}
.Chat-item.active .Chatarrow {transform: rotate(180deg); }
.Chat-container table{ margin-right:30px}
.Chat-container table th{font-size:16px; font-weight:400;color: #404046;   }
.Chat-container table td{ text-align:left; padding:10px 0px;}
.Chat-container table td:nth-child(2){ text-align:left;  }
.Chat-container table .Kepanswer td{ padding-top:20px;  text-align:left;  line-height:26px; vertical-align:top;border-top:1px solid #dedede;  }
.Chat-container table .Kepanswer .NewChat{  font-size:14px; font-weight:300;}
.Chat-container table .Kepanswer .ButMSmallDarkGray{ float:right}
.ChatTable{ min-width:1280px; border-top:1px solid #e2e8f0; }
.ChatTable th{ font-size:16px; font-weight:500; letter-spacing:-1px; color:#5B5C61; text-align:center;border-bottom:1px solid #eee; background-color:#f2f7ff}
.ChatTable td{padding:10px 10px; height:30px; line-height:30px;font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#404046;border-bottom:1px solid #eee;  }
.ChatTable label{ vertical-align:middle}
.ChatTable input{ vertical-align:middle}

.NoticTit{ position:relative; height:65px; line-height:75px; font-size:22px; letter-spacing:-0.2px; font-weight:700; color:#24252B;margin-right:50px;  min-width:1280px; }
.NoticeSub-container { min-width:1280px;  }
.NoticeSub-container .NoticeSuBtnBox{border-bottom:1px solid #dedede; margin-top:20px;position:relative; height:50px; line-height:50px;  min-width:1250px; vertical-align:middle; text-align:center }
.NoticeSub-container .NoticeSuBtnBox:last-child{border-bottom:0px solid #dedede; margin-top:10px; }
.NoticeSub-container .NoticeSuBtnBox .left{height:45px; }
.NoticeSub-container .NoticeSuBtnBox .right{position:absolute;  text-align:right;right:0px; top:0;height:45px; line-height:45px;  }
.NoticeSub-container .NoticeSuBtnBox .right button{ min-width:100px; }
.NoticeSub-container .NoticeSuBtnBox .Number{display:inline-block; height:40px; padding:0 20px;line-height:40px;font-size:14px; font-weight:500; color:#404046; background-color:#ebf3ff; border:1px solid #ebf3ff;border-radius:6px;vertical-align:middle }
.NoticeSub-item {background: #fff;overflow: hidden; border-bottom:1px solid #dedede  }
.NoticeSub-item.active{  background-color:#fff; }
.NoticeSub-item.active button table th{color:#2172ec}
.NoticeSub-question  {padding:20px 16px 20px 20px; font-size:16px;font-weight:400; color:#404046;cursor:pointer; display:flex; justify-content:space-between; align-items: center;border: none;width: 100%;background: none;outline: none;}
.NoticeSub-answer    {padding: 0px 16px  0px 20px; max-height:0; font-size:16px; font-weight:400;color: #404046; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; background-color:#f6f8f9;}
.NoticeSub-item.active .NoticeSub-answer { padding:10px 16px 10px 20px;}
.NoticeSubarrow {transition: transform 0.3s ease; }
.NoticeSubarrow img{ width:35px; height:35px}
.NoticeSub-item.active .NoticeSubarrow {transform: rotate(180deg); }
.NoticeSub-container table{ margin-right:30px}
.NoticeSub-container table th{text-align:left; font-size:16px; font-weight:500;color:#404046;    }
.NoticeSub-container table td{text-align:left; font-size:16px; font-weight:400;color:#404046;  padding:10px 0px;  height:28px; line-height:28px; vertical-align:top}
.NoticeSub-container table td:nth-child(3) button{ float:right}
.NoticeSub-container table .addfile{font-size:14px;}
.NoticeSub-container table .addfile span{font-size:12px; color:#919298}



/*푸터 */ 
.footer{position:relative;width:100%; border-top:1px solid #dcdcdf; font-size:14px; clear:both; min-width:1280px; }
.footer .footer_wrap{ position:relative; margin:0 auto;  width:1280px;  }
.footer section{vertical-align:top;}
.footer section:nth-child(1) {position:relative; height:85px; border-bottom:1px solid #dedede }
.footer section:nth-child(2) {position:relative; }
.footer section:nth-child(3) {position:relative; height:95px;}
.footer h2{ position:relative; padding-top:35px; background-color:#fff}
.footer h2 img{ width:147px}
.footer .Guide { position:absolute; top:35px; right:0 }
.footer .Guide ul li{display:inline-block; margin-left:25px; height:24px; line-height:24px; font-size:16px; font-weight:500; letter-spacing:-0.2px;color:#24252B}
.footer .Guide ul li img{height:24px; width:24px; margin-right:8px}
.footer .boardinfo{margin-top:30px; letter-spacing:-0.2px; position:relative }
.footer .boardinfo li{display:inline-block;  height:15px; line-height:15px; padding:0px 16px; font-size:16px; font-weight:700; vertical-align:middle; background: url(../imgs/footer_bar.png) no-repeat right center; }
.footer .boardinfo li:first-child{padding-left:0px}
.footer .boardinfo li:last-child{ background:none}
.footer .boardinfo li a:link {color:#404046; }
.footer .boardinfo li a:visited {color:#404046; }
.footer .boardinfo li a:hover {color:#404046; }
.footer .boardinfo li a:active {color:#555555; }
.footer .boardinfo .Callcenter{ position:absolute; right:0px; top:0px;  font-size:16px; font-weight:700; color:#404046;  }
.footer .boardinfo .Callcenter p{display:inline-block;  }
.footer .boardinfo .Callcenter p span{  margin-right:10px; font-size:16px; font-weight:500; color:#404046; }
.footer .boardinfo .Callcenter p:first-child{ margin-right:24px}
.footer address {margin-top:30px;  letter-spacing:-0.2px; }
.footer address li{display:inline-block;  height:20px; line-height:15px; padding-right:30px;  font-size:14px;  font-weight:400;color:#76777D; vertical-align:middle; }
.footer address li span{  font-weight:500; color:#5B5C61; padding-right:5px;}
.footer .copy{ margin-top:23px; height:50px; margin-bottom:0px;  font-size:14px;  font-weight:400; color:#76777D; }
.footer .customerTime{ position:absolute; top:30px; right:250px; height:35px; line-height:35px; font-size:18px; font-weight:700;  letter-spacing:-0.2px; color:#24252B;  }
.footer .customerTime span{ padding:6px 10px ; margin-right:10px;  font-size:13px; font-weight:600; background-color:#d5e6fb; border-radius:5px;}
.footer .remoteSupport{position:absolute; top:30px; right:0px; height:35px; line-height:35px;  font-size:18px; font-weight:700; letter-spacing:-0.2px; color:#24252B;  cursor:pointer; border-left:0px solid #dedede }
.footer .remoteSupport img{ width:42px; margin-right:15px; vertical-align:middle}
.footer .remoteSupport:hover { color:#2172EC } 

.footer .isms {position:absolute; top:145px; left:800px;  padding-bottom: 2rem;   line-height:24px; font-size:14px;  font-weight:400; color:#76777D;text-align: left; }
.footer .isms img { width: 65px;  margin-right:20px;}
.footer .isms p { display: inline-block; margin-top:5px;   }