4.footer #Privacy asection_area { padding: 3vmax 0 2vmax; }
.section_area .area_title { position: relative; padding-bottom: .3em; letter-spacing: 0; text-align: center; font-size: 2.25rem; font-weight: 600; }
.section_area .area_title:before { position: absolute; width: 3em; height: .1em; background: var(--primary); display: block; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; }
.section_area .sub_title { font-weight: 500; font-size: 1.1em; color: var(--primary); }
.section_area .more_btn { padding: 0 .2em; border-bottom: 2px var(--g_800) solid; font-weight: 500; }
.section_area .list_box { position: relative; margin-top: 2vmax; z-index: 9; }
.section_area .list_box .item_row { margin: 0 1em; }
.section_area .list_box .slick-dots { position: relative; margin: 1em 0; bottom: 0; }
/* about_area */
#about_area {padding: 120px 20px 200px;background: linear-gradient(to bottom,#f2e9dc,#ffffff);color: #ffffff;overflow: hidden;position: relative;}
#about_area .about_wrapper { display: grid; grid-template-columns: repeat(14,1fr); gap: 15px; width: min(1280px,95%); margin: 0 auto; position: relative; }
#about_area .about_title_box { grid-column: 1/8; grid-row: 1; align-self: end; padding-bottom: 80px; }
#about_area .about_subtitle {font-size: 2.2rem;font-weight: 800;letter-spacing: 0.05em;text-transform: uppercase;color: #9e8066;border-bottom: rgb(250 235 215/40%) 1px solid;padding-bottom: 10px;margin-bottom: 30px;line-height: 1.5;text-align: center;}
#about_area .about_subtitle b {color: var(--primary);margin: 0 5px;font-size: 1rem;}
#about_area .about_subtitle span {color: #232323;font-weight: 400;font-size: 1.25rem;letter-spacing: .5px;}
#about_area .about_intro { font-size: 1rem; line-height: 1.8; color: #eaddcf; font-weight: 300; }
#about_area .about_intro p {line-height: 1.8;}
#about_area .about_intro p.solgon {padding: 10px 20px;display: flex;text-align: center;background: var(--primary);margin: 30px 0 40px 0;justify-content: center;gap: 10px;align-items: center;font-weight: 500;font-size: 1.5rem;color: white;}
#about_area .about_intro p.solgon b { font-size: 2rem; color: white; line-height: 1rem; display: flex; flex-direction: column; justify-content: center; margin-top: 8px; flex: 1; }
#about_area .about_intro p.solgon b:last-child { display: flex; align-items: flex-end; }
#about_area .about_img_small { position: relative; grid-column: 9/15; grid-row: 1; align-self: end; overflow: visible; }
#about_area .about_img_small:before { content: ""; position: absolute; width: 24vw; aspect-ratio: 2/2; background: rgb(250 235 215/13%); bottom: -70px; z-index: 0; right: 2vw; border-radius: 20px 120px 20px 20px; }
#about_area .about_img_small img {width: 100%;height: 100%;object-fit: cover;aspect-ratio: 16/12;display: block;transition: transform 0.8s ease;z-index: 2;position: relative;border-radius: 20px 120px 20px 20px;}
#about_area .about_img_small:hover img { transform: scale(1.05); }
#about_area .about_img_large { grid-column: 1/8; grid-row: 2/5; position: relative; z-index: 1; overflow: visible; }
#about_area .comore a { margin-top: 5px; }
#about_area .about_img_large img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4/5; display: block; transition: transform 0.8s ease; z-index: 2; position: relative; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); border-radius: 20px 20px 20px 120px; }
#about_area .about_img_large:hover img { transform: scale(1.05); }
#about_area .about_text_box { grid-column: 9/15; grid-row: 4; padding: 80px 0 0 40px; }
#about_area .about_desc { font-size: 0.95rem; line-height: 2.2; color: #fdfbf7; font-weight: 300; letter-spacing: 0.02em; }
#about_area .about_desc p {margin: 0 0 40px 0;}
#about_area .about_stats_box { grid-column: 7/15; gr; grid-row: 3; background-image: url(/images/01/number_bg.jpg); padding: 50px 50px 50px 90px; display: grid; grid-template-columns: repeat(2,1fr); gap: 50px 30px; position: relative; z-index: 2; margin-top: 0; box-shadow: 0 30px 60px -15px rgba(0,0,0,0.4); border-radius: 15px; }
#about_area .stat_item { display: flex; flex-direction: column; gap: 8px; }
#about_area .stat_num { font-size: 3rem; font-weight: 800; color: #ffffff; letter-spacing: 0.02em; }
#about_area .stat_label { font-size: 1rem; color: #c1c1c2; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; }
.hot_1 { -webkit-animation: baloon_1 3s infinite; -moz-animation: baloon_1 3s infinite; -ms-animation: baloon_1 3s infinite; -o-animation: baloon_1 3s infinite; animation: baloon_1 3s infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; -ms-animation-direction: alternate; -o-animation-direction: alternate; animation-direction: alternate; }
@-webkit-keyframes baloon_1 {
  0% { transform: translateY(0px); }
  25% { transform: translateY(5px); }
  75% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}
