@charset "utf-8";
/* ****************** 로그인 진입 후  ********************** */
#subMainSec {
  overflow: hidden;
  width: 100%;
  height: 500px;
  background: linear-gradient(to right, rgba(84, 107, 186, 1) 20%, rgba(83, 153, 232, 1) 100%);
  position: relative;
}
#subMainSec > p {
  position: absolute;
  right: 0;
  bottom: 0;
}
.subMain-wrap {
  margin-top: 4.5rem;
  gap: 0.6rem;
  
}
.subMain-login-wrap {
  background: var(--bs-lnb-bg);
  border-radius: 1rem;
  width: 250px;
  padding: 2rem;
}
.subMain-quick-wrap {
  flex-grow: 1;
  justify-content: flex-start !important;
  gap: 0.3rem;
}
.subMain-quick-wrap > div {
  width: 18%;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin: 0.5%;
  border-radius: 1rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.subMain-quick-wrap > div:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: var(--bs-white);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.subMain-quick-wrap > div:hover p {
  color: var(--bs-white);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.subMain-quick-wrap > div a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.subMain-quick-wrap > div a p {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  font-size: 1.3em;
  margin: 1rem 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
/*sec08 요금안내*/
#mainSec08 {
  padding: 7rem 0 3rem 0;
  position: relative;
  overflow: hidden;
}
#mainSec08 .area-md {
  max-width: 1280px;
}

#mainSec08 ul {
  display: flex;
  justify-content: center;
  margin: 2rem 0 4rem 0;
  gap: 4rem
}
#mainSec08 li {
  position: relative;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0 0 0 54px;
}
#mainSec08 li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url("/img/main/sec08_icon_check.svg") no-repeat;
  width: 44px;
  height: 26px;
}
#mainSec08 li span, #mainSec08 li em {
  position: relative;
  font-weight: 700;
}
#mainSec08 li span:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.6rem;
  width: 100%;
  background: #AFE6FF
}
#mainSec08 li em {
  z-index: 2;
}
.mainsec08-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.mainsec08-item-old{
  width: 23% !important;
}

.mainsec08-item {
  position: relative;
  width: 19%;
  background: var(--bs-white);
  border: 1px solid var(--bs-primary);
  padding: 1.8rem;
  border-radius: 0.5rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.mainsec08-item h4 {
  font-size: 1.7rem;
}
.mainsec08-item dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3rem;
}
.mainsec08-item dt, .mainsec08-item dd {
  font-size: 0.9rem;
  color: var(--bs-gray-300);
}
.mainsec08-item dd strong {
  font-size: 1.2rem;
  color: var(--bs-primary-font);
}
.year-price-area {
  margin-top: 1.3rem;
  text-align: right;
}
.year-price-area p {
  font-size: 0.9rem;
  color: var(--bs-gray-300);
}
.year-price-area .original {
  background: #F4F4F4;
  border-radius: 0.2rem;
  padding: 1rem 0.5rem;
}
.year-price-area strong {
  font-size: 1.2rem;
  color: var(--bs-primary-font);
}
.year-price-area .original strong {
  text-decoration: line-through;
  color: var(--bs-gray-300);
}
.year-price-area p.sale {
  margin-top: 1.3rem;
  font-size: 1.2rem;
}
.year-price-area p.sale strong {
  font-size: 1.7rem;
}
.mainsec08-item.best {
  background: linear-gradient(to bottom, var(--bs-secondary-100) 0%, var(--bs-secondary-200) 100%);
}
.mainsec08-item.best .symbol {
  position: absolute;
  right: -2rem;
  top: -3rem;
}
.mainsec08-item.best * {
  color: var(--bs-white) !important;
}
.mainsec08-item.best .year-price-area .original {
  background: var(--bs-secondary-200);
}

/*sec10 고객상담 및 문의*/
#mainSec10 {
  padding: 0px 15px 120px;
}
.mainsec10-area {
  background: url("/img/main/sec10_bg.png") no-repeat center center;
  max-width: 1280px;
  background-size: cover;
  padding: 2.5rem 2.5rem;
  position: relative;
  border-radius: 2rem;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  margin: 0 auto;
}
#mainSec10 .mainsec10-btn-area {
  margin-top: 1.4rem;
  display: flex;
  gap: 0.4rem;
}
#mainSec10 .mainsec10-btn-area button {
  width: 145px;
  padding: 9px 5px;
  font-size: 1.2rem;
}
.mainsec10-area > p {
  align-self: flex-end;
  font-size: 1.4rem;
}
.mainsec10-area > p strong {
  display: block;
  font-size: 2rem;
  margin-top: 0.5rem;
}

/* ******************  MAIN-FOOTER ********************** */
#footer {
  background-color: var(--bs-gray-600);
  padding: 3rem 0;
  margin-bottom: 55px;
}
#footer h1 {
  font-size: 0;
  margin-bottom: 1.3rem;
}
.footer-area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
/* Footer :: address */
.footer-address {
  font-size: 1.1rem;
  color: #B5B5B5;
  line-height: 1.3;
}
.footer-address span {
  display: inline-block;
  padding-right: 1rem;
}
.footer-copyright {
  color: var(--bs-gray-300);
  font-size: 1rem;
  margin-top: 0.4rem;
}
/* Footer :: menu */
.footer-link {
  margin-top: -2rem;
}
.footer-link a {
  display: block;
  color: var(--bs-white);
  font-size: 1.1rem;
  padding: 0.4rem 0;
}
/* Footer :: TOP버튼 */
.to-top-btn {
  position: fixed;
  bottom: -100px;
  right: 15px;
  display: block;
  width: 30px;
  height: 60px;
  background-color: var(--bs-white);
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
  font-size: 1.2em;
  text-align: center;
  line-height: 60px;
  color: var(--bs-gray-dark);
  z-index: 99;
  opacity: 0;
  filter: Alpha(opacity=0);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
  border-radius: 20px;
}
.to-top-btn i {
  display: inline-block;
}
.to-top-btn.fixed {
  bottom: 15px;
  opacity: 1.0;
  filter: Alpha(opacity=100);
}