ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6, p, form, figure, figcaption {
  margin: 0;
  padding: 0;
  list-style: none;
}



.vendor_wrap {max-width:1200px; margin:70px auto; padding:0px; font-family:'Noto Sans KR', sans-serif; color:#222;}

.vendor_tab_menu{display:flex;justify-content:center;border-bottom:1px solid #ccc;background:#f5f5f5;}
.vendor_tab_item{display:block;padding:18px 40px;font-size:1.1rem;color:#888;text-decoration:none;border:1px solid transparent;border-bottom:none;position:relative;top:1px;transition:0.2s;white-space:nowrap;}
.vendor_tab_item:visited,
.vendor_tab_item:hover,
.vendor_tab_item:focus{ color:#333; font-weight:normal;border:1px solid transparent; border-bottom:none;}
.vendor_tab_item.active{background:#fff;color:#222;border:1px solid #ccc;border-bottom:1px solid #fff;z-index:2;}

@media (max-width:768px){
.vendor_tab_menu{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 10px;}
.vendor_tab_menu::-webkit-scrollbar{display:none;}
.vendor_tab_item{padding:14px 20px;font-size:14px;}
}


.vendor_con { width:100%; padding:90px 20px 50px }
.vendor_top {text-align:center; margin:50px auto 120px }
.vendor_top h1 {font-size:30px; font-weight:700; margin:50px auto 20px;  }
.vendor_top p {font-size:18px; line-height:1.8; color:#555;}
.process_title {text-align:center; font-size:30px; font-weight:600; margin-bottom:50px;}

.process_list {display:flex; align-items:stretch; justify-content:space-between; flex-wrap:nowrap; }
.process_item {flex:1; display:flex;}
.process_item .box {flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; border:1px solid #aaa; border-radius:8px; padding:40px 15px; text-align:center; min-height:180px;}
.process_item .box p {flex:1; display:flex; align-items:center; justify-content:center; flex-direction:column; font-size:1.1rem; line-height:1.5; color:#333;}
.process_item .box span {font-size:15px; color:#888;}
.process_item .box:hover {border-color:#ccc;}
.process_item .box .material-symbols-outlined {font-size:48px; color:var(--main-color); margin-bottom:12px; display:block;}

.arrow {display:flex; align-items:center; justify-content:center; width:40px; font-size:28px; color:#bbb;}

@media (max-width:768px) {
.vendor_wrap {margin:20px auto;}
.vendor_con { width:100%; padding:30px 20px 30px }
.vendor_top h1 {font-size:22px;}
.vendor_top p {font-size:14px;}
.process_title {font-size:20px;}
.process_list {flex-direction:column; gap:10px;}
.process_item {width:100%;}
.process_item .box {flex-direction:row; align-items:center; justify-content:flex-start; text-align:left; padding:16px; min-height:auto; gap:12px;}
.process_item .box .material-symbols-outlined {font-size:32px; margin-bottom:0; flex-shrink:0;}
.process_item .box p {flex:none; align-items:flex-start;}
.arrow {display:none;}
}

@media (max-width:480px) {
.process_item .box {padding:14px;}
}


.vendor_login_wrap{max-width:500px;margin:80px auto;padding:50px 20px;text-align:center;}
.vendor_login_title{font-size:2rem;font-weight:600;color:#111;margin-bottom:30px;}
.vendor_login_desc{font-size:1.2rem;color:#333;line-height:1.7;margin-bottom:40px;}
.vendor_login_btn{display:inline-block;padding:16px 60px;/*background:#ccc;*/ background:var(--main-color);color:#fff;text-decoration:none;font-size:16px;font-weight:500;transition:0.2s;}
.vendor_login_btn:hover{   background: color-mix(in srgb, var(--main-color) 80%, black); color:#fff; }
@media (max-width:768px) {
.vendor_login_wrap{padding:20px 0px; margin:30px auto }
}