@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=fallback');


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
font-family: 'Noto Sans KR', sans-serif;
  color: #fff;
  font-weight: normal;
  background: #000;
}

a {
  text-decoration: none;
}

a:hover {
  color: #e24d55;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,.popup_layer
h6 {

}

ul, li {list-style: none;}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
border:1px solid rgba(255,255,255,0.2);
background: rgba(0,0,0,0.7)
}

.back-to-top:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height:12px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-top:4px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }


.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header, #header_s {
  background:transparent;
  transition: all 0.5s;
  z-index: 10000;
  position: relative;
  height:110px;
}

#header_s {background-size:cover; height: 400px; background-position: center top; padding-top:22px;}
#header_s.s_brand {background-image:url('../../img/top_img_brand.jpg');}
#header_s.s_mypage {background-image:url('../../img/top_img_mypage.jpg');}
#header_s.s_about {background-image:url('../../img/top_img_about.jpg');}
#header_s.s_products {background-image:url('../../img/top_img_products.jpg');}
#header_s.s_bbs {background-image:url('../../img/top_img_bbs.jpg');}
#header_s.s_search {background:none; height:110px;}




@media (max-width: 992px) {
  #header, #header_s { }
  #header .logo img, #header, #header_s .logo img {width:100px;}
}

#header.fixed-top,
#header.header-inner-pages {
  background: rgba(0,0,0,0.8);
}
#header.fixed-top {
  position: fixed;
  height:80px;
}

#header .logo, #header_s .logo {
  font-size:32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

#header .logo a, #header_s .logo a {
  color: #556270;
}

#header .logo img, #header_s .logo img {
  max-width:150px;
  margin-top: 2px;
}

.scrolled-offset {
  margin-top:0!important;
}

@media (max-width: 991px) {
  .scrolled-offset {
    margin-top: 60px;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;

}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 50px;
  font-size: 18px;
  font-weight:500;
  color: #fff;
  white-space: nowrap;
    transition: 0.3s;
    position: relative;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
  
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
color: var(--bs-sub-yellow);
transition: 0.3s;
}

.navbar>ul>li>a:before, .navbar>ul>li:not(.dropdown)>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}

.navbar a:hover:before,
.navbar li:hover>a:before {
  visibility: visible;
  transform: scaleX(1);
}


.navbar .getstarted,
.navbar .getstarted:focus {
  background: var(--bs-sub-yellow);
  padding: 8px 25px;
  margin-left: 30px;
  border-radius: 4px;
  font-weight: 400;
  color: #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #e1444d;
}

.navbar .dropdown ul { display: block;   position: absolute;   left:50%;margin-top:8px;   top: 100%;   padding:10px 0 ;   z-index: 99;   opacity: 0;   visibility: hidden; background: #fff; box-shadow: 0px 4px 5px rgba(127, 137, 161, 0.2); transition: 0.4s;}
.navbar .dropdown:nth-child(1) ul {width: 160px; margin-left: -80px;}
.navbar .dropdown:nth-child(2) ul {width: 220px; margin-left: -110px;}
.navbar .dropdown:nth-child(3) ul {width: 180px; margin-left: -90px;}
.navbar .dropdown:nth-child(4) ul {width: 150px; margin-left: -75px;}
.navbar .dropdown:nth-child(5) ul {width: 130px; margin-left: -65px;}

.navbar .dropdown ul li {

}

.navbar .dropdown ul a {
  padding: 10px 20px;
  display: block;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  border-bottom: none; text-align:center;
  color: #000;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  background: #f2f2f2;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {


  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #fff;
  cursor: pointer;
  display: none;
  line-height: 0;
  background: url('../../img/icon_list.png') center center no-repeat; background-size: 25px; width: 25px; height: 25px;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
  background: url('../../img/icon_close.png') center center no-repeat;background-size: 20px; width: 20px; height: 20px; margin:6px 4px 0 0
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(63, 73, 83, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding:26px 10px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 16px;
  color: #000;
  font-weight:500
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color:var(--bs-main-green);
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {

}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
}

#hero .carousel,
#hero .carousel-inner,
#hero .carousel-item,
#hero .carousel-item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#hero .carousel-item::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}

#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 00px;
  left: 50px;
  right: 50px;
  z-index:1000;
  transition:0.1s;
}

#hero .container {
  text-align:center;
}

#hero h2 {

  color: #fff;
  margin-bottom:24px;
  font-size: 32px;
  line-height: 1.1;
  letter-spacing:-0.04em;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);  }


#hero h2 span {color:var(--bs-sub-yellow) }

#hero p {
  animation-delay: 0.8s;
  margin: 0 auto 20px auto;
  color: #fff;
  font-size:18px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center center;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end {
  opacity: 1;
  transition:0.8s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
  background: none;
  font-size: 40px;
  line-height: 0;
  width: auto;
  height: auto;

  border-radius: 50px;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.6);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-control-prev-icon::before {content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height:30px;
    -webkit-transform: translate(-50%, -50%) rotate(315deg);
    transform: translate(-50%, -50%) rotate(315deg);
    margin-top: 2px;
    border-top: 3px solid rgba(255, 255, 255, 0.5);
    border-left: 3px solid rgba(255, 255, 255, 0.5);}
	
.carousel-control-next-icon::before {content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height:30px;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
    margin-top: 2px;
    border-top: 3px solid rgba(255, 255, 255, 0.5);
    border-left: 3px solid rgba(255, 255, 255, 0.5);}
	
	
.carousel-container .logo {width:320px;}	
.carousel-container .logo2 {width:240px; vertical-align:sub;}	

#hero .carousel-control-next-icon:hover,
#hero .carousel-control-prev-icon:hover {

  color: rgba(255, 255, 255, 0.8);
}

#hero .carousel-indicators li {
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border: 0;
  width: 30px;
  height:4px;
  border-radius:2px;
  opacity: 0.6;
  transition: 0.3s;
}

#hero .carousel-indicators li.active {
  opacity: 1;
  background: var(--bs-sub-green);
}

#hero .btn-get-started {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  padding:10px 0;
  border-radius:20px;
  transition: 0.5s;
  line-height: 1;
  color: #fff;
  border: 1px solid #ddd;
  animation-delay: 0.8s;
  position: absolute;  bottom:90px; left: 50%; margin-left: -50px; width: 100px; z-index: 2; display: flex; justify-content: center; }

#hero .iframe_wrap {margin: 0 auto ; height:100% ; object-fit: cover;  width: 100%; overflow: hidden; padding-bottom: 56.25%; display: block; position: relative; max-width: 100%; }
#hero .iframe_wrap iframe, #hero .iframe_wrap object, #hero.iframe_wrap embed { width:100%; height:100vh; position:absolute; left:0; top:0; right: 0; bottom: 0
;}


@media (max-width: 992px) {
  #hero {
    height: 100vh;
  }

  #hero .carousel-container {
    top: 8px;
  }
}

@media (max-width: 768px) {
  #hero h2 {
    font-size:19px;
  }
  #hero p {font-size: 13px;}
}
#hero .carousel-container {left: 10px; right: 10px;}
.carousel-control-prev, .carousel-control-next {}

@media (min-width: 1024px) {

  #hero .carousel-control-prev,
  #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-height: 500px) {
  #hero {
    height: 120vh;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding:15px 0;
  overflow: hidden;
}

.section-bg,
.services .icon-box {
  background-color: #f8f9fa;
}

.section-title {
  padding-bottom: 40px;
}

.section-title h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aaaaaa;
  font-family: "Poppins", sans-serif;
}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #e6636a;
  margin: 4px 10px;
}

.section-title p {
  margin: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  color: #556270;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  padding: 15px 0;
  text-align: center;
}

.clients img {
  max-width: 45%;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 15px 0;
  filter: grayscale(100);
}

.clients img:hover {
  filter: none;
  transform: scale(1.15);
}

@media (max-width: 768px) {
  .clients img {
    max-width: 40%;
  }
}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-item {
  margin: 20px 0;
  padding: 20px 0;
  border-bottom: 1px solid white;
}

.faq .faq-item i {
  color: #dee2e6;
  font-size: 20px;
  float: left;
  line-height: 0;
  padding: 13px 0 0 0;
  margin: 0;
}

.faq .faq-item h4 {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  margin: 0 0 10px 28px;
  font-family: "Poppins", sans-serif;
}

.faq .faq-item p {
  font-size: 15px;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
  overflow: hidden;
}

.testimonials .testimonial-item {
  box-sizing: content-box;
  padding: 40px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  position: relative;
  background: #fff;
}

.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50px;
  border: 6px solid #fff;
  float: left;
  margin: 0 10px 0 0;
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
  color: #f8d1d3;
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 15px 0 0 0;
  padding: 0;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
  width: 100%;
  background: #fff;
}

.contact .info i {
  font-size: 20px;
  color: #556270;
  float: left;
  width: 44px;
  height: 44px;
  background: #edeff1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}

.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #556270;
}

.contact .info p {
  padding: 0 0 0 60px;
  margin-bottom: 0;
  font-size: 14px;
  color: #8795a4;
}

.contact .info .email,
.contact .info .phone {
  margin-top: 40px;
}

.contact .info .email:hover i,
.contact .info .address:hover i,
.contact .info .phone:hover i {
  background: #556270;
  color: #fff;
}

.contact .php-email-form {
  width: 100%;
  background: #fff;
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 4px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: var(--bs-sub-yellow);
}

.contact .php-email-form input {
  height: 44px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type=submit] {
  background: var(--bs-sub-yellow);
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #e24d55;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
	border-top: 1px solid #333;
  padding:0;
  color: #fff;
  font-size: 14px;
}

#footer .footer-top {
  padding:30px 0;
}
#footer .footer-top .footer-info {
  margin-bottom: 30px;
  display: flex; align-items: center;
}

#footer .footer-top .footer-info h3 {
  font-size: 24px;
  margin: 0 24px 0 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  color: #fff;
}
#footer .footer-top .footer-info p span {display: block; font-size: 12px; margin-top:16px;}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  color: #fff;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px; display: flex; justify-content: flex-end; align-items: flex-start; order: 1;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex; align-items:center;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 12px 10px 4px;
  display: flex;
  align-items: center;
}
#footer .footer-top .footer-links ul li span {display: flex; border-right: 1px solid #505050; line-height: 1; padding-right: 15px}
#footer .footer-top .footer-links ul li:last-child span {border-right:none;}
#footer .footer-top .footer-links ul li:last-child, #footer .footer-top .footer-links ul li:last-child span {padding-right: 0;}
#footer .footer-top .footer-links ul li.link_sns {margin-left:4px;}
#footer .footer-top .footer-links ul li.link_sns img {width:26px;}

#footer .footer-top .footer-links ul a {
  color: rgba(255, 255, 255, 0.6);
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: white;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
}

#footer .footer-top .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px 2px 20px;
  background: var(--bs-sub-yellow);
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

#footer .footer-top .footer-newsletter form input[type=submit]:hover {
  background: #df3740;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}

#footer .credits a {
  color: rgba(255, 255, 255, 0.6);
  transition: 0.3s;
  font-weight: 600;
}

#footer .credits a:hover {
  color: white;
}