@-moz-keyframes baloon_1 {
  0% { transform: translateY(0px); }
  25% { transform: translateY(5px); }
  75% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}
@-ms-keyframes baloon_1 {
  0% { transform: translateY(0px); }
  25% { transform: translateY(5px); }
  75% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}
@-o-keyframes baloon_1 {
  0% { transform: translateY(0px); }
  25% { transform: translateY(5px); }
  75% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}
@keyframes baloon_1 {
  0% { transform: translateY(0px); }
  25% { transform: translateY(5px); }
  75% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}
/* photo_area */
#photo_area .item_row { padding: 4% 6%; border: 2px var(--g_100) solid; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#photo_area .item_row .img_box img { width: 100px; aspect-ratio: 1/1; }
#photo_area .item_row .info_box { margin-left: 6%; width: 1%; flex: 1 1 auto; }
#photo_area .item_row .info_box h3 { margin-bottom: .5em; max-height: 3.2em; height: auto; -webkit-line-clamp: 2; }
#photo_area .item_row .info_box font { padding: .5em 1em; background: var(--primary); border-radius: 2em; display: inline-block; line-height: 1; font-weight: 300; font-size: .9em; color: white; }
/* news_area */
#news_area { padding: 1px 0; position: relative; z-index: 2; }
#news_area .list_box { margin: 0 }
#news_area li .h3 { text-align: center; }
#news_area li .h3 a { color: #f3cdab; height: 25px; font-size: 15px; text-align: center; font-weight: 300; letter-spacing: 0.2em; }
/* tophead */
#tophead { position: sticky; z-index: 999; top: 0; background: #fdfcfb; }
/*faq_area*/
#faq_area { padding: 100px 20px 120px; background-color: #ffffff; border-top: 1px solid #f1f5f9; }
#faq_area .faq_container { width: min(1440px,90%); margin: 0 auto; display: flex; gap: 8%; align-items: flex-start; }
#faq_area.section_area .area_title { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 40px; }
#faq_area.section_area .area_title:before { left: 0; transform: unset; }
#faq_area .faq_left { width: 40%; display: flex; flex-direction: column; position: sticky; top: 120px; align-self: flex-start; }
#faq_area .faq_subtitle { color: var(--primary); font-size: 1.5rem; font-weight: 500; margin-bottom: 12px; letter-spacing: -0.02em; }
#faq_area .faq_left .main-heading { text-align: left; margin-bottom: 24px; line-height: 1.1; font-size: 2.25rem; }
#faq_area .faq_desc { color: #423d3b; margin-bottom: 40px; line-height: 1.7; font-size: 1.05rem; }
#faq_area .faq_desc h1 { font-size: 1.25em; color: #423d3b; }
#faq_area .faq_img_box { border-radius: 24px; overflow: hidden; aspect-ratio: 4/3; position: relative; box-shadow: 0 10px 30px -10px rgba(0,0,0,0.1); }
#faq_area .faq_img_cover { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
#faq_area .faq_img_box:hover .faq_img_cover { transform: scale(1.05); }
#faq_area .faq_right { width: 52%; display: flex; flex-direction: column; padding-top: 20px; }
#faq_area .faq_item { border-top: 1px solid #e2e8f0; padding: 0; cursor: pointer; transition: all 0.3s ease; }
#faq_area .faq_item:last-child { border-bottom: 1px solid #e2e8f0; }
#faq_area .faq_header { display: flex; align-items: center; justify-content: space-between; gap: 2%; }
#faq_area .faq_header_left {display: flex;align-items: center;gap: 18px;flex-grow: 1;}
#faq_area .faq_num {color: #d1bca8;font-size: 1.05rem;font-weight: 300;font-family: ui-monospace,SFMono-Regular,monospace;width: 29px;}
#faq_area .faq_q { font-size: 1.35rem; font-weight: 500; color: #413b39; transition: color 0.3s ease; letter-spacing: -0.01em; width: 89%; padding: 30px 0; }
#faq_area .faq_icon { width: 36px; height: 36px; fill: none; stroke: #c9c9c9; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: all 0.4s cubic-bezier(0.4,0,0.2,1); border: #e3e3e3 1px solid; padding: 6px; border-radius: 6666px; }
#faq_area .faq_item:hover .faq_q { color: var(--primary); }
#faq_area .faq_item:hover .faq_icon { stroke: #0f172a; transform: translateX(4px); }
#faq_area .faq_body { max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(0.4,0,0.2,1),margin-top 0.5s ease,opacity 0.4s ease; opacity: 0; color: #5c5c5c; line-height: 1.8; padding-left: 48px; padding-right: 40px; }
#faq_area .faq_item.active .faq_body { max-height: 300px; margin-top: 16px; opacity: 1; }
#faq_area .faq_item.active .faq_icon { transform: rotate(90deg); stroke: #6c6260; border: #b7b7b7 1px solid; }
#faq_area .faq_item.active { padding: 20px 0 }
#faq_area .faq_item.active .faq_q { font-weight: 700; color: var(--primary); padding-bottom: 0; padding-top: 0; }
#faq_area .faq_highlight_link { color: #e11d48; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; transition: color 0.3s ease; }
#faq_area .faq_highlight_link:hover { color: #be123c; }
#faq_area .faq_btn_wrap { margin-top: 24px; }
#faq_area .faq_mini_btn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 24px; border-radius: 99px; border: 1px solid #cbd5e1; color: #0f172a; font-size: 0.9rem; font-weight: 600; transition: all 0.3s ease; }
#faq_area .faq_mini_btn:hover { background: #0f172a; color: #ffffff; border-color: #0f172a; }
.shape_box { width: 100%; height: 217px; position: absolute; z-index: 5; margin-top: -5.9vw; }
.shape_box:after {content: '';width: 0;height: 0;border-style: solid;border-width: 0 100vw 6vw 0vw;border-color: transparent transparent #f3eade;position: absolute;top: 0vw;z-index: 211;}
.shape_box2 { width: 100%; height: 19vw; position: absolute; z-index: 0; margin-top: -4vw; }
.shape_box2 {background: #fdfcfb;z-index: 2;overflow: hidden;}
.shape_box2:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0px 45vw 11vw 87vw; border-color: transparent transparent #e3d6c4; position: absolute; top: 0vw; }
@media (max-width:1470px) {
  #about_area { padding: 120px 20px 140px; }
}
@media (max-width:900px) {
  #faq_area { padding: 60px 20px; }
  #faq_area .faq_container { flex-direction: column; gap: 40px; }
  #faq_area .faq_left { width: 100%; position: relative; top: 0; }
  #faq_area .faq_right { width: 100%; padding-top: 0; }
  #faq_area .faq_body { padding-left: 0; padding-right: 0; }
}
@media screen and (min-width:1161px) {
  #photo_area .item_row:hover { border-color: var(--primary); }
}
@media (max-width:900px) {
  #about_area .about_wrapper { display: flex; flex-direction: column; gap: 30px; }
  #about_area .about_title_box { padding-bottom: 0; }
  #about_area .about_text_box { padding: 10px 0; }
  #about_area .about_stats_box { margin-top: -80px; margin-left: 20px; padding: 40px; box-shadow: -10px 20px 40px rgba(0,0,0,0.2); }
  #faq_area .faq_num { font-size: 0.8rem; }
  #faq_area .faq_icon { width: 30px; height: 30px; }
}
@media screen and (max-width:768px) {   }
@media screen and (max-width:640px) {
  #photo_area .item_row .img_box { width: 100%; }
  #photo_area .item_row .img_box img { width: 100%; aspect-ratio: 1/1; }
  #photo_area .item_row .info_box { margin: .5em 0 0; width: 100%; }
  .shape_box2 { margin-top: -1px; height: 200px; }
  .shape_box2:after { border-width: 0px 45vw 21vw 87vw; }
}
@media screen and (max-width:600px) {
  #about_area { padding: 60px 20px; }
  #about_area .about_stats_box { grid-template-columns: 1fr; margin-left: 0; margin-top: 0; padding: 30px; gap: 30px; }
  #faq_area .faq_left .main-heading { font-size: 2rem; }
  #faq_area .faq_q { font-size: 1.05rem; }
  #faq_area .faq_header_left { gap: 6px; }
  #about_area .about_img_small img { border-radius: 20px 70px 20px 20px; }
  #about_area .about_img_large img { border-radius: 20px 20px 20px 60px; }
  .section_area .area_title:before { width: 2em; }
}
@media screen and (max-width:550px) {
  .section_area .area_title { font-size: 2rem; margin-bottom: 25px; }
  #product_list { margin: 2vmax auto 0; width: min(100%,350px); }
  #news_area li .h3 a { font-size: 14px; }
  .shape_box:after { border-width: 0 100vw 9vw 0vw; }
  .shape_box { margin-top: -8.8vw; }
}