@charset "utf-8";

#container { margin: 0; padding: 0; width: auto; }
#container h3 { font-family: "Poppins"; font-size: 2.5rem; font-weight: 800; color: #111; }
#container h3::after { content: ""; position: absolute; margin-left: 4px; width: 8px; height: 8px; background-color: #A80521; }

@media (max-width: 576px) {
  #container h3 { font-size: 2.1875rem; }
}

#viewer { max-width: 700px; }

/* 메인 - PRODUCT */
.product-section { padding-left: 18.75rem; background: #F5F5F5; }
.product-section h3 { position: absolute; margin-top: 4.375rem; }
.product-section h3 + p { position: absolute; margin-top: 8rem; }
#productSlide { padding: 180px 0 100px 0; }

#productSlide .productSlide-arrow { position: absolute; top: 15%; right: 23.5%; }
.productSlide-arrow .swiper-button-next.swiper-button-disabled,
.productSlide-arrow .swiper-button-prev.swiper-button-disabled { border:1px solid #ddd; }
.productSlide-arrow .swiper-button-next,
.productSlide-arrow .swiper-button-prev { width: 70px; height: 70px; border:1px solid #A80521; background: none; }
.productSlide-arrow .swiper-button-next { left: 80px; right: 0; }
.productSlide-arrow .swiper-button-prev { left: 0; }

#productSlide .swiper-slide { max-width: 390px; }
#productSlide .swiper-slide .slide-items { border-radius: 50px 0 50px 0; background: #fff; padding: 1.563rem 2.188rem; }
#productSlide .swiper-slide .slide-img { width: 100%; height: auto; margin-top: 0.938rem; }
#productSlide .swiper-slide .slide-detail { height: 100px; }
#productSlide .swiper-slide p { color: #444; font-size: 1.5625rem; font-family: "Poppins"; font-size: 1.25rem; font-weight: bold; letter-spacing: -0.01em; line-height: 1.18; color: #111; margin: 0; padding: 1rem 0; }
#productSlide .swiper-slide p.item-point { position: relative; padding: 1rem 1rem 1rem 0.438rem; float: left; }
#productSlide .swiper-slide p.item-point:before { content: ""; width: 3px; height: 19px; background: #009289; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#productSlide .swiper-slide span { font-size: 18px; height: 3.5rem; }
#productSlide .swiper-slide span span { color: #999; }

#productSlide-controller { position: absolute; display: flex; justify-content: center; align-items: center; margin: auto; bottom: 50px; }
#productSlide-controller .swiper-pagination { position: absolute; top: 70%; width: 70vw; /*max-width: 1320px;*/  height: 4px; left: 10%; }
#productSlide-controller .pagination_bullet_pro .swiper-pagination-progressbar-fill { height: 4px; background-color: #A80521; color: #A80521; }

@media (max-width: 1024px) {
  .product-section { padding: 50px; }
  #productSlide .slide-items p { font-size: 1.125rem; }
}
@media (max-width: 768px) {
  .product-section p { font-size: 1.375rem; }
}
@media (max-width: 576px) {
  #productSlide { margin-top: 0.938rem; padding-bottom: 50px; }
  .product-section { padding: 20px; }
  .product-section p { font-size: 1.125rem; }
  #productSlide-controller { bottom: -3%; }
  #productSlide .slide-items span { font-size: 1rem; }
  #productSlide .slide-items p { height: 5.5rem; }
}


/* 메인 - NOTICE */
.notice-section { padding: 0 300px 80px 300px; }
.notice-section h3 { margin-top: 83px; text-align: center; left: 50%; transform: translateX(-50%); position: absolute; }

#noticeSlide { padding: 198px 0 116px 0; overflow: hidden; /*margin: 0 -20px;*/ }

#noticeSlide .noticeSlide-arrow { position: absolute; top: 20%; right: 26.5%; }
.noticeSlide-arrow .swiper-button-next.swiper-button-disabled,
.noticeSlide-arrow .swiper-button-prev.swiper-button-disabled { border:1px solid #ddd; }
.noticeSlide-arrow .swiper-button-next,
.noticeSlide-arrow .swiper-button-prev { width: 70px; height: 70px; border:1px solid #A80521; background: none; }
.noticeSlide-arrow .swiper-button-next { left: 80px; right: 0; }
.noticeSlide-arrow .swiper-button-prev { left: 0; }

#noticeSlide ul { /*padding: 0 20px;*/ }
#noticeSlide .swiper-slide { max-width: 310px; height: 180px; }
#noticeSlide .swiper-slide.swiper-slide-active { box-shadow: 0 20px 30px 0 rgba(33,43,71,0.13); }
#noticeSlide .swiper-slide div { border: 1px solid #ddd; height: 180px; width: 100%; }
#noticeSlide .swiper-slide a { height: 100%; }
#noticeSlide .swiper-slide .latest-tablenm { padding: 9px 15px; font-size: 15px; color: #fff; background: rgb(240,89,19); background: -moz-linear-gradient(130deg, rgba(240,89,19,1) 0%, rgba(207,21,0,1) 100%); background: -webkit-linear-gradient(130deg, rgba(240,89,19,1) 0%, rgba(207,21,0,1) 100%); background: linear-gradient(130deg, rgba(240,89,19,1) 0%, rgba(207,21,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f05913",endColorstr="#cf1500",GradientType=1); position: absolute; right: 0; top: 0; }

#noticeSlide .swiper-slide .notice-info { padding: 3.875rem 1.813rem 1.25rem 1.813rem; }
#noticeSlide .swiper-slide .latest-subject { font-size: 18px; font-weight: 800; color: #111; height: 53px; margin: 0; }
#noticeSlide .swiper-slide .latest-date { color: #999; font-size: 16px; font-weight: bold; padding-top: 1.25rem; }

#noticeSlide-controller { position: absolute; display: flex; justify-content: center; align-items: center; margin: auto; bottom: 2.875rem; }
#noticeSlide-controller .swiper-pagination { position: absolute; top: 70%; width: 70vw; /*max-width: 1320px;*/ height: 4px; left: 10%; }
#noticeSlide-controller .pagination_bullet_noti .swiper-pagination-progressbar-fill { height: 4px; background-color: #444; color: #444; }

.notice-section .a-more-01 { font-family: "Pretendard"; display: flex; }
.notice-section .a-more-01 a { border: 1px solid #222; background: #222; font-weight: 800; font-size: 18px; padding: 1.11em 30px; border-radius: calc(((1.11em * 2) + 1.5em) / 2); height: 67px; }
.notice-section .a-more-01 a::after { display: none; }
.notice-section .a-more-01 a img { padding-left: 1.625rem; }

@media (hover: hover), (-ms-high-contrast:none) {
  .notice-section .a-more-01:hover { color: #fff; border: transparent; }
  .notice-section .a-more-01:hover a { color: #fff; }
  .notice-section .a-more-01:hover::before { width: 100%; border-radius: calc(((1.11em * 2) + 1.5em) / 2); }
  .notice-section .a-more-01:hover a::after { border-top: 2px solid #fff; border-right: 2px solid #fff; }
}

@media (max-width: 1440px) {
  .notice-section { padding: 0 150px 80px 150px; }
  .notice-section .a-more-01 { margin-top: 0; height: 70px; }
}
@media (max-width: 768px) {
  .notice-section { padding: 0 2.5rem 5rem 2.5rem; }
}
@media (max-width: 576px) {
  .notice-section { padding: 2.5rem; }
  .notice-section h3 { margin-top: 1.25rem; }
  #noticeSlide { padding: 7.25rem 0; }
  #noticeSlide ul { padding: 0; }
  #noticeSlide-controller { display: none; }
}


/* 메인 - CONTACT */
.contact-section { background: url('../images/section_ask.png') no-repeat center center; background-size: cover; padding: 5.313rem 18.75rem 3.438rem 18.75rem; display: flex; justify-content: space-between; }
.contact-section .contact-title::after { content: ""; position: absolute; width: 72px; height: 2px; background: #A80521; margin-top: -0.938rem;
 margin-left: 21rem; }
.contact-section * { color: #fff; }
.contact-section h4 { font-size: 2.8125rem; font-weight: bold; font-family: "Poppins"; letter-spacing: 0.1em; }
.contact-section h4 span { font-size: 3.125rem; letter-spacing: 0.06em; }
.contact-section p { font-size: 1.25rem; padding-right: 8.125rem; padding-bottom: 2.5rem; }
.contact-section a { background-color: #A80521; border: 1px solid #A80521; color: #fff; font-size: 18px; font-family: "Poppins"; padding: 1.25rem 1.875rem; }
.contact-section a img { padding-left: 4.5rem; }


@media (max-width: 1690px) {
  .contact-section { padding: 5.313rem 10.75rem 3.438rem 10.75rem; }
}

@media (max-width: 1440px) {
  .contact-section { padding: 5.313rem 3.75rem 3.438rem 3.75rem; }
  .contact-section p { padding-right: 0; }
}
@media (max-width: 892px) {
  .contact-section h4 { padding-bottom: 2.5rem; }
  .contact-section { padding: 3.438rem; display: block; text-align: center; }
  .contact-section .contact-title::after { display: none; }
}
@media (max-width: 576px) {
  .contact-section { padding: 1.563rem 0.938rem 3.125rem; }
  .contact-section h4 { padding-bottom: 1.25rem; }
  .contact-section p { padding-bottom: 1.25rem; }
}
@media (max-width: 425px) {
  .contact-section h4 { font-size: 1.8125rem; }
  .contact-section h4 span { font-size: 2.125rem; }
  .contact-section p { font-size: 1rem; }
  .contact-section a { padding:  0.938rem 1.25rem; font-size: 1rem; }
  .contact-section a img { padding-left: 2.25rem; }
}


/* 메인 - LOCATION */
.location-section { height: 630px; display: flex; justify-content: space-between; }
.location-section .location-info, .location-section .main-map { position: relative; width: 50%; height: 100%; left: 0; top: 0; transform: translateY(0); }
.location-info { padding: 7.1875rem 10.625rem 13.125rem 18.75rem; }
.location-info h3 { padding-bottom: 2rem; }
.location-info dl { display: inline-flex; width: 100%; }
.location-info dt { border-bottom: 1px solid #444; color: #A80521; font-size: 20px; font-weight: bold; padding:  0.938rem 0; width: 25%; }
.location-info dd { border-bottom: 1px solid #ddd; margin-left:  0.938rem; color: #111; font-size: 20px; padding:  0.938rem 0; width: 75%; letter-spacing: -0.03em; }
.location-info dl:nth-child(1) dt { padding: 0; }
.location-info dl:nth-child(1) dd { padding: 0; padding-bottom: 0.938rem; }
.location-info dl:last-child dt,
.location-info dl:last-child dd { border-bottom: none; }

@media (max-width: 1440px) {
  .location-info { padding: 7.1875rem; }
}
@media (max-width: 1024px) {
  .location-info { padding: 7.1875rem 3.1875rem; }
}
@media (max-width: 768px) {
  .location-section { height: 900px; display: block; justify-content: center; }
  .location-section .location-info, .location-section .main-map { width: 100%; height: 50%; }
  .location-info { padding:3.1875rem; }
}
@media (max-width: 576px) {
}
@media (max-width: 425px) {
  .location-section { height: 800px; }
  .location-info { padding:2.1875rem; }
  .location-info h3 { padding-bottom: 1rem; }
  .location-info dt { width: 30%; font-size: 18px; }
  .location-info dd { font-size: 18px; }
}
@media (max-width: 375px) {
  .location-info dt,
  .location-info dd { padding: 0.625rem 0; font-size: 1.2rem; }
}