.intro_vod {width:100%; height: 100vh; object-fit:cover;   transition:0.5s;}
.intro_vod_wrap {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background:rgba(0,0,0,0.4); z-index: 999;}
nav .nav_login {background: #fff; border: 1px solid #ddd; border-radius: 20px; padding:5px 18px; font-size:13px; }
nav .nav_search {padding:0 10px; margin-left: 10px; cursor: pointer; margin-top: -4px;}
.nav_right {margin-left:30px; align-items: center; display: flex;}
nav a.nav_search:before {background:none}
.nav_right span {font-size:15px; margin-right:10px;}
.nav_right span a {font-size:15px; color: #666; display: inline-block; padding: 0; text-decoration: underline;}
.nav_right span a:hover {color: #666;}

#scroll-down-animation { position: absolute; width: 100px; margin-left: -50px; bottom:70px; left: 50%;  z-index: 99999; text-align: center;}
#scroll-down-animation .mouse {margin: 0 auto; display: block; border-radius:10px; border:1px solid rgba(255, 255, 255, 0.8); height:34px; width:20px; position: relative;}
#scroll-down-animation .move { position: absolute; background-color: #fff; height:6px; width:2px; border-radius:2px; left: 50%; animation: move 1.5s linear infinite;}
@keyframes move {
  0% { transform: translate(-50%,2px); opacity: 0; }
  50% { transform: translate(-50%,12px); opacity: 1; }
  100% { transform: translate(-50%,22px); opacity: 0; }
}

#scroll-down-animation .text {display: block;margin-top:10px; font-size: 11px; color: #fff;text-transform: uppercase;white-space: nowrap;opacity: .25;animation: pulse 2s linear alternate infinite;}

@keyframes pulse {
to {opacity: 1;}
}

.ex_main {background:url("img/ex_main.jpg") top center no-repeat; background-size:1920px; height:2600px;}
.ex_main_m {display: none;}

@media (max-width: 992px) {
.nav_right {padding:8px 28px;  align-items:center; margin:0; background: #f2f2f2; position: absolute!important; top: 0; left: 0; right: 0;}
nav a.nav_login, nav a.nav_search {display: block; margin: 10px 0}
.ex_main {display: none;}
.ex_main_m {display: block;  background:url("img/ex_main_m.jpg") top center no-repeat; background-size:100%; height:3300px;}
.navbar-mobile .nav_right a {font-size: 16px;}
}





.site_link {width: 100%; background: #f1f1f1; padding:26px 0;}
.site_link .container {display: flex; justify-content: space-between; align-items: center;}
.site_link_bn {width: 100%;}
.site_link_bn li img {height:60px; border: 1px solid #e6e6e6;}
.site_link_bn li {}
.site_link_bn ul {margin: 0; padding: 0; list-style:none; display: flex; column-gap:9px; max-width: 1170px; overflow: hidden;}
.btn_field {min-width:100px }

.main_top {height:764px; padding-top:230px; background: url(../../img/main_top2.jpg) center top no-repeat;}
.main_top .container{display: flex; justify-content:center; position: relative; height: 100%;}
.main_top_cont {position: relative;}
.main_top_cont_tit {padding:80px 20px 18px; text-align: center;}
.main_top_cont_tit p {font-size:28px; line-height: 1.3; margin-bottom:24px}
.main_top_cont_tit p span {color: var(--bs-sub-orange); font-size:32px;}
.tit_logo img {width:60%;}

.main_top_cont_link {display: flex; padding: 0 50px; justify-content: center; align-items: flex-start; column-gap:20px;}
.main_top_cont_link a {display:inline-block; color: #fff; border-radius: 8px; padding:20px; font-size: 24px; line-height: 1; background-image: url(../../img/arrow_07.png); background-position: right center; background-repeat: no-repeat; background-size:30px; transition: 0.3s; padding: 10px 40px 10px 0; margin:0 16px}
.main_top_cont_link a:hover { color:var(--bs-sub-yellow);}
.main_top_cont_event {display: flex; align-items: center; padding:20px 20%; background:url(../../img/main_notice_bg.png) center center no-repeat; position: absolute; left: 0; bottom:80px; right: 0; margin: 0; background-size: contain; }
.main_top_cont_event dt {font-size:22px; font-weight:500;  margin-right:30px; }
.main_top_cont_event dt span {background: url("../../img/icon_dot_01.png") right top 8px no-repeat; background-size: 1px 60%; padding-right:30px;}
.main_top_cont_event dd {display: flex;align-items: center;  justify-content: space-between; width: calc(100% - 150px)}
.main_top_cont_event .swiper-wrapUper {padding: 0; margin: 0; width: 100%;}
.main_top_cont_event .swiper-slide {display: flex; background: url(../../img/icon_dot_01.png) left 50% no-repeat; background-size:3px; padding-left:10px;  line-height: 1; align-items: center; justify-content: space-between; cursor: pointer;}
.main_top_cont_event p { color: #fff; margin: 0}
.main_top_cont_event .txt {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.4; font-size:18px; padding-right:5px; font-weight:300;}
.main_top_cont_event .title a {color: #fff; display:flex; justify-content: space-between; align-items: center; padding-right:8px; margin-right: 30px;}
.main_top_cont_event .date {font-size:16px; width:100px; text-align: right; font-weight: 300; max-width: 100px;}
.cont_event_arrow {width:22px; display: flex; flex-direction: column; margin-left: 10px;}
.cont_event_arrow a {display: block; line-height: 0;}
.cont_event_arrow img {width:20px;}
.section_tit {font-size:30px; letter-spacing:-0.06em; display: flex; align-items: center; justify-content:left; line-height: 1; }
.section_tit p {font-weight:500;}
.section_tit_s {color: #999; font-size: 18px; padding-top:14px;}
.main_food {}
.main_food .container {width:100%;}
.main_vod .container {display: flex; column-gap:100px;}
.main_vod .main_vod_in {width: 50%;}
.main_vod .section_tit p {}
.section_tit_more {width:30px; height: 30px; display: flex; margin:5px 0 0 30px;}
.section_tit_more img {width: 30px;}
.main_vod_cont {margin-top:30px; position: relative;}
.main_vod {padding-bottom:70px;}
.main_vod_thumb {position: relative; overflow: hidden;}
.main_vod_thumb_icon {position: absolute; left: 50%; top: 50%; margin: -43px 0 0 -43px; display: flex; justify-content: center; align-items: center; z-index: 1000;}
.main_vod_thumb img {width: 100%; transition: all ease 0.5s;}
.main_vod_thumb a:hover img { transform: scale( 1.08 );}
.main_vod_tit {font-size: 18px;  text-align: center; padding: 16px 4px 0; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em;}
.main_vod_arrow {position: absolute; left: 0; right: 0; top: 50%; z-index: 1; display: flex; justify-content: space-between; margin-top: -80px;}

.main_food_list a, .main_food_list button {cursor: pointer;user-select: none;border: none;outline: none;background: none;}
.main_food_list img {display: block;max-width: 100%;height: auto;object-fit: cover;image-rendering: -webkit-optimize-contrast;image-rendering: -moz-crisp-edges;image-rendering: crisp-edges;}
.main_food_list .section {margin:16px auto 0;}
.main_food_list .container {height: auto;margin-inline: auto;}
.main_food_list .swiper {&-button-next::after,&-button-prev::after {display: flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: 800;padding: 1rem;width: 2rem;height: 2rem;opacity: 0.75;border-radius: 50%;color: #fff;}}
.main_food_list .swiper-wrapper {padding: 10px 0;}
.main_food_list .swiper-slide {background-position:center center; background-repeat: no-repeat; background-size: cover; height: 220px; border-radius: 12px; display: flex; flex-direction: column; color: #fff; line-height: 1.2; letter-spacing:-0.06em; position: relative; overflow: hidden; transition: all ease 0.5s; border: 2px solid #000;}
.main_food_list .swiper-slide:hover {transform: scale( 1.1 ); border: 2px solid var(--bs-sub-yellow); color: var(--bs-sub-yellow);}
.ff_img_bg {background:url(../../img/ff_img_bg.png) center center no-repeat; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover;}
.main_food_list .food_01, .products01_list .food_01 {background-image:url(../../img/ff_img_01.jpg)}
.main_food_list .food_02, .products01_list .food_02 {background-image:url(../../img/ff_img_02.jpg)}
.main_food_list .food_03, .products01_list .food_03 {background-image:url(../../img/ff_img_03.jpg)}
.main_food_list .food_04, .products01_list .food_04 {background-image:url(../../img/ff_img_04.jpg)}
.main_food_list .food_05, .products01_list .food_05 {background-image:url(../../img/ff_img_05.jpg)}
.main_food_list .food_06, .products01_list .food_06 {background-image:url(../../img/ff_img_06.jpg)}
.main_food_list .food_07, .products01_list .food_07 {background-image:url(../../img/ff_img_07.jpg)}
.main_food_list .food_08, .products01_list .food_08 {background-image:url(../../img/ff_img_08.jpg)}
.main_food_list .food_09, .products01_list .food_09 {background-image:url(../../img/ff_img_09.jpg)}
.main_food_list .food_10, .products01_list .food_10 {background-image:url(../../img/ff_img_10.jpg)}
.main_food_list .food_11, .products01_list .food_11 {background-image:url(../../img/ff_img_11.jpg)}
.main_food_list .food_12, .products01_list .food_12 {background-image:url(../../img/ff_img_12.jpg)}
.main_food_list .food_13, .products01_list .food_13 {background-image:url(../../img/ff_img_13.jpg)}
.main_food_list .food_14, .products01_list .food_14 {background-image:url(../../img/ff_img_14.jpg)}
.main_food_list .food_15, .products01_list .food_15 {background-image:url(../../img/ff_img_15.jpg)}
.main_food_list .food_16, .products01_list .food_16 {background-image:url(../../img/ff_img_16.jpg)}
.main_food_list .food_17, .products01_list .food_17 {background-image:url(../../img/ff_img_17.jpg)}
.main_food_list .food_18, .products01_list .food_18 {background-image:url(../../img/ff_img_18.jpg)}
.main_food_list .food_19, .products01_list .food_19 {background-image:url(../../img/ff_img_19.jpg)}
.main_food_list .food_20, .products01_list .food_20 {background-image:url(../../img/ff_img_20.jpg)}
.main_food_list .swiper-slide b {font-size:28px; font-weight:400; text-align: right; position: absolute; right:22px; bottom: 22px;}
.main_food_list .swiper-slide b small {font-weight:300; line-height: 1; font-size: 22px; display: block;}
.main_food_list .food_13 b small, .main_food_list .food_15 b small {display:inline-block;}
.main_food_list .swiper-button-prev_bg {background: url(../../img/best_img_bg_l.png) left top repeat-y; position: absolute; left: 0; top: 0; bottom: 0; width: 300px; z-index: 10;}
.main_food_list .swiper-button-next_bg {background: url(../../img/best_img_bg_r.png) right top repeat-y; position: absolute; right: 0; top: 0; bottom: 0; width: 300px; z-index: 10;}
.main_food_list .swiper-button-next, .main_food_list .swiper-button-prev {color: #a1a1a1;}

.main_board {padding: 0;}
.main_board ul {padding:25px 0 0 0; margin: 0; width: 100%;}
.main_board li {display: flex; background: url(../../img/icon_dot_02.png) left center no-repeat; background-size:3px; line-height: 1; align-items: center; justify-content: space-between; padding:8px 0 8px 10px; cursor: pointer; margin-bottom: 10px;}
.main_board p.title {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; font-size:18px;}
.main_board p.date {font-size:16px; width:50px; text-align: right; font-weight: 300; color: #aaa}
.main_board_wrap {border-right: 1px solid #eee; padding-top:60px; padding-bottom:60px }
.main_board_wrap:nth-child(1) { width:33%; padding-right: 30px;}
.main_board_wrap:nth-child(2) { width:35%; padding-right: 30px; padding-left: 30px;}
.main_board_wrap:nth-child(3) { width:32%; padding-left: 30px; border-right: none;}
.main_board {display: flex;}

.search_layer {display: none;position:absolute;background:#fff;width: 100%;left: 0;right: 0;z-index:1000; top:80px;}
#SearchLayer {-webkit-box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);}
.search_layer .container {display: flex; width: 100%; justify-content: space-between; align-items: center; height: 120px;}
.search_layer_input {width: 100%; display: flex; justify-content: center;}
.search_layer_input_in {border: 1px solid #ccc; border-radius:12px;  display: flex; justify-content: space-between; width:55%; align-items: center; padding:5px 26px}
.search_layer_input_in .form-control {border: none; background: none; color: #000; height:50px; font-size: 18px;}
.search_layer_input_in .form-control::placeholder {color: #999;}
.search_layer_input_in img {width:34px;}
.search_layer_close {width:40px; cursor: pointer;}
.search_layer_close img {width:30px;}
.form-control::placeholder {color: #999;}

.list_layer {display:none;position:absolute;background:#fff;width: 100%;left: 0;right: 0;z-index:1000; top:0;}
#ListLayer {-webkit-box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);}


.sub_top {height: 260px; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.sub_top .container {display: flex; flex-direction:column; justify-content: flex-end; height: 100%; padding:0 20px 38px;}
.bg_about {background-image:url("../../img/top_img_about.jpg")}
.bg_products {background-image:url("../../img/top_img_products.jpg")}
.bg_brand {background-image:url("../../img/top_img_brand.jpg")}
.bg_bbs {background-image:url("../../img/top_img_bbs.jpg")}
.bg_mypage {background-image:url("../../img/top_img_mypage.jpg")}
.bg_mypage2 {background-image:url("../../img/top_img_mypage2.jpg")}
.bg_search {background-image:url("../../img/top_img_search.jpg")}
.sub_tit {padding:140px 0 0;}
.sub_tit_depth1 {font-size:50px; font-weight:600; margin-bottom:26px; padding-left: 10px;}
.sub_tit_depth1 img {width:350px;}
.sub_nav {}
.sub_nav_list {display: flex; flex-wrap: wrap; width: 100%; justify-content:space-between;  border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;}
.sub_nav_list li {display: flex; flex: 1 1 0%; border-right: 1px solid #e6e6e6;}
.sub_nav_list li a {width: 100%; font-size:20px; color: #333; display:flex; align-items: center; justify-content: center; height: 72px;}
.sub_nav_list li a:hover {background: #fff8f1;}
.sub_nav_list li.active a {background:var(--bs-sub-brown); color: #fff; font-weight:400;}
.sub_contents {padding:40px 10px 120px;}

.about01 {display: flex; background: url("../../img/about_img1.jpg") center bottom no-repeat; height:860px; margin-top:0; background-size: cover;}
.about01_img {}
.about01_img img {width: 100%; max-width: 100%;} 
.about01_cont {padding-top:60px;line-height: 1;}
.about01_cont_t {border-left:12px solid var(--bs-sub-yellow); padding-left:25px; margin-bottom:60px;}
.about01_cont_t1 {color:#fff; font-size:18px; line-height:1.6; text-align: center; padding:16px 40% 4px 0;}
.about01_cont_t1 span {font-size: 22px;}
.about01_cont_t1 img {width:180px; vertical-align:bottom; margin-right:3px; margin-bottom:3px;}
.about01_cont_t1.about01_cont_t2 {color: var(--bs-sub-yellow); font-size: 42px; font-weight:600; letter-spacing: -0.05em;}
.about01_cont_t2 {color:#fff; font-size:18px; line-height:1.5; text-align: center; padding:20px 0 20px 40%;}
.about01_cont_t2 span {color: var(--bs-sub-yellow); font-size: 22px;}
.about01_cont_t3 {color:#fff; font-size:21px; line-height:1.5;text-align: center; padding:40px 0 0;}
.about01_cont_t3 span {color: var(--bs-sub-yellow); font-size: 26px;}
.about01_cont_t3 img {width:180px; vertical-align:-4px; margin-right:3px;}
.about01_cont_t3 b {display: block; color: var(--bs-sub-yellow); font-size:32px;}
.about01_cont_c {font-size: 18px; line-height: 1.6}
.about01_cont_c p {padding-bottom: 30px;}
.about01_cont_c b {color: var(--bs-sub-green);}


.about02 {background: url("../../img/about_img2.jpg") right top no-repeat; background-size: contain; padding:80px 0 40px; margin:0 70px }
.about02 dt {font-size: 30px; color: #999; border-radius:30px; border: 2px solid #999; line-height: 1; display:inline-block; padding:10px 30px 14px}
.about02 dd {font-size:20px; padding: 16px 10px 80px; line-height: 1.8;}

.sub_title {border-left: 12px solid #999; color:#999; font-size:30px; font-weight: 600; line-height: 1.1; padding-left:15px; margin-bottom:20px; padding-bottom: 2px;}
.sub_title.line2 span {display: block}
.sub_title.line2 span:first-child {margin-bottom:8px;}
.about03 {padding-top:10px;}
.about03_1 {border-radius:18px; padding:30px 30px 30px 20px; background: #fff;  display: flex; margin-bottom:100px; margin-top:22px;}
.about03_1 ul {display: flex; flex-wrap:wrap;}
.about03_1 ul img {width:90%;}
.about03_1 ul li {position: relative; padding: 0 30px;text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 16.6%;}
.about03_1 ul li::after {content: "";position: absolute; right:-15px; top:50%; width: 30px; height:40px; background: url("../../img/arrow_04.png") center center no-repeat; background-size: 30px; margin-top: -20px;}
.about03_1 ul li.last::after, .about03_1 ul li:nth-child(5)::after {background: none;}
.about03_1 ul li.last {border: 2px solid var(--bs-sub-yellow); border-radius: 6px; padding:16px 20px;}
.about03_1 ul li.last img {width:70%}
.about03_1 ul li p{margin-top:10px; line-height: 1.3; height: 42px; color: #333;}
.about03_2 {border-radius:18px; display: flex; flex-direction: column; overflow: hidden;margin-bottom:100px; background: #fff;}
.about03_2_t {display: flex; width: 100%; padding:50px 70px; }
.about03_2_t1 {color: var(--bs-sub-yellow); font-size:30px; line-height: 1.4; letter-spacing: -0.05em; border-right: 1px solid #666; padding-right:60px; width: 44%}
.about03_2_t1 b {font-weight:600;}
.about03_2_t2 {font-size: 18px; padding-left:60px; width: 56%}
.about03_2_in_bg {background: url("../../img/bg_check.png") left top repeat; padding:40px 30px 50px; display: flex; }
.about03_2_in {padding: 0 20px}
.about03_2_in dt {color: var(--bs-sub-green); font-weight:600; font-size:28px; text-align: center;}
.about03_2_in dd {display: flex; padding-top:30px;}
.about03_2_in_unit {display: flex; flex-direction: column; align-items: center; text-align: center}
.about03_2_in_tit {background: #c6c6c6; border-radius:20px; width: 140px; color: #fff; line-height: 1; text-align: center; display: inline-block; margin:0 auto; padding:8px 0 9px; font-size: 20px; font-weight: 400; margin-bottom: 20px;}
.about03_2_in_img {margin-bottom: 20px;}
.about03_2_in_img img {width:90%;}
.about03_3 {border-radius:18px; display: flex; overflow: hidden; align-items: center; background: #fff;}
.about03_3_t {padding:50px 70px; font-size: 18px; color: #333;}
.about03_3_in {background: url("../../img/bg_check.png") left top repeat; padding:50px 80px; display: flex; }
.about03_3_in img {width: 100%;}

.btn_lg {padding:20px 50px 22px; font-size:22px; font-weight:500;line-height: 1; border-radius:8px;}
.btn_mid {padding:14px 36px 16px; font-size:18px; font-weight:400;line-height: 1; border-radius:5px;}
.btn_sm {padding:8px 20px 10px; font-size:14px; line-height: 1; border-radius:4px;}
.btn_main {color: #000; background: var(--bs-sub-yellow); border: none; }
.btn_main2 {color:#000; background:var(--bs-sub-yellow); border:none; font-weight:500; }
.btn_normal {color: #fff; background: #000; border: 1px solid #666; }
.btn_gray {color: #ccc; background: #666; border:none;}
.btn_down {background: url("../../img/icon_down.png") right center no-repeat; background-size: 22px; padding-right: 30px;}
.btn_link {background: url("../../img/icon_link_w.png") right center no-repeat; background-size: 22px; padding-right: 32px;}

.about04 {padding-top:10px;}
.about04_list {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); overflow:hidden; border-right: 1px solid #e6e6e6; border-top:1px solid #e6e6e6; background: #fff; border-radius:20px;}
.about04_list li {border-left: 1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;padding:35px 28px ;display: flex;justify-content: space-between;align-items: center;}
.about04_list li a img {width:26px;}

.products01 {padding-top:20px;}
.products01_01 {padding-top: 10px; margin: 0;}
.products01_list {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr)); grid-column-gap: 6px;grid-row-gap:6px; margin-bottom: 90px;}
.products01_list li {border:2px solid #000;padding:20px 26px ;display: flex; flex-direction:column; justify-content:flex-end; height:200px; background-position:left center; background-repeat: no-repeat; background-size: cover; border-radius: 12px; color: #fff; line-height: 1.2; letter-spacing:-0.06em; cursor: pointer; transition: all ease 0.5s;}
.products01_list li span {font-size:20px; font-weight:400;}
.products01_list li b {font-size:34px; padding-top:2px; font-weight:600;}
.products01_list li b small {display: block; font-weight: 400; line-height: 1.1}
.products01_list li:hover {border: 2px solid var(--bs-sub-yellow); color:var(--bs-sub-yellow); transform: scale( 1.04 );}

.table_box{    overflow-x: auto;margin-bottom:25px;font-size: 0 !important;}
.table_col {width:100%;table-layout:auto;}
.table_col thead tr:first-child th{padding:12px 0 12px;border-top:2px solid #ddd;border-right:1px solid #333;font-weight:400; border-bottom:1px solid #333}
.table_col thead tr th{font-size:18px;padding:15px 0 15px;border-top:2px solid #333;font-weight:400;text-align: center;}
.table_col tbody th, .table_col tbody td {font-size:18px;text-align:center;padding:12px;border-bottom:1px solid #333;border-right:1px solid #333; word-break:break-all; font-weight:300;}
.table_col tbody th{text-align:center;}
.table_col thead tr:first-child th:last-child, .table_col tbody td:last-child {border-right-width: 0;;}

.sub_nav_tab {display: flex; border-top:2px solid rgba(255, 255, 255, 0.5);}
.search_result_nav .sub_nav_tab {justify-content: center;}
.sub_nav_tab li {border-bottom-width: 50%; padding:0 20px; }
.sub_nav_tab li:first-child {padding-left: 0;}
.sub_nav_tab li:last-child {padding-right: 0;}
.sub_nav_tab li a {font-size:20px; color: #fff; line-height: 1; padding:24px 2px 20px; display: block; }
.sub_nav_tab li.active a {color:var(--bs-sub-yellow); font-weight: 500; border-top:4px solid var(--bs-sub-yellow); margin-top: -2px;}
 
.bbs_wrap {padding-top: 0;}
.bbs_pic, .bbs_pic2 {overflow: hidden;line-height: 1.2;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-column-gap: 30px;grid-row-gap: 80px;}
.bbs_pic2 {grid-row-gap: 30px; margin-bottom:50px;}
.bbs_event {overflow: hidden;line-height: 1.2;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-column-gap: 30px;grid-row-gap: 80px;}
.bbs_event {grid-row-gap: 30px; margin-bottom:50px;}
.bbs_pic:after, .bbs_pic2:after, .bbs_event:after {content:'';display:block;clear:both;}
.bbs_pic li, .bbs_pic2 li {cursor: pointer;}
.bbs_pic_thumb {width: 100%;display: block;height: 300px;overflow: hidden;position: relative;}
.bbs_pic_thumb img {width: 100%; min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%); transition:0.6s;}
.bbs_rcp_thumb {width: 100%;display: block;height:225px;overflow: hidden;position: relative;}
.bbs_rcp_thumb img {width: 100%; min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%); transition:0.6s;}
.bbs_pic_thumb2 {width: 100%;display: block;overflow: hidden;position: relative; }
.bbs_pic_thumb2 img {width: 100%; transition:0.6s; }
.bbs_event_thumb {width: 100%;display: block;overflow: hidden;position: relative; }
.bbs_event_thumb img {width: 100%; transition:0.6s; }
.bbs_pic_thumb2:hover img {transform: scale(1.15)}
.bbs_pic_cont {padding:22px 2px;}
.bbs_pic_cont_t {font-size: 22px; font-weight:500; margin-bottom: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap:break-word;}
.bbs_event .bbs_pic_cont_t {margin-bottom:8px;}
.bbs_pic_cont_s {font-size: 19px; color: #999;line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word;}
.bbs_pic_cont_i {display:flex; column-gap: 10px; font-size: 17px; color: #999; margin-bottom:12px;}
.bbs_pic_cont_c {display:inline-flex; font-size: 15px; color: #fff; margin-bottom:10px; background:var(--bs-sub-yellow); padding:3px 6px 5px; line-height: 1;}
.bbs_pic_btn {padding-top:8px;}
.bbs_pic_btn button {border-radius:4px; border: 1px solid #ddd; width: 100%; padding:10px 0; color: #999; font-size: 17px;}
.bbs_pic_btn button span {background: url("../../img/icon_link.png") right 4px no-repeat; background-size:18px; padding-right:26px;}

.bbs_paging {clear: both;text-align: center;line-height: 1;display: flex;justify-content: center;}
.bbs_paging a {width: 40px;height: 40px;border: 1px solid #555;display: flex;justify-content: center;align-items: center;margin: 0 5px;box-sizing: border-box;font-size: 15px; color: #777;}
.bbs_paging a img{width:14px}
.bbs_paging a.active {border: 1px solid #fff; font-weight:400; color: #fff}
.bbs_paging a:hover {background:#f8f8f8;}
.bbs_search{padding-top: 50px}
.bbs_search .con{margin:0 auto; display: flex;  align-items: center; justify-content:center;}
.bbs_search .alt select {width: 100px; border:1px solid #666; color:#999; height: 36px; margin-right:8px; padding-left:5px; background: #000;}
.bbs_search .search{border:1px solid #666; height:36px; padding:2px 10px;font-size:14px; margin-right:8px; background: #000; color:#ccc;}
.bbs_search .btn_search{border:1px solid #666; height:36px; background: #666; font-size: 14px; padding: 0 14px; color: #ddd;}

.bbs_view {background: #fff; border-radius:12px; padding:60px 50px;}
.bbs_view_tit {font-size:34px; font-weight: 500; letter-spacing: -0.05em; text-align: center; line-height: 1.3; padding-bottom:40px; color: #333;}
.bbs_view_info {border-bottom: 1px solid #ddd; border-top: 2px solid #ddd; padding:16px 15px; display: flex; justify-content: space-between; color: #666; font-size: 15px;}
.bbs_view_info b {color: #333; margin-right:6px;}
.info_name {}
.bbs_view_info_r {display: flex; column-gap:40px;}
.bbs_view_cont {padding: 50px 10px; color: #333;}
.bbs_view_cont img {max-width: 100%;}
.bbs_view_file {padding:38px 10px 20px; font-size: 15px; border-bottom: 1px solid #666;}
.bbs_view_file a {color: #ccc; text-decoration: underline; font-weight: 400; margin-left: 6px;}
.file_list {padding-top: 5px;}
.file_list a {margin-left: 0; padding-top: 5px; display: block; background: url("../../img/icon_file.png") left 8px no-repeat; background-size: 18px; padding-left: 24px;}

.bbs_view_prevnext {width:100%;margin-bottom:20px; border-bottom:1px solid #666;display: flex;flex-wrap: wrap; border-top: 1px solid #666;}
.bbs_view_prevnext dt { font-size: 16px; width:150px; padding:25px 0 25px 25px; font-weight: 400; text-align:center;position: relative; color: #999;}
.bbs_view_prevnext dt:first-of-type, .bbs_view_prevnext dd:first-of-type {border-bottom:1px solid #333;}
.bbs_view_prevnext dd {width:calc(100% - 150px);box-sizing: border-box;padding:25px 40px; color: #666}
.bbs_view_prevnext dd a {width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #ccc;}
.bbs_view_prevnext dt::after{position: absolute;top: 50%;right: 0;transform: translateY(-50%);content: "";width: 1px;height: 13px;background: #666;}
.bbs_view_prevnext dt span::before{content: "";position: absolute;transform: translateY(-75%);top: 50%;left:40px;width: 0;height: 0;border-left: 5px solid #000;border-right: 5px solid #000;}
.bbs_view_prevnext dt.prev span::before {border-bottom: 7px solid #999;border-top: 5px solid #000;}
.bbs_view_prevnext dt.next span::before {border-bottom: 5px solid #000;border-top: 7px solid #999; margin-top: 5px}
.bbs_write {}
.bbs_write2 {width:80%; margin:20px auto 50px;}
.bbs_write2 .bbs_write_info .form-control {padding: 0.6rem;}
.bbs_write_info {display: flex; flex-direction: column;}
.bbs_write_info dl {display: flex; padding:15px 0; margin: 0; align-items: center; min-height: 62px;}
.bbs_write2 .bbs_write_info {border-top: 2px solid #666;}
.bbs_write2 .bbs_write_info dl {border-bottom:1px solid #666;}
.bbs_write2 .bbs_write_info dt {padding-left:20px;}
.bbs_write_info dt {min-width:140px; text-align: left; font-size:16px; font-weight: 400; padding-right:20px; line-height: 1.2}
.bbs_write_info dd {width:80%; line-height: 1.2; text-align: left;}
.bbs_write_info .form-control {padding:0.9rem}
.bbs_write_file {display: flex; column-gap: 8px; padding:14px 0;}
.btn_area_right {display: flex; justify-content:flex-end; column-gap:10px;}
.btn_area_center {display: flex; justify-content:center; column-gap:15px;}
.bbs_write_info .write_cate {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-row-gap:18px; margin:8px 0; align-items: center;}
.bbs_write_info .write_cate p {display: flex; align-items:center; line-height: 1; }
.bbs_write_info .write_cate .checkbox {width:20px; height: 20px; border-radius:4px; padding: 4px; border: 1px solid #ddd; margin-right:6px;}
.bbs_noti {color: #888; text-align: center; line-height:1.8; padding-bottom:30px;}

.bbs_rcp_view {position:absolute;width: 100%;left: 0;right: 0;z-index:100000; top:50%; margin-top: -25%;}
.bbs_rcp_view .container {max-width: 1000px; padding:}
.bbs_rcp_view .iframe_wrap {margin: 0 auto ; height: 0px; overflow: hidden; padding-bottom: 56.25%; display: block; position: relative; max-width: 100%; background: #fff; border: 12px solid #fff;}
.bbs_rcp_view .iframe_wrap iframe, .bbs_rcp_view .iframe_wrap object, .bbs_rcp_view .iframe_wrap embed { width:100%; height:100%; position:absolute; left:0; top:0;}
.bbs_rcp_close {text-align: right; padding: 0 2px 14px}
.bbs_rcp_close img {width: 30px;}

.bbs_pic3 {margin:0 auto 80px; max-width: 1160px; background: #000;}
.bbs_pic3 li {position: relative; cursor:pointer; margin-bottom:20px;}
.bbs_pic3 li.end {opacity: 0.5;}
.bbs_event_thumb {border-radius:8px;}
.bbs_event_thumb img {width: 100%;}
.bbs_event_label {position: absolute; right: 0; bottom: 0; background: url("../../img/event_bg.png") right bottom no-repeat; background-size:contain; width: 130px; height: 90px; color: #fff; z-index: 100; display: flex; padding: 0 16px 12px 0; justify-content: flex-end; align-items: flex-end;}

.sub_cont {font-size:18px; line-height: 1.4; padding:0 0 100px 26px; font-weight:300;}
.products03 {margin-top:30px;}
.products03_1 {padding-top: 6px;}
.products03_1 dl {border: 1px solid #666; background: #333;  display: flex; align-items: inherit; border-radius:8px; overflow: hidden; margin-bottom:12px;}
.products03_1 dt {font-size:24px; font-weight: 400; min-width:290px; letter-spacing: -0.05em; display: flex; align-items: center; min-height:90px; display: flex; align-items: center;}
.products03_1 dt span {background: #f5f5f5; height: 100%; display: block; padding:14px 8px 0 22px; }
.products03_1 dt b {border-right: 1px solid #666; display: block; width: 100%; padding-left: 25px; font-weight:500;}
.products03_1 dt img  {padding-right:10px;}
.products03_1 dd {width: 100%; padding: 12px 20px; display: flex; align-items: center; color: #ccc;}
.products03_2 {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-column-gap:15px; margin-top: 20px;}
.products03_2 li {border: 1px solid #666; background: #333; border-radius:10px; overflow: hidden; text-align: center; padding-top: 20px;} 
.products03_2 li img {max-width: 100%;}
.products03_2 li p {font-size: 22px; padding:0 0 20px; font-weight:400; margin-top:14px; color: #ccc;}
.products03_3 {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-column-gap:40px; margin:20px 0 25px;}
.products03_3 li {border: 1px solid #666; border-radius:10px;  text-align: center; position: relative; background: #333; }
.products03_3 li::after {content: "";position: absolute; right:-37px; top:50%; width:30px; height:30px; background: url("../../img/arrow_05_next.png") center center no-repeat; background-size:30px; margin-top: -15px;}
.products03_3 li:last-child::after {background: none;}
.products03_3 li img {width: 100%;}
.products03_3 li p.tit {font-size:20px; font-weight:800; margin-top: 0; padding:18px 0 10px;  color:var(--bs-sub-yellow);border-radius:10px 10px 0 0;}
.products03_3 li p.txt {font-size: 18px; padding:16px 20px 25px; font-weight:400; color: #ccc}
.products03_3 li p.txt span {color: #ccc; font-weight:300; display: block;}
.products03_3 li p.txt a {color: #ccc;}

.products03_4 {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-column-gap:40px; grid-row-gap: 40px; margin:30px 0 25px;}
.products03_4 li {border: 1px solid #666; border-radius:10px;  text-align: center; position: relative; background: #333;}
.products03_4 li:nth-child(1)::after, .products03_4 li:nth-child(2)::after {content: "";position: absolute; right:-37px; top:50%; width:30px; height:30px; background: url("../../img/arrow_05_next.png") center center no-repeat; background-size:30px; margin-top: -15px;}
.products03_4 li:nth-child(3)::after {content: "";position: absolute; left:50%; bottom:-37px; width:30px; height:30px; background: url("../../img/arrow_05_down.png") center center no-repeat; background-size:30px; margin-left: -15px;}
.products03_4 li:nth-child(4)::after, .products03_4 li:nth-child(5)::after {content: "";position: absolute; right:-36px; top:50%; width:30px; height:30px; background: url("../../img/arrow_05_prev.png") center center no-repeat; background-size:30px; margin-top: -15px;}
.products03_4 li img {max-width: 100%;}
.products03_4 li p.tit {font-size:20px; font-weight:800; margin-top: 0; padding:25px 0 15px;  color:var(--bs-sub-yellow); border-radius:10px 10px 0 0;}
.products03_4 li p.txt {padding:18px 40px 30px; color: #ccc;}
.products03_4 li p.txt b {display: block; margin-bottom:6px; font-size: 24px; color: #fff;}

.products03_5 {display: flex; padding-top:10px; column-gap: 15px; padding-bottom:60px; justify-content: center; text-align: center}
.products03_5 li p {padding-top: 10px}
.products03_5 li img {max-width: 100%;}
.products03_6 {display: flex; padding-top:20px; column-gap: 15px; padding-bottom:60px; justify-content: center; text-align: center}
.products03_6 li {border: 1px solid #666; border-radius:10px;  text-align: center; position: relative; background: #333; padding:30px 24px 20px; }
.products03_6 li p {padding-top: 10px; color: #ccc;}
.products03_6 li img {max-width: 100%;}


.sub_title_s {padding-top:30px;}
.sub_title_s b {background:#999; font-size: 22px; font-weight: 500; line-height: 1; border-radius: 20px; color: #fff; display:inline-block; padding:6px 20px 9px;}
.sub_cont_t {font-size: 24px; font-weight:600; margin-left: -8px; margin-bottom: 10px; margin-top:40px; font-weight: 500;}

.brand01_01 {display: flex; width: 100%; align-items: center; justify-content:space-around; flex-wrap: wrap; padding-bottom:100px;}
.brand01_01 li img {width: 125px;}
.brand01_01 li {text-align: center; width:33.3%; padding:40px 0; border-left: 1px solid #333; border-bottom:1px solid #333;}
.brand01_01 li:nth-child(1), .brand01_01 li:nth-child(4) {border-left:none;}
.brand01_01 li:nth-child(4), .brand01_01 li:nth-child(5), .brand01_01 li:nth-child(6) {border-bottom:none;}
.brand01_01 li p {font-size:20px; line-height: 1.4; padding-top:12px;}

.brand01_01_web {padding:30 0; margin-bottom:120px; text-align: center;}
.brand01_01_web img {max-width: 100%;}
.brand01_01_mob {display: none;}


.brand01_tit {font-size:28px; font-weight: 500; text-align: center; line-height: 1.2; padding:30px 0}
.brand01_tit p {font-size:18px; font-weight: 400; padding-top: 14px;}
.brand01_02 {padding-top: 20px;}
.brand01_02_list {padding:0 10px 80px; }
.brand01_02_list li {display: flex; align-items: center; margin-bottom: 26px;}
.brand01_02_list .list_pic {margin-right:30px;}
.brand01_02_list .list_pic img {border-radius:8px;}
.brand01_02_list .sub_title_s {margin-bottom: 16px; padding-top: 0;}
.brand01_02_list .list_cont {font-size: 18px;}

.brand01_02_web {padding-top: 10px; text-align: center;}
.brand01_02_web img {max-width: 100%;}
.brand01_02_mob {display: none; text-align: center;}

.brand02_01 {border-radius:18px; display: flex; margin-bottom:100px; flex-direction: column;}

.brand02_01_a {display: flex; justify-content: space-around; width: 100%; align-items: flex-start; column-gap:30px;}
.brand02_01_a1, .brand02_01_a2 {text-align: center; width: 50%;}
.brand02_01_a1 {background: url(../../img/logo_bg.png) left top no-repeat; background-size:460px; height:420px;padding-top: 120px;}
.brand02_01_a2 {padding-top:10px;}
.brand02_01_a1 img {width:160px;}
.brand02_01_a1 p {padding:40px 0}
.brand02_01_a1 p span {display: block; font-size: 24px; line-height: 1.4;}
.brand02_01_a1 p span.a1_cont {font-size: 16px; color: #999; margin-top:30px}
.brand02_01_tit {font-size:22px; font-weight: 500; padding-bottom: 12px;}
.brand02_01_b {display: flex; justify-content: space-around; width: 100%; padding-top:30px; align-items: flex-start; column-gap:30px;}
.brand02_01_b1 {width: 50%; padding-top:20px;}
.brand02_01_b1 .form-group {display: flex;  column-gap:10px; justify-content: space-between; align-items: center; margin-bottom:16px;}
.brand02_01_b1 .form-control {width: calc(100% - 120px)}
.brand02_01_b1 .btn_sm {padding:13px 18px 15px}
.brand02_btn {margin:50px 0; padding-top:26px; border-top: 1px solid #666;}
.check_area {display: flex; align-items: center; line-height: 1; font-size: 15px; color: #999;}
.check_area .checkbox {width:19px; height:19px; border-radius:4px; padding: 4px; border: 1px solid #ddd; margin-right:6px; vertical-align: sub}
.check_area a {text-decoration: underline; color: #999;}
.brand02_btn .btn_area_center {padding-top:50px;}
.brand02_01_b1 button {min-width:110px;}
.brand02_01_list {font-size:16px; font-weight:300; padding:10px 6px 0}
.brand02_01_list p {padding-bottom:16px;}

.faq .faq-list  {padding:14px 0 0}
.faq .faq-list ul { padding: 0; list-style: none; padding: 0 26px}
.faq .faq-list li+li {}
.faq .faq-list li { padding:0;  border: 1px solid #666; border-radius: 6px;  position: relative; overflow: hidden; margin-bottom:16px;}
.faq .faq-list a { display: block; color: #fff;  position: relative;  font-size:20px;  line-height:1.2;  font-weight:400;  padding: 0 35px; margin: 30px 40px;  outline: none;  cursor: pointer; background: url("../../img/icon_q.png") left top no-repeat;}
.faq .faq-list.st2 a {background: none; padding: 0 0; }
.faq .faq-list .icon-show,.faq .faq-list .icon-close {  font-size: 24px;  position: absolute;  right: 0;  top: 0;}
.faq .faq-list p {  margin-bottom: 0;  padding:30px 30px 30px 75px; font-size: 18px; background: url("../../img/icon_a.png")#333 40px 30px no-repeat; }
.faq .faq-list .icon-show {  display: none;}
.faq .faq-list a.collapsed .icon-show {  display: inline-block;}
.faq .faq-list a.collapsed .icon-close {  display: none;}
.brand02_contact {display: flex; justify-content: center; column-gap: 30px;}
.brand02_contact_in {border:4px solid #ddd; border-radius: 18px; padding:18px 50px; display: flex; align-items: center;}
.brand02_contact_in p {font-size:20px; line-height: 1; margin-left:20px; }
.brand02_contact_in p a {color: #fff;}.faq .faq-list
.brand02_contact_in p b {font-size: 24px; display: block; font-weight:500; padding-bottom:10px; }
.brand_map {margin-bottom:50px; background: url("../../img/brand_map.jpg") center top no-repeat; background-size: contain; max-height: 1082px;}
.brand_map table {margin:0 auto; border-collapse:collapse;border-spacing:0;max-width:1043px;}
.brand_forest {background: url("../../img/brand_forest.jpg") center top no-repeat; background-size: cover ; margin-bottom:60px; margin-top: -20px;}
.brand_forest table {border-collapse:collapse;border-spacing:0; max-width:1260px; margin:0 auto;}
.brand_map table td, .brand_map table th, .brand_forest table td, .brand_forest table th  {font-size: 0; line-height: 0; border: 0;padding: 0;}
.brand_map table img, .brand_forest table img {max-width: 100%;}
.brand_forest table tr { max-width:1260px;}

.faq .faq-list .products03_7 { background:#333; padding:24px 30px 24px 40px; margin-bottom: 0;}
.faq .faq-list .products03_7 dt {font-weight: 500; font-size: 20px; padding-bottom:12px;}
.faq .faq-list .products03_7 dd {font-weight:300; font-size:18px; border: 1px solid #666; padding:16px 20px 20px; margin-bottom: 30px;}
.faq .faq-list .products03_7 dd .tit {color:#999; font-weight: 500; padding:12px 0 6px;}
.faq .faq-list .products03_7 dd .cont {color:#999; font-weight:400;}
.products03 .faq-list:first-child {padding-bottom: 60px;}

.about01_2 {padding-top:0;}
.about01_2_map {margin-bottom:60px;}
.about01_2_map p {text-align: center; font-size: 18px; padding: 20px 0; font-weight:400;}
.about01_2_cont {padding: 20px 20px 40px;}
.about01_2_how dt {display: flex; align-items: center; font-size:22px;}
.about01_2_how dt b {border-radius: 50%; width:34px; height:34px; line-height: 1; color: #fff; display: flex; align-items:center; justify-content: center;padding-bottom: 4px; margin-right:8px;}
.about01_2_how dt b.line9 {background: #cea43a;}
.about01_2_how dt b.line5 {background: #924bdd;}
.about01_2_how dt b.line2 {background: #3cb44a;}
.about01_2_how dd {padding:4px 0 20px 45px;}
.about01_2_how dd p {background: url("../../img/icon_dot_03.png") left 10px no-repeat; background-size:3px; padding: 0 0 10px 8px;}
.about01_2_how .bus_line {font-size: 17px; margin:10px -4px;}
.about01_2_how .bus_line span {border-radius:15px; width:60px; height:28px; line-height: 1; color: #fff; display: inline-flex; align-items:center; justify-content: center;padding-bottom:2px; margin-right:8px; font-size:15px;}
.about01_2_how .bus_line span.bus_blue {background: #1053b6;}
.about01_2_how .bus_line span.bus_green {background: #629c07;}
.about01_2_how .bus_line span.bus_gg {background: #aaa;}

.bbs_pic_best {border: 3px solid var(--bs-sub-yellow); border-radius:20px; padding:40px 80px; display: flex; justify-content: center; align-items: center; margin-bottom: 50px; cursor: pointer; margin-top: 10px;}
.bbs_pic_best .bbs_rcp_thumb {max-width:560px; margin-right:40px; height: 20.4vw; max-height:338px}
.bbs_pic_best .bbs_pic_cont_t { -webkit-line-clamp:2;}

.table_list {width:100%; margin-bottom:60px; margin-top:10px; border:none; padding:0; border-collapse:separate; border-spacing:0; *border-collapse:collapse; table-layout: fixed;}
.table_list th {height:60px;border-top:3px solid #666;border-bottom: 1px solid #666;font-size: 18px; font-weight: 400; text-align: center;}
.table_list td {text-align:center; padding:6px 8px 8px;border-bottom:1px solid #666; line-height: 1; color: #999;white-space: nowrap; font-size:17px;}
.table_list td.title {text-align: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width:600px;}
.table_list td.title a {color: #fff; padding:18px 0;  -webkit-box-orient: vertical;display:block;word-break: keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;}
.table_list td.title a img {width:20px; vertical-align:-3px; margin-right:6px;}
.table_list .td_num {width:60px;}
.table_list .td_tit {width:100%}
.table_list .td_file {width:80px}
.table_list td img {width:26px}
.table_list .td_hit {width:80px}
.table_list .td_date {width:110px}
.table_list .mo_con {display: none;}

.mypage_login {max-width: 500px; margin:90px auto 0;}
.mypage_login .check_area {margin-top:16px; margin-bottom:40px;}
.mypage_login_btn {margin-top:20px; display: flex; flex-direction: column; }
.mypage_login_btn button {width: 100%; border: none; border-radius:8px;  font-size:20px; letter-spacing: -0.05em; line-height: 1; height: 60px; margin-bottom:14px;}
.btn_login {background:var(--bs-sub-yellow); color: #fff;}
.btn_join_n {background:#06bd34; color: #fff; }
.btn_join_n span {background:url("../../img/icon_sns_n.png") left 3px no-repeat; background-size:32px; padding:4px 0 4px 44px;}
.btn_join_k {background:#fada00; color:#391b1b;}
.btn_join_k span {background:url("../../img/icon_sns_k.png") left 5px no-repeat; background-size:32px; padding:4px 0 4px 44px;}
.mypage_login_btn2 {display: flex; justify-content:center; margin-top:20px;}
.mypage_login_btn2 a {color: #666; font-size:17px; display: block; padding:6px 30px; line-height:1; position: relative;}
.mypage_login_btn2 a::after {content: ""; position: absolute;top: 50%;right: 0;transform: translateY(-50%);content: "";width: 1px;height:15px;background: #e6e6e6;}
.mypage_login_btn2 a:last-child::after {background: none;}

.mypage_join_step {display: flex; justify-content: center; column-gap: 50px; margin:80px 0 70px;}
.mypage_join_step li {border-radius: 50%; width: 140px; height: 140px; border:4px solid #efefef; display: flex; flex-direction: column; justify-content: center; align-items:center;  line-height: 1; padding-top:5px; position: relative;}
.mypage_join_step li span {color:#b8cfc2; font-weight:700; font-size: 18px; padding-bottom:6px;}
.mypage_join_step li p {font-size: 23px; font-weight:500; padding-bottom:8px; color: #b3b3b3;}
.mypage_join_step li.active {border-color:#dbdbdb;}
.mypage_join_step li.active span {color:var(--bs-sub-yellow); }
.mypage_join_step li.active p {color: #333}
.mypage_join_step li::after {content: "";position: absolute; right:-46px; top:50%; width:30px; height:30px; background: url("../../img/arrow_05_next.png") center center no-repeat; background-size:30px; margin-top: -15px;}
.mypage_join_step li:last-child::after {background:none;}

.mypage_join01 {display: flex; justify-content: center; column-gap:3vw; background: #f5f5f5; padding:60px 0;}
.mypage_join01 li {background: #fff; border: 2px solid #e1e1e1; border-radius:18px; display: flex; flex-direction: column; text-align: center; padding: 40px 4vw; line-height: 1;}
.mypage_join01 li p {margin-bottom: 10px;}
.mypage_join01 li p img {max-width:140px; width: 100%;}
.mypage_join01 li b {font-size: 40px; letter-spacing: -0.06em; font-weight: 500; margin-bottom:12px;}
.mypage_join01 li span {font-size: 18px; font-weight: 400; margin-bottom:35px;}

.title_lg2{color:#111;font-weight:500;padding:25px 35px 25px 35px;font-size:22px;border: 1px solid #ddd;border-bottom: none;border-radius: 10px 10px 0 0;background: #f5f5f5;}
.terms_box {width:100%;height:300px;padding:0 35px;margin-bottom:20px;border:1px solid #ddd;overflow-y:scroll;box-sizing: border-box;}
.terms_box p{padding-top: 30px;font-size: 16px;color: #999;}
.content_stance2{font-size:20px;font-weight:500;color:#333;margin: 40px 0 20px 0;}
.content_stance2 span{background: #69b3b7; color: #fff; padding: 2px 10px; border-radius: 20px;}
input[type="radio"]{margin-right: 10px;width: 20px;height: 20px;}
input[type="radio"],.terms input[type="radio"]:checked { appearance: none; width:20px; height: 20px; border-radius: 100%; margin-right:4px; vertical-align: sub;}
input[type="radio"] { background-color: #fff; border: 2px solid #ddd; position: relative; cursor: pointer;}
input[type="radio"]:checked{background-color: #fff;}
input[type="radio"]:checked::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 70%; height: 70%; background-color: #1b7618; border-radius: 100%;}

.mypage_join02 {}
.bbs_tit {width:70%; margin:0 auto 10px; display: flex; justify-content: space-between; align-items: baseline}
.bbs_tit b {font-size:28px; font-weight:600;}
.bbs_tit span {color: #f70000;}
.bbs_tit span i, .bbs_write_info dt i {font-weight:600; font-style: normal; vertical-align: middle; padding-right:4px; color: #f70000;}
.bbs_write_info .write_noti {font-size:15px; display: block; line-height: 1.6; font-weight:300; margin:10px 0 4px;}
.bbs_write_info .form-group {display: flex; column-gap: 10px; align-items: center;}
.bbs_write_info .check_area {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); overflow:hidden; grid-row-gap:18px; margin: 8px 0;}
.btn_join_n2, .btn_join_k2 {width:24%; min-width: 120px; max-width: 200px; border: none; border-radius:4px;  font-size:16px; letter-spacing: -0.05em; line-height: 1; height:40px; padding-bottom:3px;}
.btn_join_n2 {background:#06bd34; color: #fff; }
.btn_join_n2 span {background:url("../../img/icon_sns_n.png") left 5px no-repeat; background-size:22px; padding:4px 0 4px 30px;}
.btn_join_k2 {background:#fada00; color:#391b1b;}
.btn_join_k2 span {background:url("../../img/icon_sns_k.png") left 7px no-repeat; background-size:22px; padding:4px 0 4px 30px;}
.bbs_write_noti {font-size:14px; color:var(--bs-sub-yellow); text-align: right; font-weight:400;}
.bbs_write_noti span, .bbs_write_info dt span {color:var(--bs-sub-yellow); font-size: 18px; font-weight: 500; vertical-align: sub; display: inline-block; margin-right: 2px;}


.mypage_join03 {text-align: center; padding-top:20px;}
.mypage_join03_logo {margin-bottom:30px;}
.mypage_join03_logo img {width:140px;}
.mypage_join03_tit {font-size: 40px; font-weight: 500; letter-spacing: -0.06em; margin-bottom: 10px;}
.mypage_join03_cont {font-size:18px; font-weight:400; letter-spacing: -0.06em; margin-bottom:100px;}
.mypage_join03_cont b {font-size: 20px; color: var(--bs-sub-yellow);}
.mypage_tit {text-align: center; line-height: 1; margin-bottom: 50px;}
.mypage_tit b {color: var(--bs-sub-yellow); font-weight:400; font-size: 50px; letter-spacing: -0.05em; margin-bottom: 20px;}
.mypage_tit p {color:#999; font-weight:400; font-size:18px; margin-top:26px; line-height: 1.3;}
.bbs_write_info.modify dd {display: flex; justify-content: space-between; align-items: center;}

.popup_layer_bg {background: rgba(0, 0, 0, 0.6); position:fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 90000;}
.popup_layer {background: #fff; position: fixed; left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 100001; box-shadow:2px 2px 12px rgba(0, 0, 0, 0.1); padding: 30px; color: #333;}
.popup_layer_tit {font-size: 28px; font-weight:500; display: flex; line-height: 1; justify-content: space-between; align-items: center; border-bottom: 2px solid #e8e8e8; padding: 0 2px 16px;}
.popup_layer_tit a {display: block;}
.popup_layer_tit a img {width:28px;}
.popup_layer_body {padding:40px 10px 20px}
.popup_layer_body p {text-align: center; font-size: 18px; line-height: 1.5; padding-bottom: 30px;}
.popup_layer_tel {width:100%; margin:0 auto; padding-bottom:20px;}
.popup_layer_tel .form-group {display: flex; column-gap:10px; margin-bottom: 10px; justify-content:center; align-items: center;}
.popup_layer_tel .form-group img {width:36px; height:36px;}
.popup_layer_body .form-group input {background: #fff; border: 1px solid #ccc; height: 48px; color: #333;}
.popup_layer_quit {text-align: center; padding:0 0 50px;}
.popup_layer_quit_t {font-size: 26px; font-weight: 500; padding-bottom: 20px;}
.popup_layer_quit_c {font-size:18px; line-height: 1.4;}

.popup_layer_policy {padding: 0 16px;}
.popup_layer_policy dl {padding-top:20px;}
.popup_layer_policy dt {padding-top:20px; font-size: 22px; padding-bottom: 8px;}
.popup_layer_policy dd p {text-align: left; padding-bottom:10px; padding-left: 20px;}
.popup_layer_policy dd p.tit {font-weight:500; font-size: 120%; margin-left: -16px; padding-bottom:6px; padding-top: 10px;}
.popup_layer_policy ol {padding-left:46px;}
.popup_layer_policy ol li {list-style:decimal-leading-zero; padding-bottom:10px; line-height: 1.5;}

.search_result {font-size:34px; text-align: center; padding: 50px 0 40px}
.search_result b {color: var(--bs-sub-yellow); font-weight:500;}
.search_result_nav li {padding: 0 20px;}
.search_result_nav li a {text-align: center; font-size:20px;}
.search_result_nav li a span {color: #aaa; font-size: 18px; display: block; padding-top:8px; font-weight: 400;}
.search_list {padding-top:30px;}
.search_list dt {display: flex; justify-content: space-between; align-items:center; padding-bottom:16px}
.search_list dt p {font-size: 22px; border-left:12px solid #999; line-height: 1; padding-left: 14px;}
.search_list dt b {font-weight:500; color: #999;}
.search_list dt span {font-weight:400; color: #888; padding-left:3px; }
.search_list dt a {color: #999; font-weight:400; display: block; padding: 4px 10px;}
.search_list dd {padding:2px 0 50px;}
.search_list_set {padding-bottom:50px;}
.search_list_set li {margin-bottom:10px; border-radius: 12px; border: 1px solid #666; padding:16px 30px 20px;}
.search_list_cont { cursor: pointer;}
.search_list_cont span {color:var(--bs-sub-yellow);}
.cont_tit {font-size: 20px; font-weight:500; padding-bottom: 6px; }
.cont_body {font-size:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; margin-bottom:12px;}
.search_list_root {font-size: 18px; color: #999;}
.search_list_root a {color: #999; text-decoration: underline;}
.search_list_cont_none {color: #aaa; font-size: 20px;}
.bbs_view_cont_q {border-bottom: 1px dashed #ddd; margin-top: -20px; padding-bottom:30px; margin-bottom:30px}
.bbs_view_cont_q dt, .bbs_view_cont_a dt {font-size: 30px; color: #bbb; font-weight:500; padding-bottom:8px;}

.event_carousel{width: 100%;position: relative;padding-top:8%;overflow: hidden;}
.inner{width: calc(100% - 70px); height: 100%;position: absolute;top:0;left: 0; overflow: hidden; margin-right: 50px;}
.event_slide{width: 100%;height: 100%;position: absolute;top:0;right:0;left:0;z-index: 1;opacity: 0;}
.event_slide.active,.event_slide.left,.event_slide.right{z-index: 2;opacity: 1;}
.js-reset-left{left:auto}
.event_slide.left{left:-100%;right:0;}
.event_slide.right{right:-100%;left: auto;}
.transition .event_slide.left{left:0%}
.transition .event_slide.right{right:0%}
.transition .event_slide.shift-right{right: 100%;left:auto}
.transition .event_slide.shift-left{left: 100%;right:auto}
.transition .event_slide{transition-property: right, left, margin;}
.indicators{display: none; width: 0; height: 0;}
.arrow{width:28px;height:34px;position:absolute;z-index:1000;cursor:pointer;}
.arrow img {width: 100%;}
.arrow-left{right:27px; top: 0;}
.arrow-right{right:0px; top: 0;}
.event_slide{text-align:center;background-size:cover;}

.bbs_none {text-align: center; background: url("../../img/img_none2.png") center top no-repeat; background-size:120px; padding-top:100px; margin:60px 0 22px; font-size: 20px; color: #777;}

#main {margin-top: -110px;}
.nav_list {cursor: pointer; margin-left:20px; margin-top: -4px;}

.navbar .dropdown ul::before {content: ' '; height: 0;  width: 0; top: -10px; left: 50%; margin-left: -10px;  position: absolute;  border: 10px solid transparent;  border-top-width: 0;  border-bottom-color: #fff;}
.section_wrap {max-width: 1280px; margin:0 auto 30px; display: flex; justify-content: space-between; height: 100%;}
.section_wrap dt {line-height:1.4; font-weight:300; font-size: 20px; position: relative; min-width:120px; padding:22px 0 0 20px}
.section_wrap dt::before {content:""; position: absolute; top: 0; left:25px; display: block; width:10px; height:10px; border-radius: 50%;}
.section_wrap dt::after {content:""; position: absolute; left:30px; display: block; width:1px; }
.section_wrap dt span {display: block; text-align: center;width:20px}
.section_wrap dt.st1 {color:#55ba47;}
.section_wrap dt.st2 {color:#f7941d;}
.section_wrap dt.st3 {color:#68d4f7;}
.section_wrap dt.st1::before {background: #3c8332;}
.section_wrap dt.st2::before {background: #ad6814;}
.section_wrap dt.st3::before {background: #2d8cab;}
.section_wrap dt.st1::after {background: #2b5d24; top:350px; height:calc(100% - 350px);}
.section_wrap dt.st2::after {background: #7c4a0f; top:150px; height:calc(100% - 150px);}
.section_wrap dt.st3::after {background: #346a7c; top:150px; height:calc(100% - 150px);}
.section_wrap dd {width: 100%; max-width: 1160px;}

.main_rcp {padding:70px 0 70px;}
.main_rcp_list {position: relative; margin-top:26px; overflow: hidden;}
.main_rcp_prev {position: absolute; left: 0; top:50%; z-index: 1;  margin-top: -150px;}
.main_rcp_next {position: absolute; right: 0; top:50%; z-index: 1;  margin-top: -150px;}
.main_rcp_list ul {overflow: hidden; display: flex; column-gap:15px;}
.main_rcp_list ul li {}}
.main_rcp_list ul li img {width: 100%; transition: all ease 0.5s;}
.main_rcp_list li a:hover img { transform: scale( 1.08 );}
.main_brand {}
.main_brand_list { margin-top:26px; padding-bottom:50px;}
.brand_list_in {height: 240px; border-radius: 12px; border: 1px solid #333; background-size:cover; position: relative; background-position: center; padding:55px 0 0 90px;}
.brand_list_in_logo {position: absolute; right:22px; bottom:18px;}
.brand_list_in_logo img {width:50px;}
.brand_list_in_t {line-height: 1;}
.brand_list_in_t1 {color:rgba(255, 255, 255, 0.8); font-size: 20px; padding-bottom: 12px;  letter-spacing:-0.05em; font-weight: 300}
.brand_list_in_t2 {font-size: 34px; font-weight:500;  letter-spacing:-0.05em;}
.brand_list_in_btn {padding-top:40px; display: flex;}
.brand_list_in_btn a {display: block; color: #fff; padding: 10px 20px; line-height: 1; border: 1px solid #ccc; margin-right: 10px; font-weight: 300; font-size: 15px; transition:0.3s}
.brand_list_in_btn a b {font-weight:500;}
.brand_list_in_btn a:hover {color:var(--bs-sub-yellow); border: 1px solid var(--bs-sub-yellow); }
.list_layer .container {display: flex; }
.list_layer dl {display: block; border-right: 1px solid #ececec; margin-bottom: 0; padding:40px 0 60px; flex: 1;}
.list_layer dt {font-size: 18px; letter-spacing: -0.05em; text-align: center; padding-bottom:10px; color: #333;}
.list_layer dd {display: flex; flex-direction: column;}
.list_layer dd a {color: #666; font-size: 15px; text-align: center; padding:8px 0;}
.list_layer dd a:hover {background: #f6f6f6;}
.list_layer_logo {border-right: 1px solid #ececec; padding: 40px;}
.list_layer_logo img {width: 110px; }
.list_layer_close {min-width: 80px; text-align: center; padding-top:40px; cursor: pointer;}
.list_layer_close img {width: 30px}

.sub_mn {display: flex; justify-content: center; padding:10px 0 70px; column-gap:16px;}
.sub_mn a {color: #fff; border-radius:30px; border: 2px solid #666; font-size: 20px; line-height: 1; padding:12px 30px; display: block;}
.sub_mn li.active a {color:var(--bs-sub-yellow); border: 2px solid var(--bs-sub-yellow);}

.brand02_01_file { border: 1px solid #666; display: flex; border-radius: 6px; height:46px; align-items: center; padding:4px 10px; width: 100%;}
.brand02_01_file input { background:none; border:none; width: 100%; height: 100%; color: #fff;}
.brand02_01_b1 .form-control {padding: 0.5rem 1rem;}
.brand02_01_file a {display: block; padding: 5px; line-height: 1;}

.bx-chevron-up:before {content: "";position: absolute; top: 50%; left: 50%; width: 10px; height:10px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: 0; border-top: 3px solid #fff; border-left: 3px solid #fff; margin:13px 0 0 -16px}
.bx-chevron-down:before {content: "";position: absolute; top: 50%; left: 50%; width: 10px; height:10px; -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); margin-top: 0; border-top: 3px solid #fff; border-left: 3px solid #fff; margin:10px 0 0 -16px}

.sub_mn_local {display: flex; margin:-10px auto 80px;; justify-content: center;}
.sub_mn_local li {display: flex; flex-direction: column; align-items: center; cursor: pointer; border-right: 1px solid #242424; padding: 0 30px;}
.sub_mn_local li:last-child {border: none;}
.sub_mn_local img {width:100px;}
.sub_mn_local li span {font-size: 18px; margin-top:8px; line-height: 1;}
.sub_mn_local li.active span {color:var(--bs-sub-yellow)}
.sub_brand_list {padding-bottom:60px;}
.sub_brand_list .brand_list_in {margin-bottom: 20px;}

.sub_mn_item { display: flex; column-gap:50px; align-items: center; justify-content: center; margin:-10px auto 70px;}
.sub_mn_item li {font-size: 18px; border:2px solid #333; border-radius: 50%; width:100px; height: 100px; display: flex; align-items: center; justify-content: center; line-height: 1; cursor: pointer;}
.sub_mn_item li.active {background:var(--bs-sub-yellow); color: #000; font-weight:500; border:2px solid var(--bs-sub-yellow);}
.products01_01_note {margin-top: -15px; font-weight:400; color:#999;}

.se-component-content {font-family: 'Noto Sans KR'!important;}

.products01_s {margin-top: 0;}
.products01_s_tit {max-width:1256px; height: 180px; border-radius:20px; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 1.3; padding-top:12px;}
.products01_s_tit span {font-size: 26px; color: #fff;}
.products01_s_tit b {font-size:48px; color: #f2d7b3; }
.products01_s_tit.s_bg1 {background:url('../../img/products01_01_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg2 {background:url('../../img/products01_02_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg3 {background:url('../../img/products01_03_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg4 {background:url('../../img/products01_04_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg5 {background:url('../../img/products01_05_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg6 {background:url('../../img/products01_06_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg7 {background:url('../../img/products01_07_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg8 {background:url('../../img/products01_08_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg9 {background:url('../../img/products01_09_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg10 {background:url('../../img/products01_10_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg11 {background:url('../../img/products01_11_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg12 {background:url('../../img/products01_12_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg13 {background:url('../../img/products01_13_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg14 {background:url('../../img/products01_14_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg15 {background:url('../../img/products01_15_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg16 {background:url('../../img/products01_16_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg17 {background:url('../../img/products01_17_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg18 {background:url('../../img/products01_18_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg19 {background:url('../../img/products01_19_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_tit.s_bg20 {background:url('../../img/products01_20_top.jpg') center center no-repeat;background-size: cover;}
.products01_s_cont {padding:80px 40px 20px; color: #fff; font-size: 18px; line-height: 1.7; font-weight:300;}

.s_pad_b1 {padding-bottom:50px;}
.s_pad_b2 {padding-bottom:100px;}
.s_pad_t1 {padding-top:50px;}
.s_pad_t2 {padding-top:100px;}
.products01_s_pic {margin:0 auto; text-align: center;}
.products01_s_pic .s_pic2 {max-width: 960px; margin:0 auto; display: flex; flex-direction: row; justify-content: space-between;}
.products01_s_pic img {border-radius: 12px; max-width: 100%;}
.products01_s_pic_tit {color: #999; font-size: 16px; margin-top:18px; line-height: 1; font-weight: 400;}

.products01_s_cont dl {margin-bottom: 0;}
.products01_s_cont dd {padding:0 30px;}
.sub_title_s2 {color: #f5caab; font-size: 22px; padding-bottom:5px;}
.products01_s_cont ul {padding-left:30px;}
.products01_s_cont li {list-style: inherit; list-style-type: decimal-leading-zero; margin-bottom: 14px; line-height: 1.5}
.s_txt_p1 {color:var(--bs-sub-yellow);}
.s_txt_p2 {font-size: 110%;}
.s_txt_p3 {text-decoration: underline;}
.s_box_cont{border:1px dashed #999; margin:25px 0 0; padding:30px 30px 18px;}
.s_box_cont_p {background: #282828; padding: 10px 20px; margin-bottom:18px;}
.s_box_cont_p b {font-weight:500}
.s_cont_st2 {text-align: center; border-top: 1px solid #333; padding:60px 0 100px; line-height: 1.8;}
.s_cont_st2 p {font-size: 32px; font-style: italic; font-weight:700; padding-bottom:8px;}
.s_cont_st3 {display: flex; justify-content: space-between;}
.s_cont_st3 .products01_s_pic {text-align: right; margin: inherit; min-width: 396px;}
.s_cont_st4 {background: #333; border: 1px solid #000; border-radius:12px; text-align: center; padding: 30px;}
.s_pic2_1 {display: flex; column-gap: 20px; justify-content: center; margin:30px 0 10px}






























@media screen and (max-width:1500px) {

}


@media (max-width: 1200px) {
.about02_01_tit {font-size: 30px;}
.about02_01_cont {font-size:16px;}
.about02_01_l {width: 280px; height:280px;}
.about02_01_l::before {width: 30px; right: -30px;}
.about02_02 {padding:40px 300px 0 120px; height:340px; border-radius:170px;}
.about02_01 {height: 280px; background-size:contain;}
.about02_02_tit {font-size: 30px;}
.about03_1 ul li {width:32%;}
.about03_2_t {padding:30px 40px;}
.about03_2_t1 {font-size: 26px; padding-right: 30px;}
.about03_2_t2 {font-size: 17px; padding-left: 30px;}
.about03_3_t {padding: 30px 50px;}
.bbs_pic_best {padding: 20px 40px;}
.bbs_pic_best .bbs_rcp_thumb {height:22vw}
.bbs_rcp_thumb {height:15vw}
.bbs_pic_thumb {height: 20vw;}
.bbs_write_info .check_area {grid-template-columns: repeat(2, minmax(0, 1fr))}
.products01_list li {padding:20px 22px ;}
.products01_list li span {font-size:18px;}
.products01_list li b {font-size:30px;}
.products03_3 li p.txt a {font-size: 15px;}
.products03 .sub_cont {padding-bottom: 50px;}
.search_result {font-size: 26px; padding: 30px 0}

.navbar li:not(:last-child) a {padding: 14px 32px}
.section_wrap dt {display: none;}
.section_wrap {max-width: none;}
.section_wrap dd {max-width: none}
}



@media (max-width: 992px) {
#header, #header_s {padding: 0 12px; width: 100%;}
.navbar-mobile a, .navbar-mobile a:focus {font-size:16px;}
.navbar-mobile .dropdown ul { box-shadow:none; padding-top: 0; margin-top: 0;}
.navbar>ul>li>a:before, .navbar>ul>li:not(.dropdown)>a:before {display: none;}
.navbar .dropdown:nth-child(1) ul, .navbar .dropdown:nth-child(2) ul, .navbar .dropdown:nth-child(3) ul, .navbar .dropdown:nth-child(4) ul, .navbar .dropdown:nth-child(5) ul {margin-left: 0; width: 100%;}
.navbar .dropdown ul a {text-align: left; padding-left:40px}
.main_food_list .swiper-button-prev_bg {width: 100px; background-size: contain;}
.main_food_list .swiper-button-next_bg {width: 100px; background-size: contain;}
.main_board {flex-direction: column; padding:40px 20px; row-gap:50px;}
.main_board_wrap:nth-child(1), .main_board_wrap:nth-child(2), .main_board_wrap:nth-child(3) {width: 100%; padding: 0; border: none;}
.main_board p.title {font-size: 15px;}
.main_board ul {padding-top: 16px;}
.main_board li {margin-bottom: 6px;}
.sub_nav_list li a {font-size: 15px; height: 60px;}

.about02_02_img {display: none;}
.about02_02 {padding:36px 120px; height:340px; border-radius:170px; margin-top:360px;}
.about02_01 {justify-content: center; height: 200px;}
.about02_01_l {margin-right: 0; margin-top:550px;}
.about02_01_l::before {display: none;}
.about04 {margin-top: -20px;}
.about04_list {grid-template-columns: repeat(2, minmax(0, 1fr)); }

.table_list {margin-top: -20px; margin-bottom:30px; border-top:3px solid #666;}
.table_list thead, .table_list td {display: none;}
.table_list td.title {display:block; font-size:18px; max-width: 800px;}
.table_list td.title a {padding: 14px 0; max-width:100%; width: 100%;}
.table_list td.title .mo_con {display: flex; align-items: center; column-gap:16px; font-size:16px;}
.table_list td.title .mo_con img {width:20px;}
.table_list td {padding-bottom:20px}
.bbs_search {padding-top: 30px;}
.table_list colgroup col {width:0%!important; }
.table_list colgroup col.td_num {width:100%!important; }
.bbs_pic_best .bbs_rcp_thumb {height:17vw}
.brand02_01 {margin-bottom:70px;}
.brand02_01_a {flex-direction: column; row-gap:30px; padding:0 10px 0; margin-top: -50px;}
.brand02_01_a1 {width: 100%; padding-bottom:0; height:200px; background-size: cover; padding-top:30px;}
.brand02_01_a2 {width: 100%}
.brand02_01_b1 {padding-top:40px;}
.brand02_btn {border: none; padding-top:0;}
.brand02_01 {padding: 0 20px;}
.brand02_01_b {flex-direction: column;}
.brand02_01_b1 {width: 100%;}
.faq .faq-list {padding: 10px 0 50px;}
.faq .faq-list a {margin: 20px; font-size: 17px; background-size: 20px; padding: 0 28px;}
.faq .faq-list p {padding:18px 20px 16px 48px; font-size: 17px; background: url("../../img/icon_a.png")#333 20px 20px no-repeat; background-size: 20px;}
.brand02_contact {flex-direction: column; padding: 0 20px; row-gap:10px;}
.brand02_01_a1 img {width: 120px;}
.brand02_01_a1 p {padding:0 0 20px;}
.sub_cont {padding: 0 0 20px 26px; font-size: 17px;}
.brand02_contact_in {border:2px solid #ddd; padding: 16px 30px;}
.brand02_contact_in img {width: 60px;}
.brand02_contact_in p {font-size: 18px;}
.brand02_contact_in p b {font-size:20px;}
.bbs_write_info dt {font-size: 15px; min-width:100px; width:100px;}
.bbs_write_info.st2 dt {font-size: 15px; min-width:110px; width:110px;}
.mypage_join_step {column-gap:30px; margin:40px 0;}
.mypage_join_step li {border-radius: 50%; width: 110px; height: 110px; border:3px solid #efefef; }
.mypage_join_step li span {font-size: 16px;}
.mypage_join_step li p {font-size: 20px;}
.mypage_join_step li::after {right:-34px; background-size:26px;}
.btn_lg {padding:18px 30px 20px; font-size: 20px;}
.btn_mid {padding:14px 36px 16px; }
.btn_sm {padding:8px 20px 10px; justify-content: center;}
.mypage_join01 {padding:30px 20px;}
.mypage_join01 li {padding:28px 2vw; column-gap:1vw;}
.mypage_join01 li b {font-size:34px;}
.bbs_write_info .check_area {grid-template-columns: repeat(1, minmax(0, 1fr))}
.products01_list {grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom:70px;}
.products01_list li {padding:20px 22px ;}
.products01_list li span {font-size:16px;}
.products01_list li b {font-size:28px;}
.table_col tbody th, .table_col tbody td {font-size:16px; padding: 18px 6px}
.bbs_view_cont {padding: 30px 10px;}
.products03_3 {grid-template-columns: repeat(2, minmax(0, 1fr)); grid-row-gap:15px;}
.btn_area_center.st2 {flex-direction: column;}
.btn_area_center.st2 button {margin-bottom: 10px; font-size: 16px; padding: 18px 4px 20px;}
.search_layer {top:0;}
.search_layer .container {height: 100px;}
.search_layer_input_in {width:90%; padding:5px 14px}
.search_layer_input_in .form-control {height: 42px;}
.search_layer_close img {width: 22px;}
.search_layer_input_in img {width: 28px;}
#footer .footer-top .container .row div:nth-child(1) {order:2}
#footer .footer-top .container .row div:nth-child(2) {order:1;}
#footer .footer-top .footer-links ul {margin:0 auto}
#footer .footer-top .footer-links {margin-bottom: 10px;}
.nav_list {display: none;}
.brand_list_in {padding:44px 0 0 50px}

.main_vod .container {column-gap: 30px;}
.main_vod_cont {overflow: hidden;}
.nav_right {display: none;}
.main_top_cont_event {background-size: 100% 60px; padding: 20px 8%;}
}





@media (max-width: 768px) {
.main_top {height:500px; background-size:cover; padding-top: 150px}
.main_top_cont {}
.main_top_cont_tit {padding:60px 0 20px;}
.main_top_cont_tit p span {font-size:28px;}
.main_top_cont_tit p {font-size:20px; margin-bottom:12px}
.main_top_cont_link {padding: 0 20px; text-align: center;  display: block;}
.main_top_cont_link a {padding:10px 35px 10px 0; margin-bottom: 10px; font-size: 18px; background-size:23px; display: inline-block; background-position: right top 9px;}
.main_top_cont_event dt {font-size:16px; margin-right:14px;}
.main_top_cont_event dt span {padding-right:14px; background-position:right top 7px;}
.main_top_cont_event {padding:14px 16px; background-size:100% 66px; bottom: 16px;}
.main_top_cont_event .date {display: none;}
.main_top_cont_event .title {font-size: 16px;}
.main_top_cont_event .title a {margin-right: 0;}
.main_top_cont_event dd {width: calc(100% - 90px);}
.main_top_cont_event .txt {font-size: 15px;}
.main_top_cont_event .swiper-slide {background: url(../../img/icon_dot_01.png) left 12px no-repeat;background-size:2px;padding-left:8px;}
.section_tit {font-size:24px;}
.section_tit_s {padding-top:4px; font-size: 15px;}
.section_tit_more {width:22px; padding-top:3px; margin-left: 20px;}
.section_tit_more img {width:22px; height: 22px;}
.main_food {padding: 30px 0 10px}
.section_tit , .section_tit_s  {padding-right:18px; padding-left:18px;}
.main_food_list .swiper-slide span {font-size: 22px;}
.main_food_list .swiper-slide b {font-size:24px;}
.main_food_list .section {padding-top:0.2rem;}
.main_food_list .swiper-slide {padding:0 0 0 0; height:180px;}
.main_food_list .swiper-button-next, .main_food_list .swiper-button-prev, .main_food_list .swiper-button-prev_bg, .main_food_list .swiper-button-next_bg {display: none;}
.main_vod {padding-bottom:20px;}
.main_vod .container {flex-direction: column; padding: 0; row-gap:70px; }
.main_vod .main_vod_in {width:100%;}
.main_vod_cont {margin-top: 22px;}
.main_vod_tit {font-size:14px; padding: 12px 4px 0;}
#footer {font-size: 13px;}
#footer .footer-top .footer-info h3 {display: none;}
#footer .footer-top {padding: 20px 16px;}
#footer .footer-top .footer-links {justify-content: flex-start;}
#footer .footer-top .footer-info {margin-bottom: 15px;}
#footer .footer-top .footer-info p {font-size: 13px; font-weight: 300;}
#footer .footer-top .footer-links ul li {padding-right: 0;}
#footer .footer-top .footer-links ul li span {margin-right: 11px;}
.sub_top {height: 130px;}
.sub_top .container {padding: 0 20px 22px;}
.sub_tit_depth1 {font-size:26px; padding-left:2px; margin-bottom: 12px;}

.sub_nav {padding-top:00px; display: none;}
.sub_nav_list {display: none;}
.search_result_nav {display: block;}
.sub_nav_tab {padding-bottom: 10px;}
.sub_nav_tab li {padding: 0 8px;}
.sub_nav_tab li a {font-size:17px;}
.sub_nav_tab li a span {font-size:16px;}
.about01 {margin: 0 -10px; height: 640px;}
.about01_cont {padding-top:20px; overflow: hidden;}
.about01_cont_t {margin-bottom: 40px;}
.about01_cont_t1 {padding: 0 0 20px 0; font-size: 16px;}
.about01_cont_t2 { padding: 0 0 50px 0; font-size: 16px;}
.about01_cont_t3 { padding: 0; font-size: 16px;}
.about01_cont_t3 b {font-size: 28px;}
.about01_cont_t3 img {width: 160px;}
.about01_cont_t3 span {font-size: 22px;}
.about01_cont_t1 img {width: 170px;}
.about01_cont_c {font-size: 15px;}
.about01_cont_c p {padding-left:36px;}
.sub_contents {padding: 0 10px 50px; margin-top:30px;}
.sub_title {font-size:20px; margin-bottom:16px; letter-spacing: -0.05em; padding-left:8px; padding-bottom:0}
.about01_2_map p {font-size: 16px;}
.about01_2_how dt {font-size: 20px;}
.about01_2_how dt b {width:28px; height:28px; padding-bottom:1px;}
.about01_2_cont {padding: 12px 20px 30px;}
.about01_2_how dd {padding: 8px 0 20px 4px;}
.about01_2_how dd p {padding-bottom: 20px; font-size: 15px;}
.about01_2_how .bus_line {font-size: 15px; margin: 8px -4px;}
.about01_2_how .bus_line_t {font-size: 15px;}
.about01_2_how .bus_line span {width: 55px; height: 25px;}
.about02_01 {padding: 0; height: 160px; margin-top: -20px;}
.about02_01_l {margin-top: 500px;}
.about02_01_tit {font-size: 24px;}
.about02_01_cont {font-size: 15px;}
.about02_02_tit {font-size: 24px; margin-bottom:10px;}
.about02_02_cont {font-size: 15px;}
.about02_02_cont p {padding-bottom: 20px;}
.about02_02 {padding:20px 20px 10px; height: auto; border-radius:30px; margin-top:360px; border:4px solid var(--bs-sub-yellow) }
.about03_1 {padding:10px 20px 30px 0; margin-bottom: 60px;}
.about03_1 ul li {width:48%; padding-bottom:20px}
.about03_1 ul li p {line-height: 1.2; height:auto; font-size:14px;}
.about03 {margin-top:-10px;}
.about03_2_t {flex-direction: column; padding:4px 10px 25px;}
.about03_2_t1 {width: 100%; border: none; padding-right: 0; padding-bottom: 15px;font-size: 22px;}
.about03_2_t2 {width: 100%; padding-left: 0;font-size:17px;}
.about03_2_in {padding: 0 10px; margin-bottom:46px;}
.about03_2_in_bg {padding: 30px 0 10px;}
.about03_2 {margin-bottom: 60px;}
.about03_2_in_tit {font-size: 18px; padding: 6px 0 8px;}
.about03_3_t {padding: 20px 30px;}
.about03_3_in {padding: 40px 60px;}
.about04_list {grid-template-columns: repeat(1, minmax(0, 1fr));}
.about04 {margin-top: -10px;}
.about04_list li {padding:18px 26px;}
.bbs_pic_best {padding:20px 18px 0; flex-direction: column;}
.bbs_pic_cont_t {font-size: 19px; margin-bottom: 8px;}
.bbs_pic_cont_i {font-size: 15px; margin-bottom: 8px;}
.bbs_pic_cont_s {font-size: 16px;}
.bbs_pic_best .bbs_rcp_thumb, .bbs_rcp_thumb {margin: 0; height:47vw;}
.bbs_pic, .bbs_pic2 {grid-template-columns: repeat(1, minmax(0, 1fr));grid-column-gap:0;grid-row-gap:30px; padding: 0 10px;}
.bbs_paging a {margin: 0 1px;}
.bbs_pic_cont {padding: 14px 2px;}
.bbs_event {flex-direction: column; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-column-gap:0; grid-row-gap:30px; padding: 0 10px; margin-top: -20px;}
.bbs_pic_thumb {height: 62vw;}
.brand01_01_web {display: none;}
.brand01_01_mob img {max-width: 100%;}
.brand01_01_mob {display: block; padding: 0 6px 80px}
.table_col thead tr:first-child th {font-size:14px;}
.table_col tbody th, .table_col tbody td {font-size:13px; padding:12px 4px}
.brand01_tit {font-size:22px;}
.brand01_tit p {font-size: 15px;}
.brand01_02_list li {flex-direction: column; margin-bottom: 50px;}
.brand01_02_list .list_pic {margin-right: 0; margin-bottom: 16px;}
.brand01_02_list .sub_title_s {text-align: center;}
.brand01_02_list .list_cont {font-size: 16px;}
.brand01_02_web {display: none;}
.brand01_02_web img {max-width: 100%;}
.brand01_02_mob {display: block;}
.brand01_02_mob img {width: 100%}
.brand02_01 {padding: 5px 10px; margin-bottom: 50px}
.sub_nav_tab.st2 li {padding: 0 2px;}
.sub_nav_tab.st2 li {font-size: 18px;}
.brand_map {margin-bottom:10px;}
.brand_forest {margin-bottom:30px;}
.bbs_write {width: 100%; padding: 0}
.bbs_noti {margin-top: -20px; font-size: 13px; padding-bottom: 18px;}
.bbs_write_info .write_cate {grid-template-columns: repeat(2, minmax(0, 1fr));grid-column-gap:0;grid-row-gap:20px;}
.bbs_view {margin-top: -20px;}
.bbs_view_tit {font-size:20px; padding-bottom: 25px;}
.bbs_view_info {font-size: 14px;}
.bbs_view_info_r {column-gap:20px}
.bbs_view_cont_q dt, .bbs_view_cont_a dt {font-size: 24px;}
.mypage_tit {margin-bottom:30px;}
.mypage_tit b {font-size:40px;}
.mypage_tit p {font-size: 16px; margin-top:24px;}
.mypage_login {padding: 0 20px; margin-top:50px;}
.bbs_write_info.modify dd {flex-direction: column; align-items: flex-start;}
.bbs_write_info.modify dd button {margin-top: 10px;}
.bbs_write_info .write_cate p {font-size: 15px;}
.popup_layer_tel .form-group {flex-direction: column; row-gap:15px;}
.popup_layer_tel .form-group input {width: 100%!important;}
.popup_layer_tel .form-group button {margin-bottom: 12px;}
.mypage_join_step {display: none;}
.mypage_join01 {flex-direction: column; margin: 0 -10px; row-gap:12px;}
.mypage_join01 li span {margin-bottom: 20px;}
.mypage_join02 {margin-top: 20px;}
.title_lg2 {font-size: 18px; padding:14px 26px;}
.terms_box {padding: 0 26px;}
.content_stance2 {font-size: 16px;}
.bbs_tit {width: 100%;}
.mypage_join03 {padding:50px 20px 20px;}
.mypage_join03_logo img {width: 100px;}
.mypage_join03_tit {font-size: 30px;}
.mypage_join03_cont {margin-bottom: 50px;}
.mypage_login_btn2 a {padding: 6px 16px;}
.products01 {padding-top:0;}
.products01_list li {padding:16px 13px ; height: 120px;}
.products01_list li span {font-size: 15px;}
.products01_list li b {font-size: 25px;}
.bbs_view_file {padding:18px 20px;  font-size: 14px;}
.bbs_view_prevnext dt { font-size: 15px; width:90px; padding:20px 0 20px 20px; }
.bbs_view_prevnext dt span::before {top: 50%;transform: translateY(-75%);left:20px;}
.bbs_view_prevnext dd {padding:18px 12px; width: calc(100% - 90px)} 
.products03 {margin-top:0;}
.products03_1 {margin-top: 20px; padding-left: 20px;}
.products03_1 dl {flex-direction: column;}
.products03_1 dt {min-height:60px; padding-left:15px; font-size: 20px; background: #f5f5f5; color: #333; padding: 0;}
.products03_1 dt span {padding: 0 2px 0 20px;}
.products03_1 dt img {width:58px;}
.products03_1 dt b {border-right:none; padding-left: 0;}
.products03_1 dd {padding:12px 15px 18px;}
.products03_2 {grid-column-gap: 4px; margin-top:5px;}
.products03_2 li {border: none; border-radius: 0; padding-top: 0; margin-top: 10px; background:none;}
.products03_2 li p {font-size: 16px; border: 1px solid #666; border-radius: 0 0 8px 8px; margin-top:0; padding: 10px 0 12px; background: #333;}
.products03_3 {grid-template-columns: repeat(1, minmax(0, 1fr));  margin:20px 0 25px; grid-row-gap:50px; }
.products03_3 li p.txt {font-size: 16px;}
.products03_3 li::after {content: "";position: absolute; left:50%; bottom:-40px; width:30px; height:30px; background: url("../../img/arrow_05_down.png") center center no-repeat; background-size:30px; margin-left: -15px; top: auto}
.sub_cont_t {font-size:18px; margin-top: 30px;}
.products03_4 {grid-template-columns: repeat(1, minmax(0, 1fr));  margin:20px 0 25px; grid-row-gap:50px; }
.products03_4 li::after, .products03_4 li:nth-child(1)::after, .products03_4 li:nth-child(2)::after, .products03_4 li:nth-child(5)::after  {content: "";position: absolute; left:50%; bottom:-40px; width:30px; height:30px; background: url("../../img/arrow_05_down.png") center center no-repeat; background-size:30px; margin-left: -15px; top: auto; right: auto;}
.products03_4 li:nth-child(5) {order:5;}
.products03_4 li:nth-child(4) {order:6;}
.products03_4 li:nth-child(4)::after {background: none;}
.products03 .sub_cont {padding:0 8px 50px;}
.products03_5 {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); overflow:hidden; grid-row-gap:30px; }
.search_list dt a {font-size: 15px;}
.search_result  {font-size: 22px;}
.search_result_nav li a {padding:15px 4px;}
.search_result_nav {padding-top: 0;}
.search_result_nav li a span {}
.search_list dt b {font-size: 20px;}
.search_list dt p {font-size: 18px; padding-left: 10px;}
.cont_tit, .search_list_cont_none {font-size: 18px;}
.cont_body, .search_list_root {font-size: 16px;}
.search_list_set {padding-bottom: 20px;}
.search_list_set li {margin-bottom:12px;}
.search_list dd {padding:0 6px 30px;}
.bbs_wrap {}
.arrow{width:24px;height:30px;position:absolute;z-index:1000;cursor:pointer;}
.arrow-left{right:23px; top: 0;}
.arrow-right{right:0px; top: 0;}
.event_carousel {height: 29px;}
.inner{width: calc(100% - 50px);}
.main_top_cont_event .event_slide {padding-left:5px;}
.nav_search {margin-right: 5px;}

.btn_lg {padding:16px 20px 17px; font-size:18px;}
.btn_mid {padding:12px 28px 14px; }
.btn_sm {padding:6px 12px 7px; font-size: 13px;}
.btn_down {background-size:18px;}
.btn_link {background-size:18px; padding-right:20px;}
.sub_cont {font-size: 15px;}
.sub_title_s b {font-size: 20px;}
.form-control {font-size: 14px;}
.form-control-lg {font-size: 1.1rem;}
.form-select {padding:0.25rem 2.25rem 0.25rem 0.75rem; font-size: 14px;}
.check_area {font-size: 14px;}
.faq .faq-list a, .faq .faq-list p {font-size: 15px;}
.brand02_contact_in img {width: 50px;}
.brand02_contact_in p {font-size: 16px;}
.brand02_contact_in p b {font-size: 18px;}
.brand02_contact_in {padding: 16px 20px;}
.bbs_write_info dt {font-size: 14px; min-width:90px; width:90px}
.bbs_write_info .write_noti {font-size: 13px;}
.form-select[multiple], .form-select[size]:not([size="1"]) {padding-right: 0.1rem;}
.bbs_search .alt select {font-size: 14px;}
.bbs_search .btn_search {font-size: 13px; min-width:50px; padding: 0 8px;}
.bbs_search .search {width:40%;}
.bbs_none {background-size:100px; padding-top:80px; margin:60px 0 30px; font-size:18px;}
.nav_list {display: none;}
.carousel-container .logo {width: 240px;}
.carousel-control-prev-icon::before, .carousel-control-next-icon::before {display: none;}
#main {margin-top: -60px;}
#header.fixed-top {height: 60px;}
.cont_event_arrow img {width: 18px;}
.main_rcp {padding:30px 0 20px;}
.main_brand_list {padding: 0 20px 0;}
.sub_brand_list {padding-bottom:40px;}
.brand_list_in {height:180px; padding:30px 0 0 20px; background-position: right -190px  center;}
.brand_list_in_t1 {font-size: 13px; padding-bottom:8px; letter-spacing: -0.04em;}
.brand_list_in_t2 {font-size:22px;  letter-spacing: -0.04em;}
.brand_list_in_btn {padding-top:56px;}
.brand_list_in_btn a {padding: 4px 8px 6px; font-size:13px; background: rgba(0,0,0,0.4)}
.brand_list_in_logo {display: none;}
#header_s.s_search {height: 70px;}
.sub_tit {padding:50px 0 0;}
.faq .faq-list.st2 a {padding: 0 26px 0 0;}
#header, #header_s {height: 150px;}
.faq .faq-list .products03_7 { padding:16px 15px 10px 15px; }
.faq .faq-list .products03_7 dt {font-size:15px; padding-bottom:10px;}
.faq .faq-list .products03_7 dd {font-size:14px; padding:10px 12px 10px; margin-bottom:10px;}
.faq .faq-list .products03_7 dd .tit {padding:12px 0 6px;}
.faq .faq-list .products03_7 img {max-width: 100%; width: 100%;}
.products03_6 li {padding: 14px 8px 10px}
.bbs_write2 {width:96%;}
.bbs_view {padding:26px 12px;}
.sub_mn {padding:0 0 40px; column-gap:8px;}
.sub_mn a {border-radius:30px;  font-size: 16px; padding:8px 12px 10px;}
.sub_mn_item {column-gap:10px; margin:-10px auto 30px;}
.sub_mn_item li { width:76px; height:76px; font-size: 16px;}
.sub_mn_local {flex-wrap: wrap; margin-bottom:50px;}
.sub_mn_local li {padding: 0 16px;}
.sub_mn_local li:nth-child(1), .sub_mn_local li:nth-child(2), .sub_mn_local li:nth-child(3) {margin-bottom: 30px;}
.sub_mn_local li:nth-child(3) {border: none;}
.sub_mn_local img {width:80px;}
.sub_mn_local li span {font-size: 16px; margin-top:6px; }
.popup_layer {padding:16px;}
.popup_layer_tit {font-size: 20px;}
.popup_layer_tit a img {width: 22px;}
.popup_layer_body {padding: 20px 0}
.popup_layer_policy {padding: 0 10px 0 0;}
.popup_layer_policy dt {font-size: 16px;}
.popup_layer_policy ol li, .popup_layer_body p {font-size:15px;}
.brand02_01_a {padding: 0;}
.brand02_01_b1 {padding-top:20px;}
.brand02_btn {margin-top: 20px;}

.brand01_01 { padding-bottom:80px;}
.brand01_01 li img {width:80px;}
.brand01_01 li {width:50%; padding:20px 0; }
.brand01_01 li:nth-child(4) {border-left:1px solid #333;}
.brand01_01 li:nth-child(4) {border-bottom:1px solid #333;}
.brand01_01 li:nth-child(1), .brand01_01 li:nth-child(3), .brand01_01 li:nth-child(5) {border-left:none;}
.brand01_01 li:nth-child(5), .brand01_01 li:nth-child(6) {border-bottom:none;}
.brand01_01 li p {font-size:15px; line-height: 1.2; }
.brand01_02_list {padding-bottom:30px;}
.bbs_event_label { width:90px; height: 70px; padding: 0 8px 8px 0;  font-size: 14px;}
.bbs_pic3 {margin-bottom:60px;}
.sub_tit_depth1 img {width:200px;}
.about02 {padding:10px 8px 220px; margin: 0 8px; background: url("../../img/about_img2.jpg") center bottom no-repeat; background-size: contain}
.about02 dt {font-size: 22px; padding: 7px 20px 10px;}
.about02 dd {font-size: 16px; padding: 10px 5px 40px; line-height: 1.5;}
.products01_01_note {font-size: 14px; margin-top: -22px;}
.bbs_view_info {flex-direction: column; padding:10px 8px; line-height: 1.8;}
.brand02_01_list p {font-size: 14px; padding-bottom:12px;}

.se-component-content {padding:0px 0px!important;}



.products01_s_tit {height:120px;  line-height: 1.2; padding-top:6px;}
.products01_s_tit span {font-size: 20px; }
.products01_s_tit b {font-size:30px;}
.products01_s_cont {padding:40px 15px 10px; color: #fff; font-size:15px; line-height: 1.7; font-weight:300;}
.products01_s_cont img {width: 100%; max-width: 100%;}

.s_pad_b1 {padding-bottom:40px;}
.s_pad_b2 {padding-bottom:80px;}
.s_pad_t1 {padding-top:30px;}
.s_pad_t2 {padding-top:60px;}
.products01_s_pic .s_pic2 {flex-direction:column; row-gap: 12px;}
.products01_s_pic .s_pic2 div:first-child {padding-bottom: 24px;}
.products01_s_pic_tit {font-size:14px; margin-top:16px; line-height: 1.2; font-weight: 400;}

.products01_s_cont dd {padding:0 0;}
.products01_s_cont ul {padding-left:20px;}
.products01_s_cont li {margin-bottom: 14px;}
.sub_title_s2 {font-size:18px;}
.s_box_cont{border:1px dashed #999; margin:25px 0 0; padding:18px 22px 8px;}
.s_box_cont_p {padding:8px 12px; margin-bottom:18px;}
.s_cont_st2 {padding:40px 0 80px; line-height: 1.7;}
.s_cont_st2 p {font-size: 28px; font-style: italic; font-weight:700; padding-bottom:8px;}
.s_cont_st3 {flex-direction: column;}
.s_cont_st3 .products01_s_pic {text-align: right; margin: inherit; width:100%; min-width:100%; margin-top: -30px;}
.s_cont_st4 { padding:15px;}
.s_pic2_1 {display: flex; flex-direction: column; column-gap: 20px; justify-content: center; margin:30px 0 20px}
.s_pic2_1 div:first-child {padding-bottom: 30px;}
}