.main-con-wrap{font-family: var(--font2)!important;}
.elementor.elementor-19
{background: var(--sub-bg-color);}

/* mainVisualCon */
#mainVisualCon
{ width:100%; height: 100%;position: relative;height:600px;}
#mainVisualCon .full-container{position: relative;}
.main-visual-wrapper
{width: 100%; margin:0 auto;border-radius: 0 0 8rem;  background: #fff;  height: 600px;}
.mainVisual-slide, .mainVisual-slide .slick-list, .mainVisual-slide .slick-track, .main-visual-item
{height:600px; }
.main-visual-img
{position:absolute; width:100%; height:100%; background-size: cover; background-position: center; background-repeat: no-repeat;border-radius: 4rem;}
#mainVisualCon .visual-area
{position:relative; z-index:999; margin:0 auto;}
.visual-item-wrap
{display: flex;flex-direction: row;align-items: stretch;justify-content: space-between;gap: 4rem;min-height: 445px;margin-top: 4rem;}
.vis-left
{width: 100%;position: relative;}
.vis-right
{width: 100%;border-radius: 4rem;background: url(/wp-content/uploads/2026/03/jinsung-icon.png) no-repeat right -20% top -163%;background-size: auto;transition: var(--transition1);}
.vis-right dl
{font-family: var(--font2);color: #fff;  padding: 7rem;}
.vis-right dl dt
{font-size: 3.8rem; font-weight: 700;  margin-bottom: 4rem;font-family: var(--font2);}
.vis-right dl dd
{font-size: 2.4rem;  margin-bottom: 9rem;  font-weight: 400;}
.vis-right dl .more-btn
{font-size: 1.8rem;  font-weight: 600;transition: var(--transition1);text-decoration: underline 2px transparent;text-underline-offset: 10px; }
.vis-right:hover dl .more-btn
{ text-decoration: underline 2px #fff;}
.vis-right.vis01{background-color: #ee7700;}
.vis-right.vis02{background-color: #33b0a3;}
.vis-right.vis03{background-color: #1461ae;}

/* main slide arrow */
.main-visual-controls
{position: absolute;z-index: 81; bottom:4.5rem; ;transform: translateX(-50%); left: 50%;}
.main-visual-controls .arrow
{display: flex;flex-direction: row;justify-content: space-between;  flex-wrap: nowrap;  align-items: center;  width: 100%;gap: 15rem;}
.main-visual-controls .arrow button
{outline: none; border: none;line-height: 0;}
.main-visual-controls .arrow button:focus,.arrow button.active,.arrow button:hover
{background: none;}

/* dots */
#mainVisualCon .slick-dots
{position:absolute; display:flex; justify-content:center; bottom:6rem; width:0; z-index:91;transform: translateX(-50%); left: 50%; }
#mainVisualCon .slick-dots li
{margin:0 0.5rem;width: auto!important;height: auto!important}
#mainVisualCon .slick-dots li button
{ width:1rem; height:1rem; background:#d5d5d5; border-radius:50px; padding:0; border:none;}
#mainVisualCon .slick-dots li.slick-active button
{width:6rem; background:#0a0a0a;}
.slick-dots li button:before{display: none;}

/* main title */
.main-title h2
{font-size: 3.8rem;  font-weight: 700;margin: 0;font-family: var(--font2);}
.main-title h2 b{ font-weight: 700;}
.main-title h3
{font-size:2rem;  font-weight: 700;margin: 0;font-family: var(--font2);    margin-bottom: 2rem;}

/* mainMenu */
#mainMenu
{background-color: #fff;}
#mainMenu .main-menu-wrap
{background: var(--sub-bg-color);  padding: 6rem;border-radius: 8rem 0 0 8rem;}
#mainMenu .main-menu-con
{display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;}
#mainMenu .main-menu-con .main-menu ul
{display: flex;  flex-direction: row;  align-items: flex-end;  gap: 10rem;}
#mainMenu .main-menu-con .main-menu ul a
{display: flex;  flex-direction: column;  align-items: center;  gap: 2rem;}
#mainMenu .main-menu-con .main-menu ul a span
{font-size: 2rem;  font-weight: 600;color: var(--text-color);transition: var(--transition1); text-align: center; word-break: auto-phrase;}
#mainMenu .main-menu-con .main-menu ul a:hover span{color: var(--hover-color);}

/* mainGallery */
#mainGallery
{padding: 11rem 0;background: url(/wp-content/uploads/2026/03/main-gallery-bg.png) no-repeat center bottom,#fff; background-size: cover;border-radius: 0 8rem 8rem 0;}
#mainGallery .main-title
{margin: 0 auto 5rem;display: block;text-align: center;}
#mainGallery .main-title h2 b
{color: #ee7700;}

/* main slide arrow */
.main-gallery-controls .arrow
{display: flex;flex-direction: row;gap:2rem;margin-left: 5rem;}
.main-gallery-controls .arrow button
{border: none; color: #fff; width: 6.4rem;height: 6.4rem; border-radius: 1.5rem; background-color: #d5d5d5; font-size: 2.5rem; display: flex;flex-direction: column;align-items: center;justify-content: center;transition: var(--transition1);}
.main-gallery-controls .arrow button:hover{background-color: var(--hover-color);}

/* MAIN gallery PROGRESS BAR */
.main-gallery-controls
{margin: 3rem 0 0;width: 100%;}
.main-gallery-controls .main-controls-wrapper
{display:flex; justify-content:center; align-items:center;justify-content: space-between;}
.main-gallery-controls .progress
{width:100%; height:4px; position:relative;}
.main-gallery-controls .progress .bg-bar
{position:absolute; width:100%; height:100%; background:#d5d5d5; display:block; left:0; top:0;}
.main-gallery-controls .progress .ing-bar
{width:0%; height:100%; display:block; position:relative; background:#ee7700;}
.main-gallery-controls .progress.active .ing-bar
{width:100%; transition:all 5s ease-in-out;}

/* mainPartner */
#bottom
{width: 100%; overflow: hidden;    background: #fff;}
.bottom-slide
{display: flex;  width: max-content; /*animation: scroll 120s linear infinite*/; }
/* .bottom-slide:hover {animation-play-state: paused;} */
.bottom-slide .partner-img
{margin: 2rem 2rem;flex-direction: column;  align-items: center;  min-width: 320px;  min-height: 130px;  background: #fff; overflow: hidden;  border-radius: 1rem;  display: flex;  justify-content: center;}
.slide-left { animation: scroll 150s linear infinite; }
.slide-right { animation: scroll-reverse 150s linear infinite; }
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes scroll-reverse {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}
.partner-con
{padding: 11rem 0;background: var(--sub-bg-color);  border-radius: 8rem 0 0;}
.partner-con .main-title
{margin: 0 auto 5rem;display: block;text-align: center;}
.partner-con .main-title h2 b
{color: #33b0a3;}

/* mainFaq */
#mainFaq
{margin: 0rem 0 11rem;}
#mainFaq .Faq-con
{padding: 10rem 0;background-color: #fff;border-radius: 8rem;}
#mainFaq .Faq-con .main-title
{margin: 0 auto 5rem;display: block;text-align: center;}
#mainFaq .Faq-con .main-title h2 b
{color: #1461ae;}
#mainFaq .Faq-con .more-btn
{font-size: 1.8rem;  font-weight: 600;transition: var(--transition1);text-decoration: underline 2px transparent;text-underline-offset: 10px;color: var(--text-color);    margin: 6rem auto 0;  display: block;  text-align: center;}
#mainFaq .Faq-con .more-btn:hover
{text-decoration: underline 2px var(--text-color);text-underline-offset: 10px; }

/* main */
.main-con-wrap .accordion
{padding: 0;margin: 0;width: 100%;}
.main-con-wrap .accordion li
{margin-bottom: 3rem;width: 100%;  }
.main-con-wrap .accordion button
{width: 100%;  padding: 1rem 2rem 1rem 5rem; border-radius: 1rem;  background: #f5f5f5;  text-align: left;border: none;  cursor: pointer;  outline: none;  font-size: 2.4rem;  font-family: var(--font2);  font-weight: 600;  color: var(--text-color);    display: flex;  flex-direction: row;  justify-content: space-between;align-items: center;}
.main-con-wrap .accordion button:hover
{background: var(--sub-color);color: #fff;}
.main-con-wrap .accordion .content
{display:none;background: #fff;}
.main-con-wrap .accordion .content
{padding: 2rem 3rem;  border: var(--border);  border-radius: 1rem;  margin-top: 1rem;}
.main-con-wrap .accordion .content p
{margin: 0;line-height: 2;word-break: keep-all;width: 96%;}
.main-con-wrap .accordion li.active > button
{font-weight: 700;}
.main-con-wrap .accordion li > button::after
{width: 6rem;height: 6rem;background-color:#0a0a0a;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 1rem;font-family: var(--font1);font-size: 3rem; font-family: var(--font2);  font-size: 6rem;  font-weight: 100;  }
.main-con-wrap .accordion li.active > button::after
{content: "−";}
.main-con-wrap .accordion button::after
{content: "+";}

@media screen and (max-width: 1300px) {
#mainMenu .main-menu-con {flex-direction: column; gap: 4rem;}
#mainMenu .main-menu-con .main-menu {width: 100%;}
#mainMenu .main-menu-con .main-menu ul {gap: 2rem; justify-content: space-evenly;}

.main-visual-controls {bottom: 1rem;}
#mainVisualCon .slick-dots {bottom: 2.5rem;}
#mainGallery,.partner-con,#mainFaq .Faq-con {padding: 8rem 0;}

}
@media screen and (max-width: 1240px) {
#mainMenu .main-menu-wrap {padding: 6rem 0;}

}
@media screen and (max-width: 1024px) {
#mainVisualCon, .main-visual-wrapper,.mainVisual-slide, .mainVisual-slide .slick-list,
.mainVisual-slide .slick-track, .main-visual-item {height: 50rem;}
.main-visual-img {border-radius: 3rem;}
.visual-item-wrap {gap: 2rem; min-height: 38rem; margin-top: 3rem;}
.vis-right {border-radius: 3rem; background-position: right -15% top -100%;}
.vis-right dl {padding: 5rem;}
.vis-right dl dt {font-size: 3rem; margin-bottom: 3rem;}
.vis-right dl dd {font-size: 2rem;margin-bottom: 6rem;}
.vis-right dl .more-btn {font-size: 1.6rem;}
#mainVisualCon .slick-dots {bottom: 3rem;}
.main-visual-controls {bottom: 2rem;}

#mainGallery .main-title,
.partner-con .main-title {margin: 0 auto 4rem;}
.main-title h3 {font-size: 1.7rem;}
#mainMenu .main-menu-con .main-menu ul {flex-flow: row wrap;}
#mainMenu .main-menu-con .main-menu ul a span {font-size: 1.7rem; line-height: 1.4;}
#mainGallery, .partner-con, #mainFaq .Faq-con {padding: 6rem 0;}

#gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-list-item .kboard-list-title .tit {font-size: 1.7rem; padding: 1.5rem 0 0; margin-bottom: 0;}
#gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-attr-con span {font-size: 1.6rem;}
#gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-list-thumbnail {height: 30rem;}
.main-gallery-controls {margin: 2rem 0 0;}
.main-gallery-controls .arrow button {width: 5rem; height: 5rem;}
.main-gallery-controls .arrow {margin-left: 3rem; gap: 1.5rem;}

.bottom-slide .partner-img {margin: 1rem; padding: 1rem; min-width: 20rem; min-height: 10rem;}
.main-con-wrap .accordion button {padding: 1rem 2rem; font-size: 1.7rem;}
.main-con-wrap .accordion li>button::after {width: 4rem; height: 4rem; font-size: 3rem;}
.main-con-wrap .accordion .content {padding: 2rem;}
.main-con-wrap .accordion .content p {font-size: 1.6rem; line-height: 1.6; transform: skewX(0.4deg);}
.main-con-wrap .accordion li {margin-bottom: 1.5rem;}
#mainFaq .Faq-con .more-btn {margin: 4rem auto 0; font-size: 1.7rem;}
#mainFaq {margin: 0rem 0 6rem;}
.main-gallery-controls {margin: 0;}
#gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-list-item {margin: 0 0 2rem !important;}
#gallery-style02-list.cm-gallery-latest .gallery-style02-list {margin: 0rem;}

.main-title h2 {font-size: 2.4rem; word-break: auto-phrase;}
.main-title h3 {margin-bottom: 1rem;}
#mainGallery,.partner-con,#mainFaq .Faq-con {padding: 5rem 0;}
#mainFaq .Faq-con .main-title {margin: 0 auto 3rem;}
#mainMenu .main-menu-con .main-menu ul {justify-content: center;}
#mainMenu .main-menu-con .main-menu ul a {width: 25%;}

}
@media screen and (max-width: 767px) {
#mainVisualCon, .main-visual-wrapper, .mainVisual-slide, .mainVisual-slide .slick-list, 
.mainVisual-slide .slick-track, .main-visual-item {height: 70rem;}
.main-visual-img {border-radius: 2.5rem;}
.visual-item-wrap {flex-direction: column; gap: 2rem; min-height: auto; margin-top: 2rem;}
.vis-left,.vis-right {width: 100%;}
.vis-left {height: 29rem;}
.vis-right {border-radius: 2.5rem; background-position: right -10% top -80%; background-size: 60%;} 
.vis-right dl {padding: 3.5rem;}
.vis-right dl dt {font-size: 2.6rem; margin-bottom: 2rem;}
.vis-right dl dd {font-size: 1.7rem; margin-bottom: 4rem;}
.vis-right dl .more-btn {font-size: 1.5rem;}
.main-visual-controls {bottom: 2rem;}
.main-visual-controls .arrow {gap: 12rem;}
.main-visual-controls .arrow button img {width: 2rem; min-width: 1.5rem;}

.main-con-wrap .accordion .content p {font-size: 1.5rem;}
#mainVisualCon .slick-dots li {margin: 0 0.3rem;}
#mainVisualCon .slick-dots li button {width: 0.8rem; height: 0.8rem;}
#mainVisualCon .slick-dots li.slick-active button {width: 2rem;}

}
@media screen and (max-width: 650px) {
.main-con-wrap .accordion button {font-size: 1.5rem; font-weight: 500;}
#mainFaq .Faq-con {border-radius: 4rem;}
.partner-con {border-radius: 4rem 0 0;}
#mainGallery {border-radius: 0 4rem 4rem 0;}
#mainMenu .main-menu-wrap {border-radius: 4rem 0 0 4rem;}
.main-visual-wrapper {border-radius: 0 0 4rem;}

.main-con-wrap .accordion button {white-space: normal;}
.main-con-wrap .accordion li>button::after {width: 3rem; height: 3rem; min-width: 3rem; font-size: 2.4rem;}
#mainFaq .Faq-con .more-btn {margin: 3rem auto 0; font-size: 1.6rem;}
.bottom-slide .partner-img {min-width: 18rem; min-height: 0;}
.bottom-slide .partner-img img {width: 12rem;}
.main-title h2 {font-size: 2.1rem; line-height: 1.4;}
#gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-list-thumbnail {height: 25rem;}
.main-gallery-controls .arrow {gap: 1rem;}
.main-gallery-controls .arrow button {width: 3.5rem; height: 3.5rem; border-radius: 0.5rem; font-size: 1.5rem;}

}

@media screen and (max-width: 450px) {
#mainVisualCon,.main-visual-wrapper, .mainVisual-slide, .mainVisual-slide .slick-list, 
.mainVisual-slide .slick-track, .main-visual-item {height: 60rem;}
.main-visual-img {border-radius: 2rem;}
.visual-item-wrap {gap: 1.5rem;}
.vis-left {height: 25rem;}
.vis-right {height: 25rem; border-radius: 2rem; background-position: right -15% top -50%;}

.vis-right dl {padding: 2.5rem;}
.vis-right dl dt {font-size: 2.1rem; margin-bottom: 1rem;}
.vis-right dl dd {margin-bottom: 3rem;}
.vis-right dl .more-btn {font-size: 1.4rem;}
.main-visual-controls {bottom: 2rem;}
.main-visual-controls .arrow {gap: 8rem;}
#mainMenu .main-menu-con .main-menu ul a span {font-size: 1.5rem;}
#mainMenu .main-menu-wrap {padding: 5rem 0;}
.bottom-slide .partner-img img {width: 10rem;}
.main-con-wrap .accordion button {padding: 1.2rem; gap: 1rem; word-break: auto-phrase;}
.main-con-wrap .accordion .content{padding: 1.5rem;}
#footer .footer-con .ft-left img {width: 18rem;}
#footer .footer-con .ft-left .address {margin-bottom: 1rem;}
#footer .footer-con .ft-left .address li {font-size: 1.3rem;}
#footer .footer-con .ft-left .top-txt li {font-size: 1.3rem;}
#footer .footer-con .top-txt span {margin: 0 0.5rem}
#footer .footer-con .ft-left .address li p {margin-right: 0; font-size: 1.3rem;}
#footer .footer-con .ft-right ul.call dl dd {font-size: 1.4rem;}
#footer .footer-con .ft-left .policy li a {font-size: 1.4rem;}
}