@font-face {
  font-family: 'GmarketSans';
  src: url(/images/bidq/customer/GmarketSansLight.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
  }

@font-face {
  font-family: 'GmarketSans';
  src: url(/images/bidq/customer/GmarketSansMedium.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
  }

@font-face {
  font-family: 'GmarketSans';
  src: url(/images/bidq/customer/GmarketSansBold.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
  }

*, html, body {
    margin: 0;
    padding: 0;
    font-family: 'GmarketSans' !important;
    letter-spacing: -0.3px;
  }
h1 {margin: 0 !important; padding: 0 !important;}
h2, h3, h4, h5, h6 {font-weight: bold !important;}
img, fieldset {border: 0 none;}
dl, ul, ol, li {list-style: none;}
div, button, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, select, input, textarea, pre {
  margin: 0;
  padding: 0;
  word-break: break-all;
  }
textarea{font-size:12px;text-align:left;resize:none}
legend {visibility: hidden;}
label, button{cursor:pointer;outline:none;selector-dummy:expression(this.hideFocus=true)}
button {
  cursor: pointer;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  }
table{border-collapse:collapse;}
table caption{visibility:hidden; height:0%; font-size:0em;line-height:0; }
table summary{visibility:hidden; height:0%;}
a:hover,a:focus, a:active {text-decoration:none;}
em, address{font-style:normal;}
input, select{vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block}
  

.flex {display: flex; justify-content: space-between; align-items: center;}
.center {text-align: center;}
.red {color: #FF0000;}
.mint {color: #00B0A6;}
.purple{color: #A800FF}
.magenta{color: #ff17b0}
.blue{color: #454df8}
b {color: #000;}
.inner_wrap {width: 1200px; margin: 0 auto;}

.main-visual {
  width: 100%;
  min-width: 1200px;
  height: 732px;
  background: url(/images/bidq/customer/summary-bg_1.png) center no-repeat;
  background-size: cover;
  text-align: center;
  position: relative;
  }

header {
  padding: 12px 0;
  background-color:#fff
}
  
nav a {
  color: #000 !important;
  text-decoration: none;
  padding-left: 56px;
  font-size: 18px;
  }

.MV-bot {
   position: absolute;
   bottom: 0;
   width: 100%;
   padding: 40px 0;
   background: rgba(0,0,0,0.5);
   color: #fff;
   font-size: 20px;
   line-height: 30px;
   font-weight: 300;
   }
.MV-bot b {font-size: 20px;font-weight:500;}

.MV-text {
  width: 1200px;
  margin: 0 auto;
  padding-top: 210px;
  color: #fff;
  line-height: 70px;
  }
  
.main-visual b {color: #fff;}
  
.text1, .text1 b {font-size: 55px !important; letter-spacing: -2px;}
.text1 .mint {color:#66EEE6}
.text1 .yellow{color:#f7ff17}

.text2 {font-size: 20px !important;}

.text3{
  font-size: 26px;
  font-weight:300;
  margin-top:-12px;
}
    
main h2 {
  padding: 65px 0 36px 0;
  text-align: center;
  font-size: 30px;
  letter-spacing: -2px;
  margin: 0;
  }

.section {
  padding: 32px;
  background: #F1F1F1;
  border-radius: 15px;
  margin-bottom: 35px;
  }

.section h3 {font-size: 24px; margin: 0 !important;}
.section h3 font {font-size: 24px;}
  
.tit-text {padding: 12px 0 17px 0;}

.section p {
  color: #6B6B6B;
  font-size: 18px;
  line-height: 26px;
  }

.section p b {font-size: 18px;}

table {
  width: 100%;
  color: #6B6B6B;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.8px;
  background: #fff !important;
  border-radius: 10px;
  overflow: hidden;
  border: hidden;
  box-shadow: 0 0 0 1px #B9B9B9;
  }

th, td {border: 1px solid #B9B9B9;}
th {text-align: center !important;}

.table1 th {
  background: #00B0A6;
  font-size: 20px;
  color: #FFF;
  padding: 14px 0 11px 0;
  }
.table1 td {padding: 20px; font-size: 16px;}
.table1 b, .table1 font {font-size: 16px;}
.table1 a {color: #5387F9 !important; text-decoration: underline !important; font-size: 16px;}

.table3 th{
  background: #f615a9;
  font-size: 20px;
  font-weight:500;
  color: #FFF;
  padding: 14px 0 11px 0;
}
.table3 td{padding: 20px;font-size: 16px;}
.table3 b, .table3 font {font-size: 16px;}

.table3 a{ 
  color: #5387F9;
}

.btn-link {margin-top: 6px;}
.btn-link a {
  background: #212830;
  padding: 7px 13px 4px 13px;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 7px;
  font-size: 14px;
  margin-right: 6px;
  }
.btn-link:hover {text-decoration: none !important;}

.con3 p{font-size:16px;}
.con3 ul {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #B9B9B9;
  margin-top: 20px !important;
  }

.con3 ul li {padding: 20px; border-top: 1px solid #B9B9B9;}
.con3 ul li:first-child {border: none}
.con3 ul li h4 {font-size: 18px; margin-bottom: 10px}
.con3 ul li h4 font {font-size: 18px;}
.con3 ul li p {font-size: 16px; line-height: 23px; padding: 0;}

.summary-img{
  display: block;
  margin: 20px auto 30px
} 
  
.table2 {margin-top: 20px; border-radius: 5px}

.table2 th {
  color: #000;
  font-size: 14px;
  background: #0000000F;
  padding: 8px 0 6px 0;
  }
.table2 td {font-size: 14px; padding: 10px}
.table2 del, .table2 b {font-size: 14px;}

.con4 h3, .con5 h3 {display: flex; align-items: center}
.con4 h3 img, .con5 h3 img {margin-top: -5px; margin-left: 10px;}
.con4 ul {margin-top: 20px !important;}
.con4 ul li {background: url(/images/bidq/customer/Streamline.png) 0 3px no-repeat; padding-left: 26px;}
.con4 ul a {color: #5387F9 !important; font-size: 18px; line-height: 30px; text-decoration: underline !important;}

.con5 h3 {margin-bottom: 20px !important;}
.faq-con {
  background: #fff;
  border: 1px solid #B9B9B9;
  border-radius: 10px;
  margin-bottom: 7px;
  padding: 20px 25px;
  }

.faq-con hr {
  border: 0;
  width: 100%;
  height: 1px;
  background: #BEBEBE;
  margin: 10px 0 15px 0;
  }

.faq-con .Q {color: #000; font-size: 18px;}
.faq-con p {font-size: 16px}
.faq-con a, .faq-con b {font-size: 16px !important;}
.faq-con a {color: #5387F9 !important; text-decoration: underline !important;}

footer {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0;
  color: #6B6B6B;
  font-size: 13px;
  text-align: center;
  }

/* 2026 개정안내 */
.tabs {
  position: absolute;
  bottom: 140px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}

.tab {
  padding: 12px 30px;
  cursor: pointer;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin: 0 4px;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  transition: background 0.2s ease;
}

.tab.active {
  background: #ff17b0;
  color: #fff;
  font-weight: 500;
  position: relative;
  top: 0px;
}

.tab-content {
  display: none;
  border: 1px solid #ccc;
  padding: 20px;
}

.tab-content.active {
  display: block;
}