body,html {max-width:100%;  margin: 0 auto; width: 100%;}

.loading-wrap {width: 100%; display: flex; justify-content: center; align-items: center; height:96.8rem; background-color: #000; z-index: 999; position: fixed; display: none;}
.loading-wrap .item p {color:#fff; text-align: center; font-size:1.6rem;}
.loading-wrap .puff-in-center {	-webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
  animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;}
  @-webkit-keyframes puff-in-center {
    0% {
      -webkit-transform: scale(2);
              transform: scale(2);
      -webkit-filter: blur(4px);
              filter: blur(4px);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  @keyframes puff-in-center {
    0% {
      -webkit-transform: scale(2);
              transform: scale(2);
      -webkit-filter: blur(4px);
              filter: blur(4px);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  .fade-out{-webkit-animation:fade-out 1s ease-out both;animation:fade-out 1s ease-out both}
  @-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}

  
/* 콘텐츠가 없을때*/
.no-results{width:100%; text-align: center; background-color:#f9f9f9; margin-top:2rem; padding: 50px 0; margin-bottom:50px;}  
.no-results>h3 {font-size:2.4rem; font-weight:bold; width:100%; }
.no-results>p {font-size:1.6rem; opacity: 0.6;}

.no-results .return-btn { padding:10px; color:#fff; background-color: #1E3786; width:100%; max-width: 200px; margin: 20px auto; cursor: pointer; font-size:1.8rem;}
.no-results .return-btn:hover {opacity: 0.7;}

.wrap{width:100%; height:100%; margin:0 auto;}
.boundary-1440 {width:100%; max-width: 1440px; margin: 0 auto; position: relative;}
.orange {color:#F45708;}

/* .noto-serif {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
} */

.navigation-wrap {width: 100%; max-width: 20rem; background-color: #000; border-radius: 2rem; padding:4rem; position: fixed; left:2rem; top:50%; transform: translateY(-50%); box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; z-index: 3;}
.navigation-wrap>li {display: flex; justify-content: space-between; align-items: center; font-size:1.6rem; padding-top:0.2rem; padding-bottom:0.2rem;}
.navigation-wrap>li>a {color:#fff; font-weight: 400;}
.navigation-wrap>li>a:hover {opacity: 0.6;}
.navigation-wrap>li.active>a {color:#F45708;}
.navigation-wrap>li>img { max-width: 0.6rem;}

/*크래프터 회사소개*/
.banner-wraps {width: 100%; height: 96.8rem; background-color: #000; overflow: hidden; position: relative; display: flex; justify-content: flex-start; align-items: center;}
.banner-wraps .bg-image {position: absolute; top:50%; left:50%;  width:100%; height:100%;  display: block; animation: banner-animation 4s both; margin: auto; transform: translate(-50%,-50%) scale(1.0);} 
@-webkit-keyframes banner-animation {
  0% {transform: translate(-50%,-50%) scale(1.2); filter:blur(5px);}
  100% {transform: translate(-50%,-50%) scale(1.0); filter:blur(0);}
} 
@keyframes test {
  0% {transform: translate(-50%,-50%) scale(1.2); filter:blur(5px);}
  100% {transform: translate(-50%,-50%) scale(1.0); filter:blur(0);}
}
 @-moz-keyframes test {
  0% {transform: translate(-50%,-50%) scale(1.2); filter:blur(5px);}
  100% {transform: translate(-50%,-50%) scale(1.0); filter:blur(0);}
}

.design-line-wrap {width: 100%; margin-top:5rem; margin-bottom: 5rem;}
.design-line-wrap .shot {width:20rem; height:4px; background-color:#F45708; margin: 0 auto;}
.design-line-wrap .long {width:100%; height:2px; background-color:#F45708;}


.banner-wraps .boundary-1440 .title-wrap {z-index: 1; color:#fff; max-width: 72rem;}
.banner-wraps .boundary-1440 .title-wrap>h4 {color:#F45708; }
.banner-wraps .boundary-1440 .title-wrap>h2 {color:#fff;}
.banner-wraps .boundary-1440 .title-wrap>p {font-size:2rem; }


.banner-wraps .menu-wrap {width: 100%; position: fixed; z-index: 2;   top:10rem; max-height: 4.5rem;   background-color: rgba(0, 0, 0, 0.8);   backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: adding some shadow for depth */color:#fff; display: flex; justify-content: space-between; align-items: stretch; overflow: hidden; left:50%; transform: translateX(-50%); margin: 0 auto; transition: all 0.8s cubic-bezier(.23,1,.32,1); border-bottom:1px solid rgba(255,255,255,0.2); }
/* .banner-wraps .menu-wrap.custom-hall { max-width: 1440px; } */
/* .banner-wraps .menu-wrap.fixed {bottom:3rem; position: fixed; max-height: 5rem; max-width: 1440px; background-color: rgba(0, 0, 0, 0.75);  z-index: 3; border-radius: 10px; border:2px solid #F45708;} */
/* .banner-wraps .menu-wrap.fixed .sub-menu>a {padding:1rem;} */
.banner-wraps .menu-wrap .sub-menu {text-align: center; font-size:1.6rem;  flex-basis: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; }
.banner-wraps .menu-wrap .sub-menu.active {background-color: #F45708;}
.banner-wraps .menu-wrap .sub-menu>a {color:#fff; font-weight: bold;  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; height: 4rem;}
.banner-wraps .menu-wrap .sub-menu:hover:not(.active) {background-color: rgba(244, 87, 8,0.5);}
/* #company-banner-wraps .menu-wrap .sub-menu {flex-basis: 100%; max-width: 100%;} */
#value-01 .menu-wrap .sub-menu {flex-basis: 25%; max-width: 25%;}
/* #value-02 .menu-wrap .sub-menu {flex-basis: 25%; max-width: 25%;} */

.sub-menu-wrap {width: 100%; height: 8rem; position: relative; z-index: 2; color:#fff; font-size:1.4rem; display: flex; justify-content: flex-start; align-items: center;}
.sub-menu-wrap>li {display: flex; justify-content: center; align-items: center;}
.sub-menu-wrap .menu {display: flex; justify-content: space-between; align-items: stretch; padding:1rem; gap: 1rem;}

.sub-section {padding-top:20rem; padding-bottom:20rem;}

#company-01 {width: 100%; padding-bottom:0; padding-top:20rem; overflow: hidden;}
#company-01>.boundary-1440>.img-wrap {width: 100%; display: flex; justify-content: center; align-items: center;}
#company-01>.boundary-1440>.text-wrap {text-align: center; margin-top:2rem; margin-bottom: 2rem;}
#company-01>.boundary-1440>.text-wrap>h3 { font-weight: 300; line-height: 1.4;}
#company-01>.boundary-1440>.text-wrap>h2 { font-weight: 600; line-height: 1.4;}
#company-01>.boundary-1440>.flex_2ea {margin-top:4rem;}
#company-01>.boundary-1440>.flex_2ea>.content {position: relative; padding:4rem;}
#company-01>.boundary-1440>.flex_2ea>.content>img {width: 100%;}
#company-01>.boundary-1440>.flex_2ea>.content>.curtain {position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: #000;}
#company-01>.boundary-1440>.flex_2ea>.content.text-wrap>p {font-size:1.8rem; font-weight: 300;}
#company-01>.boundary-1440>.flex_2ea>.content.text-wrap>p:last-child {text-align: right;}
#company-01>.boundary-1440>.flex_3ea {margin-bottom: 5rem; margin-top: 2rem;}
#company-01>.boundary-1440>.flex_3ea>.content.text-wrap {text-align: center;}
#company-01>.boundary-1440>.flex_3ea>.content.text-wrap:nth-child(2) {border-right:1px solid #ddd; border-left:1px solid #ddd;}
#company-01>.slogan-ment {font-size:10vw;  color:#000; white-space: nowrap; transform:translateX(-0%); left:-50%; width: 100%; transition: all 0.4s cubic-bezier(.23,1,.32,1); animation: vertical-text 40s linear infinite; font-weight: 900;}
@keyframes vertical-text {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-100%);
	}
  }

#company-02 {width: 100%; height:96.8rem; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;}
#company-02 .vision-image {width:95%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 1; width: 100%; height: 100%;}
#company-02 .boundary-1440 {position: relative; display: flex; justify-content: flex-start; align-items: center; z-index: 1; color:#fff;}
#company-02 .boundary-1440 .text-wrap {font-size:3rem; max-width: 50%; width: 50%; margin-left:1%;}
#company-02 .boundary-1440 .text-wrap>h3 { font-weight: 100; line-height: 1; margin-bottom: 2rem;}
#company-02 .boundary-1440 .text-wrap>h3>span {font-weight: 700;}
#company-02 .boundary-1440 .text-wrap>p {color:#fff; }

#company-03 {padding-top:15rem;}
#company-03 .border-line {width: 100%; height: 1px; background-color: #ddd;}
#company-03 .text-wrap {width: 100%; margin-top:3rem; margin-bottom: 3rem;}
#company-03 .boundary-1440 {width: 100%; text-align: center;}
/* #company-03 .boundary-1440>h2 {font-size:2rem;} */
#company-03 .boundary-1440>h2 {font-size:5rem; }
#company-03 .boundary-1440>p {font-size:2rem; line-height: 1.6; margin-bottom: 3rem;}
#company-03 .history-container {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
#company-03 .history-container>div {flex-basis: 50%; max-width: 50%; padding:2rem;}
#company-03 .history-container>.people-wrap>.name {font-size:1.6rem; text-align: left; width: 100%; max-width: 55rem; margin-top:10rem; margin-bottom:10rem;}
#company-03 .history-container>.people-wrap>.name>h2 {font-size:3.6rem; line-height: 1; padding-top:1rem; padding-bottom:1rem;}
#company-03 .history-container>.people-wrap>#ceo-01>h5 {color:#004923;}
#company-03 .history-container>.people-wrap>#ceo-01>h3 {color:#004923; line-height: 1.2;}
#company-03 .history-container>.people-wrap>#ceo-02>h4 {color:#1A2187;}
#company-03 .history-container>.people-wrap>#ceo-02>h3 {color:#1A2187;}
#company-03 .history-container>.people-wrap>#ceo-03>h4 {color:#F45708;}
#company-03 .history-container>.people-wrap>#ceo-03>h3 {color:#F45708; line-height: 1.2;}
#company-03 .history-container>.people-wrap .ceo-image {padding:1.4rem; background-color:#fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
#company-03 .history-container .years-wrap {width: 100%; text-align: left; position: relative; border-left:1px solid #ddd; padding:6rem;}
#company-03 .history-container .years-wrap>.vertical-line {width: 1px; height: 100%; background-color:#ddd;}
#company-03 .history-container .years-wrap>.year-contents {width: 100%;}
#company-03 .history-container .years-wrap>.year-contents>.item {margin-bottom: 5rem;}
#company-03 .history-container .years-wrap>.year-contents>.item>.year { color:#000; padding-left:1rem; font-weight: 900;}
#company-03 .history-container .years-wrap>.year-contents>.item>.contents { padding-left:2rem; position: relative;}
#company-03 .history-container .years-wrap>.year-contents>.item>.contents::before {content:''; position: absolute; top:1.6rem; transform: translateY(-50%); left:1rem; width:4px; height:4px; background-color:#000; border-radius: 50%;}


#company-05 {background: #fff;}
#company-05 .google-map iframe {vertical-align: middle;}
#company-05 .title-wrap h3 {font-size:5rem; text-align: center; line-height: 1.6;}
#company-05 .title-wrap p {font-size:2rem; line-height: 1.6; margin-bottom: 3rem; text-align: center;}
#company-05 .table-wrap table {width: 100%; border-top:2px solid #000;}
#company-05 .table-wrap table tr {border-bottom: 1px solid #ddd;}
#company-05 .table-wrap table tr th {font-size:1.8rem; text-align: right; width: 10%; padding:2rem; vertical-align: middle; font-weight: bold;}
#company-05 .table-wrap table tr td {font-size:1.8rem; text-align: left; width: 90%; padding:2rem;}
#company-05 .table-wrap table tr td>p>span {padding:1rem; background-color: #000; color:#fff;}

.product-page {width: 100%; max-width: 100%; margin-top: 0; transition: all 0.4s cubic-bezier(.23,1,.32,1);}
.product-page .swiper-wrapper {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.product-page .swiper-wrapper .swiper-slide {flex-basis: 19%; max-width: 19%; margin: 0.5%;}

.product-page .swiper-wrapper .result {flex-basis: 100%; max-width: 100%; margin-bottom: 3rem;}

.product-page#product-list::before {display: none;}
.product-page#product-list::after {display: none;}
.tag-container {display: flex; justify-content: flex-start; align-items: stretch;}
.tag-container>li>p {font-size:1.6rem; position: relative; cursor: pointer;}
.tag-container>li:nth-child(1)>p {padding-right:1rem; padding-left:0;}
.tag-container>li:last-child>p::before {display: none;}
.tag-container>li>p {padding-right:1rem; padding-left:1rem;} 
.tag-container>li>p.none {opacity: .5; cursor: default;} 
.tag-container>li>p.none:hover {text-decoration: none;} 
.tag-container>li>p:hover {text-decoration: underline;}
.tag-container>li>p::before {content:'/'; position: absolute; right: 0; top:0; font-size:1.6rem; color: rgba(0,0,0,0.3);}


.product-page#product-list .info-wraps {display: flex; justify-content: space-between; align-items: center; width: 99%; margin: 0 0.5%; margin-bottom: 0.5rem; border-bottom:2px solid #000; padding-bottom: 1.6rem; }
.product-page#product-list .info-wraps>div {display: flex; justify-content: flex-start; align-items: center;}
.product-page#product-list .info-wraps>div>p {font-size:1.4rem; font-weight: bold; margin-right:1rem;}
.product-page#product-list .info-wraps>div:first-child>p {padding-right: 3rem;}
.product-page#product-list .info-wraps>div .filter-button { background-color: #000; display: flex; justify-content: center;  align-items: center; color:#fff; display: none; justify-content: space-between; align-items: stretch; border-radius: 0.3rem; padding:0.4rem 2rem; border:1px solid #000; margin-right: 2rem; cursor: pointer;}
.product-page#product-list .info-wraps>div .filter-button img {filter: invert(1); max-width: 1.6rem; margin-right: 0.3rem;}
.product-page#product-list .info-wraps>div .filter-button:hover {opacity: 0.7;}
.product-page#product-list .info-wraps>div .filter-button.on {background-color: #fff; color:#000;}
.product-page#product-list .info-wraps>div .filter-button.on img {filter: invert(0);}
.product-page#product-list .info-wraps .filter-hidden-btn {display: flex; justify-content: center; align-items: stretch; align-items: center; padding:0.4rem 1rem; font-size:1.4rem; border:1px solid #000; border-radius: 0.3rem; cursor: pointer;}
.product-page#product-list .info-wraps .filter-hidden-btn>p { font-weight: 400;}
.product-page#product-list .info-wraps .filter-hidden-btn:hover {background-color: #000; color:#fff;}
.product-page#product-list .info-wraps .filter-hidden-btn:hover>img {filter: invert(100%);}

.product-page#product-list .info-wraps>div .filter-button.mobile {display: none;}

.product-page.online-store table+p>a {font-size:1.4rem; word-break: break-all;}
.product-page.online-store table+p>a:hover {text-decoration: underline;}
.product-page.online-store .logo-wrap  {  aspect-ratio: 4 / 1; /* 로고의 비율: 가로 4, 세로 1 */
  display: flex;
  align-items: center;
  justify-content: center;
  width:100% !important;
  overflow: hidden;

}
.product-page.online-store .logo-wrap>img {width: 100%; height: auto;}

.select-filter {display: flex;   justify-content: flex-start; gap:1rem; align-items: center; flex-wrap: wrap; margin-bottom: 2rem; }
.select-filter .item {cursor: pointer; position: relative; display: flex; justify-content: space-between; align-items: center; font-size:1.6rem; gap:1rem; font-weight: bold; font-size:1.4rem; border:1px solid #ddd; border-radius: 5px; padding:0.4rem 1rem; background-color: #fff;}
.select-filter .item:hover {opacity: 0.7;}
/* .select-filter .item::before {content:'DELETE'; position: absolute; width:0; opacity: 0; height: 100%; background-color: #F40808; color:#fff; font-size:1.4rem; border:2px solid #F40808; transition: all 0.4s; text-align: center; vertical-align: middle;} */
/* .select-filter .item:hover::before {width: 100%; opacity: 1; } */
/* .select-filter .item:hover {border:2px solid #F40808;} */
.select-filter .item>p {font-size:1.4rem;}
.select-filter .item>img {max-width: 1.1rem;}

.brand-story-wrap {padding:4rem; border:1px solid #ddd; width: 99%; margin:0.5%; margin-bottom: 2rem; border-radius: 0.5rem; justify-content: space-between; align-items: center; display: none;}
.brand-story-wrap h4 {font-size:2rem; padding-bottom: 1rem; color:#fff;}
.brand-story-wrap p {font-size:1.6rem; color:rgba(255,255,255,1);  font-weight: 300;}
.brand-story-wrap .w-30 {display: flex; justify-content: flex-end;}
.brand-story-wrap#brand-01 {background-image:url(../../../img/brnad-story-01.webp); background-repeat: no-repeat; background-size: cover; background-position: center; }

.brand-modal {position: absolute; color:#fff; background-color: #000; width:100%; height: 100%; top:0; left:0;  display: flex; justify-content: center; align-items: flex-start; z-index: 6; background-color:rgba(0,0,0,0.7); box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}
.brand-modal .content {width: calc(100% - 3.2rem); margin-top:3.2rem; height: auto; overflow-y: auto;  max-width: 85rem; border-radius: 1rem; background-color: #fff; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }
.brand-modal .content .modal-section {width: 100%; text-align: center; }
.brand-modal .content .modal-section>p {width: 100%; max-width: 40rem; margin: 0 auto;}

.brand-modal .brand-modal-close {position: absolute; top:1.6rem; right:1.6rem; width:5rem; height: 5rem; background-color:#000; color:#fff; border-radius: 50%; z-index: 9;}
.brand-modal .brand-modal-close>img {width: 100%; max-width: 3rem; vertical-align: middle; }

.modal-section .modal-min-section#bg-01 {background-image:url(../../../img/min-banner.jpg); height: 40rem; background-size: cover; }
.modal-section .modal-min-section {position: relative;}
.modal-section .modal-min-section .text-wrap>h3 {font-size:3.6rem;}
.modal-section .modal-min-section .text-wrap>p {font-size:2.4rem;}

.center-ment {padding:3rem 5rem; color:#fff; background-color: #000; font-size:1.6rem; position: fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 99; border-radius: 1rem; box-shadow: rgba(255, 255, 255, 0.6) 0px 7px 29px 0px;}

#product-detail-container {width: 100%; padding-top:14rem;}
#product-detail-container .boundary-1440 {display: flex; justify-content: flex-start; align-items: flex-start;}
#product-detail-container .img-wraps {flex-basis: 55%; max-width: 55%; position: sticky; top:14rem; left:0; padding:2rem;}


#product-detail-container .img-wraps .tag {padding:0.3rem 1.2rem; background-color: #F40808; color:#fff; font-size:1.4rem; font-weight: bold; display: inline-block; border-radius: 0.3rem;}
#product-detail-container .img-wraps h2 {font-size:3.6rem; font-weight: 900;}
#product-detail-container .img-wraps .tag-container {margin-bottom: 2rem;}

#product-detail-container .spec-wraps {max-width: 45%; flex-basis: 45%; margin-top:13.2rem; padding:2rem; font-weight: bold;}
#product-detail-container .spec-wraps .table {border-top:2px solid #000; width: 100%; border-bottom:1px solid #000; }
#product-detail-container .spec-wraps .table table {width: 100%;}
#product-detail-container .spec-wraps .table table caption {font-size:2.4rem; font-weight: bold;}
#product-detail-container .spec-wraps .table table tr td:nth-child(1) {width: 25%; text-align: right; font-weight: bold; font-size: 1.6rem; padding:1rem 1.6rem; vertical-align: middle;}
#product-detail-container .spec-wraps .table table tr:nth-child(2n) {background-color: #fff;}
#product-detail-container .spec-wraps .table table tr td:nth-child(2) {width: 100%; padding:1rem 1.6rem; font-size:1.6rem; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; gap:1rem;}
#product-detail-container .spec-wraps .table table tr td>img {max-width: 4rem;}
#product-detail-container .spec-wraps .contents {margin-bottom: 6rem;}
#product-detail-container .spec-wraps .contents .to-list {display: flex; justify-content: flex-start; align-items: center; color:#fff; background-color: #003466;  padding:1rem; font-size:1.4rem; max-width: 12rem; float: right; gap: 1rem; font-weight: 400;}
.youtube-wrap { position: relative;  width: 100%; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0;  overflow: hidden;}
.youtube-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
#product-detail-container .spec-wraps .contents>h3 {font-size:2.4rem; padding-bottom:0.5rem;}
#product-detail-container .spec-wraps .contents .text-wrap {font-size:1.6rem; font-weight: 300;}
#product-detail-container .spec-wraps .contents .button-wrap {display: flex; justify-content: center; align-items: center; gap:1rem;}
#product-detail-container .spec-wraps .contents .button-wrap .manual {background-color: #000; flex-basis: 100%; max-width: 100%; padding:1rem; padding:1rem; display: flex; justify-content: center; align-items: center; gap:0.5rem; border-radius: 0.3rem; color:#fff; font-size:1.4rem; cursor: pointer;}
#product-detail-container .spec-wraps .contents .button-wrap .manual:hover {border:0; opacity: 0.7;}
#product-detail-container .spec-wraps .contents .button-wrap .manual>p {font-weight: 300;}
#product-detail-container .spec-wraps .contents .button-wrap .manual#guitar-manual {background-color: #F56118 ;}
#product-detail-container .spec-wraps .contents .button-wrap .manual#preamp-manual {background-color: #003466 ;}
#product-detail-container .spec-wraps .contents .button-wrap .manual#inquiry-manual {background-color: #000 ;}


#product-detail-container .arrow-btn {position: fixed; top:50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: space-between; font-size:1.8rem; gap:0.5rem; cursor: pointer; }
#product-detail-container .arrow-btn.prev {left:6rem;}
#product-detail-container .arrow-btn.next {right:6rem;}
#product-detail-container .arrow-btn img {flex-shrink: 1; width: 100%; height: 100%; max-width: 1rem;}
#product-detail-container .arrow-btn:hover {cursor: pointer; opacity: 0.7;}
#product-detail-image {width: 100%; overflow: hidden; margin-bottom:1rem; position: relative;}
#product-detail-image .swiper-wrapper .swiper-slide {width: 100%; height: 0 !important; padding-bottom:56.25%; position: relative;}
#product-detail-image .swiper-wrapper .swiper-slide>img {width: 100%; height: 100%; position: absolute; top:0; left:0; background-color: #fff; }

#product-detail-image-thumb {overflow: hidden;}
#product-detail-image-thumb .swiper-wrapper .swiper-slide {width: 100%; height: 0 !important; padding-bottom:12.25%; position: relative; cursor: pointer; border:2px solid transparent;}
#product-detail-image-thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {border:2px solid #F45708;}
#product-detail-image-thumb .swiper-wrapper .swiper-slide>img {width: 100%; height: 100%; position: absolute; top:0; left:0; background-color: #fff; }

/*제품*/
#product-container {padding-top:14rem; display: flex; justify-content: flex-start; align-items: flex-start;}
#product-container .filter-container {width: 100%; height:calc(100vh - 14rem); flex-basis: 40rem; max-width: 40rem; padding:2rem;  position: sticky; top:14rem; left:0; overflow-y: auto;} 
.search-wrap {width: 100%; max-width: 30rem; border:1px solid #ddd; border-radius: 0.3rem; background-color: #fff; display: flex; justify-content: space-between; align-items: stretch; padding:1rem;}
.search-wrap>.search-btn {display: flex; justify-content: flex-end; align-items: center; cursor: pointer;}
.search-wrap>.search-btn>img {max-width: 2.4rem;}
.search-wrap>input {border:0; width: 100%; font-size:1.6rem; font-family: "Pretendard";}
.search-wrap>input::placeholder {font-family: "Pretendard"; font-size:1.4rem;}
#product-container .filter-container .product-filter-wrap {width: 100%;}
#product-container .filter-container .product-filter-wrap>li {width: 100%;  display: flex; border-bottom:1px solid #ddd; cursor: pointer; position: relative; flex-wrap: wrap;}
#product-container .filter-container .product-filter-wrap>li>div {width: 100%; padding:1.4rem; display: flex; justify-content: space-between; align-items: center;  font-weight: bold; flex-basis: 100%; max-width: 100%; position: relative;}
#product-container .filter-container .product-filter-wrap>li>div>img {transition: all 0.4s cubic-bezier(.23,1,.32,1);}
#product-container .filter-container .product-filter-wrap>li>p { font-weight: bold; font-size:1.6rem;}
#product-container .filter-container .product-filter-wrap>li>ul {width: 100%;  height: 0; visibility: hidden; transition: all 0.4s cubic-bezier(.23,1,.32,1);  opacity: 0;  overflow-y: auto;}
#product-container .filter-container .product-filter-wrap>li>ul>li {margin-top:1rem; font-size:1.4rem;}
#product-container .filter-container .product-filter-wrap>li>ul>li.none{position: relative; display:none;}
#product-container .filter-container .product-filter-wrap>li>ul>li.none::after{ clear: both; display: block; content : ""; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.04); width: 100%; height: 90%;}
#product-container .filter-container .product-filter-wrap>li.on>ul {height: auto; opacity: 1; visibility: visible; padding:0 1.4rem 2.8rem 1.4rem; }
#product-container .filter-container .product-filter-wrap>li.on>div>img {transform: rotate(180deg);}
#product-container .filter-container .search-wrap {max-width: 100%;}

#product-container .mall-list {padding:3rem; background-color: #fff; border-radius: 1rem;}
#product-container .mall-list .logo-wrap {border-radius: 1rem; overflow: hidden; position: relative; width:6rem; height: 6rem; margin-bottom: 2rem;}
#product-container .mall-list .logo-wrap>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#product-container .mall-list table tr th {color:#000; padding-right:0.5rem;}
#product-container .mall-list table tr td {color:#666;}
#product-container .mall-list p {font-size:1.4rem; opacity: 0.5;} 

#product-container .swiper-slide.series {padding-bottom: 56.25%; height: 0%;}

.media {width: 100%; /* 원하는 너비 */max-width: 100%; /* 최대 너비 설정 */ aspect-ratio: 16/9; /* 16:9 비율 유지 */ margin: 0 auto;}
.media oembed {display: block;width: 100%;height: 100%;}
.media iframe {display: block;width: 100%;height: 100%;}


.check-product { display: block; position: relative; padding-left: 2.5rem; margin-top:1rem; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.check-product input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute;top: 1rem;left: 0;height: 1.8rem;width: 1.8rem;background-color: #eee;border-radius: 0.3rem;}
.check-product:hover input ~ .checkmark { background-color: #ccc;}
.check-product input:checked ~ .checkmark { background-color: #000;}
.checkmark:after {content: "";position: absolute;display: none;}
.check-product input:checked ~ .checkmark:after {display: block;}
.check-product .checkmark:after { left: 0.6rem;top: 0.2rem;width: 0.5rem; height: 1rem; border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.check-product span {padding-left:0.5rem; color:rgba(0,0,0,0.5);}





/*기타관리*/
.gallery-wrap {width: 100%; display: flex; justify-content: center; align-items: center; padding-top:5rem; padding-bottom:10rem;}
.gallery-wrap .boundary-1440 .info-wraps {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.gallery-wrap .boundary-1440 .info-wraps .title-name {font-size:1.6rem; font-weight: bold;}
.gallery-wrap .boundary-1440 .flex_4ea {justify-content: flex-start; margin-left:-1%; margin-right:-1%; width: auto; align-items: stretch; }
.gallery-wrap .boundary-1440 .flex_4ea .content {box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; border-radius: 1rem; overflow: hidden;  flex-basis: calc(25% - 2%);  max-width: calc(25% - 2%); margin: 1%; background-color: #fff; }
.gallery-wrap .boundary-1440 .flex_4ea .content:hover {cursor: pointer;}
.gallery-wrap .boundary-1440 .flex_4ea .content:hover .img-wrap>img {transform: translate(-50%,-50%) scale(1.2); }
.gallery-wrap .boundary-1440 .flex_4ea .content .img-wrap {width: 100%; height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden;}
.gallery-wrap .boundary-1440 .flex_4ea .content .img-wrap>img {width: 100%;  position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);  transition: all 0.8s cubic-bezier(.23,1,.32,1);}
.gallery-wrap .boundary-1440 .flex_4ea .content .text-wrap {padding:2rem; background-color: #fff;}
.gallery-wrap .boundary-1440 .flex_4ea .content .text-wrap>h3 { font-weight: bold; line-height: 1.2; margin-bottom: 1rem;}
.gallery-wrap .boundary-1440 .flex_4ea .content .text-wrap>p:not(.sound-review) { font-weight: 300;     display: -webkit-box; /* Use a flexbox layout */
  -webkit-line-clamp: 3; /* Limit to 3 lines */
  -webkit-box-orient: vertical; /* Ensure the box is oriented vertically */
  overflow: hidden; /* Hide overflow content */
  text-overflow: ellipsis; /* Add ellipsis at the end of the visible text */
  color:#666;

}
  
.gallery-wrap .boundary-1440 .flex_4ea .content .text-wrap>ul {display: flex; justify-content: space-between; align-items: center; margin-top:2rem;}
.gallery-wrap .boundary-1440 .flex_4ea .content .text-wrap>ul>li {display: flex; justify-content: flex-start; align-items: center; gap:1rem;}
.gallery-wrap .boundary-1440 .flex_4ea .content .text-wrap>ul>li>p { color:#a1a1a1; font-weight: 300;}

.flex_4ea .content.active .text-wrap{background-color: #F45708 !important; color:#fff !important;}
.flex_4ea .content.active .text-wrap>ul>li>p {color:#fff !important;}
.flex_4ea .content.active .text-wrap>ul>li>p {color:#fff !important;}

.video-play-button{position: relative;z-index: 1; position: absolute; top:3rem; left:3rem; transform: translate(-50%,-50%);}
.video-play-button div{position: relative;background-color: var(--accent-color);border-radius: 100%;width: 40px;height: 40px;margin: 0 auto;display: flex;align-items: center;justify-content: center;cursor: none;}
/* .video-play-button div:before{content: ''; position: absolute;top: -30%; left: -30%; width: 160%; height: 160%; border: 50px solid #F45708; border-radius: 50%; transform: scale(0.6); z-index: -1; animation: border-zooming 2.5s infinite linear;} */
/* .video-play-button div:after{ content: '';position: absolute;top: -30%; left: -30%; width: 160%; height: 160%; border: 50px solid #F45708; border-radius: 50%; transform: scale(0.6); z-index: -1;	animation: border-zooming 4s infinite linear;animation-delay: .3s;} */
@keyframes border-zooming{100%{transform: scale(1);opacity: 0;}}
.video-play-button div i{font-size: 30px;color:#fff;}


.popup-container {display: none; width: 100%; height: 96.8rem; background-color: rgba(0, 0, 0, 0.9);  position: fixed; top: 0;left: 0;z-index: 999; justify-content: center;align-items: center;}
.popup-modal {width: 100%;  max-width: 1200px;margin: 0 auto;}
.popup-modal.yt-container { position: relative;width: 100%;}
.popup-modal .iframe-wrapper {position: relative;width: 100%;padding-top: 56.25%; /* 16:9 비율 */}
.popup-modal .iframe-wrapper iframe {position: absolute; top: 0;left: 0;width: 100%;height: 100%; border: 3px solid rgba(255,255,255,0.7);}

.popup-modal.yt-container .close {position: absolute; right:-6.5rem; top:0; cursor: pointer; }
.popup-modal.yt-container .close:hover {opacity: 0.7;}




/*faq*/
.faq-list {width: 100%; border-bottom:1px solid #ddd; margin-top:2rem;}
.faq-list>li {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size:2rem; border-top:1px solid #ddd; padding:1.6rem 3rem; position: relative; cursor: pointer; }  
.faq-list>li.on {background-color: #fff;}
.faq-list>li::before {content:''; position: absolute; left:0; top:0; width: 100%; height: 0%; background-color: #fff; transition: all 0.4s; z-index: -1;}
.faq-list>li:hover::before {height: 100%;}
.faq-list>li.on .title {color:#F45708; transition: all 0.4s;}
.faq-list>li.on .inner-contents {display: flex; opacity: 1; transition: all 0.4s; height: auto; visibility: visible; padding-top:2rem; padding-bottom: 2rem;}
.faq-list>li.on .arrow-wrap {transform: rotate(180deg); }
.faq-list>li>.arrow-wrap {position: relative; flex-basis: 2.5rem; height: 2.5rem; background-color: #E6E6E6; border-radius: 50%; padding:0; transition: all 0.4s cubic-bezier(.23,1,.32,1); }
.faq-list>li>.arrow-wrap>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.faq-list>li>.title {padding-top:1rem; padding-bottom:1rem;  flex-basis: calc(100% - 2.5rem); max-width: calc(100% - 2.5rem); display: flex; justify-content: flex-start; align-items: flex-start;}
.faq-list>li>.title>div {padding-right:1rem;}

.faq-list>li>div>span {font-weight: bold; padding-right:2rem; flex-basis: 3.38rem; }
.faq-list>li>.inner-contents {visibility: hidden; flex-basis: 100%; height: 0; max-width: 100%; justify-content: flex-start; align-items: stretch; color:#666; opacity: 0; padding:0; flex-wrap: nowrap; }
.faq-list>li>.inner-contents>span {flex-basis: 3.38rem;}
.faq-list>li>.inner-contents>div {flex-basis: calc(100% - 5.88rem); font-size:1.6rem;}

/*아티스트*/
.artist-wrap {width: 100%; padding-top:5rem; padding-bottom: 10rem; }
.artist-wrap .flex_4ea  {justify-content: flex-start;  align-items: stretch;}
.artist-wrap .flex_4ea .content {flex-basis: 25%; max-width: 25%; margin:0; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; padding:0;}
.artist-wrap .flex_4ea .content:hover .img-wrap .text-wrap {background-color: rgba(0,0,0,0.8); opacity: 1; padding:1rem;}
.artist-wrap .flex_4ea .content>.img-wrap {width: 100%; height: 100%;}
.artist-wrap .flex_4ea .content>.img-wrap .text-wrap {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; height: 100%; transition: all 0.4s cubic-bezier(.23,1,.32,1); display: flex; justify-content: center; align-items: center; color:#fff; text-align: center; opacity: 0;}
.artist-wrap .flex_4ea .content>.img-wrap .text-wrap>div>h3 {font-size:3rem; line-height: 1.2;}
.artist-wrap .flex_4ea .content>.img-wrap .text-wrap>div>p {font-size:1.6rem;}
.artist-wrap .flex_4ea .content>.img-wrap .text-wrap>div>a {font-size:1.4rem; border-radius: 3rem; border:2px solid #fff; color:#fff; padding:0.5rem 2rem; margin-top: 2rem; transition: all 0.4s cubic-bezier(.23,1,.32,1); display: inline-block; }
.artist-wrap .flex_4ea .content>.img-wrap .text-wrap>div>a:hover {background-color: #F45708; color:#fff; border:2px solid #F45708;}
.artist-wrap .flex_4ea .content>.img-wrap>img { vertical-align: middle; filter: grayscale(100%); width: 100%; height:100%;}


.sub-title-h3 { line-height: 1.2; margin-bottom: 3rem; color:#000;}
.sub-title-h3.white {color:#fff;}

/*커스텀홀 - 2. 개요*/
.boundary-1440 p { font-weight: 400;}
.bg-wrap {position: relative; height: 96rem;}
.bg-wrap::before {content:''; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}
.bg-wrap .text-wrap {max-width: 55rem; width: 100%; color:#fff;} 

#custom_hall-01 {width: 100%; padding-bottom:10rem;  display: flex; justify-content: center; align-items: center;}
#custom_hall-01>.boundary-1440>.img-wrap {width: 100%; display: flex; justify-content: center; align-items: center;}
#custom_hall-01>.boundary-1440>.text-wrap {text-align: center; margin-top:10rem; margin-bottom: 10rem; font-size:1.8rem;}
#custom_hall-01>.boundary-1440>.text-wrap p {color:#666;}
/* #custom_hall-01>.boundary-1440>.text-wrap>h3 {font-size:3rem; font-weight: 300; line-height: 1.4; font-weight: bold;} */
#custom_hall-01>.boundary-1440>.text-wrap>h2 {font-size:3.6rem; font-weight: 600; line-height: 1.4;}
#custom_hall-01>.boundary-1440>.flex_2ea {margin-top:4rem;}
#custom_hall-01>.boundary-1440>.flex_2ea>.content.text-wrap>p {font-size:1.8rem; font-weight: 300;}
#custom_hall-01>.boundary-1440>.flex_2ea>.content.text-wrap>p:last-child {text-align: right;}
#custom_hall-01>.boundary-1440>.flex_3ea {margin-bottom: 5rem; margin-top: 2rem;}
#custom_hall-01>.boundary-1440>.flex_3ea>.content.text-wrap {text-align: center;}
#custom_hall-01>.boundary-1440>.flex_3ea>.content.text-wrap:nth-child(2) {border-right:1px solid #ddd; border-left:1px solid #ddd;}
#custom_hall-01>.boundary-1440>.flex_3ea>.content.text-wrap>h3 {font-size:3.6rem;}
#custom_hall-01>.boundary-1440>.flex_3ea>.content.text-wrap>p {font-size:1.8rem;}
#custom_hall-01>.slogan-ment {font-size:18rem; font-weight: bold; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #000; color:transparent; text-wrap: nowrap; width: 100%; overflow: hidden;}
#custom_hall-01>.slogan-ment>span {color:#000;}

/*커스텀홀 - 3. 개요*/
#custom_hall-02 { width:100%; background-image: url(../../../img/work_11zon.webp); padding-top:20rem; padding-bottom: 20rem; transition: all 0.4s cubic-bezier(.23,1,.32,1); margin: 0 auto; display: flex; justify-content: center; align-items: center;}
#custom_hall-02>.boundary-1440>h3 {color:#fff; text-align: center;}
#custom_hall-02>.boundary-1440>ul {display: flex; justify-content: center; align-items: stretch; gap:0.5%; flex-wrap: wrap;}
#custom_hall-02>.boundary-1440>ul>li {flex-basis: 32.333%; max-width: 32.333%; padding:3rem; transition: all 0.4s cubic-bezier(.23,1,.32,1); border-radius: 0.5rem;}
#custom_hall-02>.boundary-1440>ul>li:hover {background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);}
#custom_hall-02>.boundary-1440>ul>li>.img-wrap {margin-bottom: 2rem;}
#custom_hall-02>.boundary-1440>ul>li>.img-wrap>img {width: 100%; max-width: 10rem; margin:0 auto; display: block;}
#custom_hall-02>.boundary-1440>ul>li>.text-wrap {color:#fff; text-align: center;}
#custom_hall-02>.boundary-1440>ul>li>.text-wrap>h3 { font-weight: bold; text-align: left; padding-bottom: 0.5rem;}
#custom_hall-02>.boundary-1440>ul>li>.text-wrap>p { text-align: left; color:rgba(255,255,255,0.7);}



/*커스텀홀 -4. 크래프터 바디 */
#custom_hall-03 { width:100%; height: auto; padding:0; margin: 0 auto;}
#custom_hall-03>.bg-wrap { background-image: url(../../../img/main-banner-01_11zon.webp); background-repeat: no-repeat; background-size: cover; }
#custom_hall-03>.boundary-1440 .text-wrap {width: 100%; max-width: 55rem; color:#fff;}
#custom_hall-03>.boundary-1440 .text-wrap>p { color:#fff; font-weight: 300;}


/* 커스텀홀 -5. 우드 */
#custom_hall-04 { width:100%; padding:0; margin:0 auto; }
#custom_hall-04>.bg-wrap {background-image: url(../../../img/wood_11zon.webp); background-repeat: no-repeat; background-size: cover; }
#custom_hall-04>.boundary-1440.boundary {padding-top:30rem; padding-bottom: 30rem; height: 96.8rem;}
#custom_hall-04>.boundary-1440 .text-wrap>p {color:#fff; font-weight: 300;}


/* 커스텀홀 -6. 헤드 스타일 */
#noitce-custom-hall-05 {width: 100%; position: fixed; top:50%; left:50%; transform: translate(-50%,-50%); max-width: 100rem; background-color:#000; font-size:3rem; color:#fff; z-index: 3; }

#custom_hall-05 { width:100%; margin: 0 auto; height: auto;  position: relative; padding:0; overflow: hidden;   }
#custom_hall-05 .bg-wrap {background-image: url(../../../img/head-bg_11zon.webp); background-size: cover;}
#custom_hall-05 .bg-wrap .text-wrap {text-align: center; margin-bottom: 10rem;}
#custom_hall-05 .slide-wrap {position: relative; }

#head-style-bg {width: 100%; margin: 0 auto;  position: relative; height: 100vh; }
#head-style-bg .swiper-slide { overflow: hidden; position: relative; display: flex; justify-content: flex-start; align-items: center; }
#head-style-bg .swiper-slide>.text-wrap {width: 100%; max-width: 1440px; color:#fff; z-index: 2; margin:0 auto; display: flex; justify-content: flex-start; padding-right:35rem;}
#head-style-bg .swiper-slide>.text-wrap>div {width:100%; max-width: 55rem; padding-left:1.6rem; padding-right:1.6rem;}
#head-style-bg .swiper-slide>.text-wrap h3 { margin-bottom: 1rem; line-height: 1.2; margin-bottom: 2rem;}
#head-style-bg .swiper-slide>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; height: 100%;}
#head-style-bg .swiper-slide>img::before {content:''; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}

#head-style {position: absolute; right:0; top:0; }
#head-style .head-style-wrap { display: flex;  height: 100vh;}
#head-style .head-style-wrap ul {height: 33.33%; border-right:1px solid rgba(255,255,255,0.1);  color:#fff; padding:3rem; text-align: left;  display: flex; flex-direction: column; justify-content: center; transition: all 0.4s cubic-bezier(.23,1,.32,1); cursor: pointer;     background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px); width: 30rem; max-width: 30rem; border-bottom: 0; }
#head-style .head-style-wrap ul.swiper-slide-thumb-active {background-color: #F45708;}
#head-style .head-style-wrap ul>.img-wrap { max-width: 100%; padding:1rem;}
#head-style .head-style-wrap ul>.text-wrap { max-width: 100%; text-align: left; font-size:1.8rem;}
#head-style .head-style-wrap ul img {height:18rem;  margin: 0 auto; display: block; }
#head-style .head-style-wrap ul h4 {font-size:2rem; text-align: center; font-weight: bold; line-height: 1.2;}
#head-style .head-style-wrap ul p {font-size:1.4rem; font-weight: 300;}
#head-style .head-style-wrap ul:hover {background-color: #F45708;}

/* 커스텀홀 -7. 커스텀 인레이 */
#custom_hall-06 { width:100%; margin:0 auto; height: auto;  position: relative; padding:0; overflow: hidden; }
#custom_hall-06 .bg-wrap {background-image: url(../../../img/inlay-02_11zon.jpg); background-size:cover;}

#custom_hall-06 .slide-wrap {position: relative; height: calc(var(--vh, 1vh) * 100);}
#custom_hall-06 .boundary-1440.boundary .text-wrap {width: 100%; max-width: 80rem; color:#fff; margin: 0 auto; text-align: center;}


#custom_hall-06 .actionBtn15 {margin-top:3rem;}
#custom_hall-06 .actionBtn15 .lb {color:#fff;}
#custom_hall-06 .actionBtn15 .cir-lt, .actionBtn15 .cir-rt {background-color:#F45708;}
#custom_hall-06 .actionBtn15 .ico-plus {filter: invert(100);}


#custom-inlay-bg {width: 100%; }
#custom-inlay-bg .swiper-slide {height: calc(var(--vh, 1vh) * 100);overflow: hidden; position: relative; display: flex; justify-content: flex-start; align-items: flex-start;}
#custom-inlay-bg .swiper-slide#cr {display: flex; justify-content: flex-end;}
#custom-inlay-bg .swiper-slide#cr>.text-wrap {padding-right: 40rem; padding-left:0;}
#custom-inlay-bg .swiper-slide>.text-wrap { color:#fff; z-index: 2; padding-left:40rem;  width: 100%; max-width: 90rem; padding-top:10rem;}
#custom-inlay-bg .swiper-slide>.text-wrap>h3 { margin-bottom: 1rem;}
#custom-inlay-bg .swiper-slide>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; height: 100%;}

#custom-inlay {position: absolute; left:0; top:0; height: calc(var(--vh, 1vh) * 100);}
#custom-inlay .head-style-wrap { display: flex;  height: 100%;}
#custom-inlay .head-style-wrap ul {  height: 33.33%; border-right:1px solid rgba(255,255,255,0.1);  color:#fff; padding:1rem; text-align: left;  display: flex; flex-direction: column; transition: all 0.4s cubic-bezier(.23,1,.32,1); cursor: pointer;     background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px); width: 30rem; max-width: 30rem;}
#custom-inlay .head-style-wrap ul:last-child {border-bottom: 0;}
#custom-inlay .head-style-wrap ul.swiper-slide-thumb-active {background-color: #F45708; display: flex; justify-content: flex-start; align-items: center;}
#custom-inlay .head-style-wrap ul>.img-wrap {flex-basis: 100%; max-width: 100%; padding:1rem;}
#custom-inlay .head-style-wrap ul>.text-wrap {flex-basis: 100%; max-width: 100%; text-align: left;}
#custom-inlay .head-style-wrap ul img {width: 100%; height: 100%;  margin: 0 auto; display: block;}
#custom-inlay .head-style-wrap ul h4 { text-align: center; font-weight: 300; }
#custom-inlay .head-style-wrap ul p {font-weight: 300; position: absolute; bottom:2.5rem; z-index: 2; font-weight: bold; text-align: center; left:50%; transform:translateX(-50%);}
#custom-inlay .head-style-wrap ul:hover {background-color: #F45708;}


/* 커스텀홀 -8. 도장마감 */
#custom_hall-07 { width:100%; margin: 0 auto; height: auto; background-color: #000; position: relative; padding:0; overflow: hidden;   background-position: center; background-size:cover;  background-attachment: fixed; top:0; background-repeat: no-repeat;}
#custom_hall-07 .bg-wrap {background-image: url(../../../img/CUSTOM-QT-5A-5.webp); background-repeat: no-repeat; background-size: cover;}
#custom_hall-07 .slide-wrap {position: relative;}
#custom_hall-07>.boundary-1440.boundary {padding-top:30rem; padding-bottom: 30rem; height: auto;}
#custom_hall-07>.boundary-1440 .text-wrap {width: 100%; max-width: 55rem; color:#fff;}

#coating-bg {width: 100%; height: calc(var(--vh, 1vh) * 100);}
#coating-bg .swiper-slide.right-text {display: flex; justify-content: flex-start; align-items: center;}
#coating-bg .swiper-slide.right-text>.text-wrap { width: 100%; max-width: 1440px; padding-left:1.6rem; padding-right:1.6rem; padding-right:18rem; }
#coating-bg .swiper-slide.right-text>.text-wrap>div {width:100%;  max-width: 55rem;}
#coating-bg .swiper-slide {height: calc(var(--vh, 1vh) * 100); overflow: hidden; position: relative; display: flex; justify-content: flex-start; align-items: flex-start;}
#coating-bg .swiper-slide>div {width: 100%; max-width: 1440px; margin: 0 auto;}
#coating-bg .swiper-slide>.text-wrap { color:#fff; z-index: 2; }
#coating-bg .swiper-slide>.text-wrap>h3 { margin-bottom: 1rem;}
#coating-bg .swiper-slide>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; height: 100%;}

#coating {position: absolute; right:0; top:0; height: calc(var(--vh, 1vh) * 100); }
#coating .head-style-wrap { display: flex;  height: 100%;}
#coating .head-style-wrap ul {height: 33.33%; border-right:1px solid rgba(255,255,255,0.1);  color:#fff; padding:1rem; text-align: left;  display: flex; flex-direction: column; transition: all 0.4s cubic-bezier(.23,1,.32,1); cursor: pointer;     background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px); width: 30rem; max-width: 30rem;}
#coating .head-style-wrap ul:last-child {border-bottom: 0;}
#coating .head-style-wrap ul.swiper-slide-thumb-active {background-color: #F45708; display: flex; justify-content: flex-start; align-items: center;}
#coating .head-style-wrap ul>.img-wrap {flex-basis: 100%; max-width: 100%; padding:1rem;}
#coating .head-style-wrap ul>.text-wrap {flex-basis: 100%; max-width: 100%; text-align: left;}
#coating .head-style-wrap ul img {width: 100%; height: 100%;  margin: 0 auto; display: block;}
#coating .head-style-wrap ul h4 {font-size:2rem; text-align: center; font-weight: 300; }
#coating .head-style-wrap ul p {font-size:1.6rem; font-weight: 300; position: absolute; bottom:2.5rem; z-index: 2; font-weight: bold; text-align: center; left:50%; transform:translateX(-50%);}
#coating .head-style-wrap ul:hover {background-color: #F45708;}


/* 커스텀홀 -9. 우드 */
#custom_hall-08 { width:100%; height: auto;    padding:0; margin:0 auto;}
#custom_hall-08> .bg-wrap {background-image: url(../../../img/pick-up.webp);  background-repeat: no-repeat; background-size:cover;  background-position: center;} 
#custom_hall-08>.boundary-1440 {padding-top:30rem; padding-bottom: 30rem; display: flex; justify-content: flex-end;}
#custom_hall-08>.boundary-1440 .text-wrap {width: 100%; max-width: 55rem; color:#fff;}
#custom_hall-08>.boundary-1440 .text-wrap>p {font-size:1.6rem; color:#fff; font-weight: 300;}
.pick-up-container {width: 100%; display: flex; justify-content: space-between; align-items: stretch; overflow: hidden;}
.pick-up-container #pick-up {flex-basis: 70%; max-width: 70%; overflow: hidden; width: 100%; background-color: #fff; position: relative;}
.pick-up-container #pick-up .swiper-slide>img {width: 100%; height: 100%; vertical-align: middle;}
.pick-up-container #pick-up-thumb {flex-basis: 30%; max-width: 30%;  overflow: hidden; position: relative;}
.pick-up-container #pick-up-thumb .swiper-slide {display: flex; justify-content: center; align-items: flex-start; text-align: center; padding:3rem; background: #fff;box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; padding-top: calc(var(--vh, 1vh) * 30);}
.pick-up-container #pick-up-thumb .swiper-slide>div>h3 {font-size:4rem; text-align: center;}
.pick-up-container #pick-up-thumb .swiper-slide>div>h4 {font-size:1.8rem;}
.pick-up-container #pick-up-thumb .swiper-slide>div>p {font-size:1.6rem; margin-top:2rem;}
.pick-up-container #pick-up-thumb .navi {width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom:0; position: absolute; bottom:0; right:0; z-index: 2;  text-align: center;}
.pick-up-container #pick-up-thumb .navi>div {border:3px solid #e2e2e2; padding:1rem 2rem; font-size:1.6rem; font-weight: 500; width: 50%; max-width: 50%;}
.pick-up-container #pick-up-thumb .navi>div:hover {cursor: pointer; border:3px solid #F45708; color:#F45708;}
.pick-up-container #pick-up-thumb .swiper-pagination {top: calc(var(--vh, 1vh) * 20); max-height: 5rem; z-index: 1;}
.pick-up-container #pick-up-thumb .swiper-pagination .swiper-pagination-bullet {width:20rem; padding:2rem; border-radius: 0; position: relative; background-color: #fff; border:2px solid #e2e2e2; opacity: 1;}
.pick-up-container #pick-up-thumb .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {border:2px solid #F45708; color:#F45708; font-weight: bold;}
.pick-up-container #pick-up-thumb .swiper-pagination .swiper-pagination-bullet:nth-child(1)::after {content:'DS-2 Pro+'; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:1.6rem;}
.pick-up-container #pick-up-thumb .swiper-pagination .swiper-pagination-bullet:nth-child(2)::after {content:'ANTHEM'; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:1.6rem;}


/* 커스텀홀 -10. 커스텀갤러리 */
#custom_hall-09 { width:100%; min-height: 96.8rem; }
#custom_hall-09 .boundary-1440 .swiper-container .swiper-wrapper { padding-bottom: 3rem;}
#custom_hall-09 .boundary-1440 .swiper-container .swiper-scrollbar {height: 8px; cursor: pointer;}
#custom_hall-09 .slide-container .swiper-container .swiper-wrapper .swiper-slide {cursor: pointer;}
#custom_hall-09 .slide-container .swiper-container .swiper-wrapper .swiper-slide>.img-wrap { padding-bottom: 0; height: 100%; width: 100%;  /* 원하는 너비 설정 */ aspect-ratio: 8 / 16;  /* 9:16 비율 설정 */}
#custom_hall-09 .boundary-1440 .text-wrap {width: 100%; max-width: 100%; color:#000; text-align: center;}
#custom_hall-09 .boundary-1440 .text-wrap>h3 {margin-bottom: 0; color:#000;}
#custom_hall-09 .boundary-1440 .text-wrap>p {font-size:1.6rem; color:#000; font-weight: 300;}
#custom_hall-09 #custom-gallery {width: 100%; position: relative;  margin-top:3rem; overflow: hidden;}
#custom_hall-09 #custom-gallery .swiper-slide {max-width: 18%; flex-basis: 18%; margin: 1%; cursor: pointer;}
#custom_hall-09 #custom-gallery .swiper-slide {background-color: #fff; cursor: pointer; border-radius: 0.5rem; overflow: hidden; flex-basis: 18%; max-width: 18%; margin:1%;}
#custom_hall-09 #custom-gallery .swiper-slide .text-wrap {padding-top:1rem; padding-bottom: 1rem;}
#custom_hall-09 #custom-gallery .swiper-slide .img-wrap img {width: 100%;}
#custom_hall-09 #custom-gallery .swiper-slide .text-wrap h4 {font-size:2rem;}
#custom_hall-09 #custom-gallery .swiper-pagination {bottom:0;}


/* 커스텀홀 -11. 견적의뢰 */
#custom_hall-10 .list-wrap {flex-basis: 70%; max-width: 70%; display: flex; justify-content: flex-start; align-items: flex-start;}
#custom_hall-10 .list-wrap>.title-wrap {flex-basis: 20%; max-width: 20%;}
#custom_hall-10 .list-wrap>.title-wrap>h3 {font-size:2.4rem;}
#custom_hall-10 .list-wrap .content {display: flex; justify-content: flex-start; align-items: stretch; gap:2rem; flex-wrap: wrap;}
#custom_hall-10 .boundary-1440 {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
#custom_hall-10 .boundary-1440>.text-wrap {width: 100%;  flex-basis: 100%; max-width: 100%;max-width: 100%; color:#000; text-align: center;}
#custom_hall-10 .boundary-1440>.text-wrap>h3 {margin-bottom: 0; color:#000;}
#custom_hall-10 .boundary-1440>.text-wrap>p {font-size:1.6rem; color:#000; font-weight: 300;}
#custom_hall-10 .boundary-1440 .check-container-wrap {flex-basis: 70%; max-width: 70%; padding:1rem;}
#custom_hall-10 .boundary-1440 .check-container {margin-bottom: 5rem; width: 100%;}
#custom_hall-10 .boundary-1440 .spec-wrap {flex-basis: 30%; max-width: 30%;  background-color: #fff; position: sticky; top:25rem; left:0; }
#custom_hall-10 .boundary-1440 .spec-wrap .table-wrap {overflow-y: auto; max-height: calc(96.8rem - 50rem); padding-top:0;} 
#custom_hall-10 .boundary-1440 .spec-wrap .table-wrap table {width:100%; border-top:2px solid #000; border-bottom:2px solid #000; max-height: 30rem; overflow-y: auto;}
#custom_hall-10 .boundary-1440 .spec-wrap .sub-wrap {padding:3rem;}
#custom_hall-10 .boundary-1440 .spec-wrap .sub-wrap .title-name {display: flex; justify-content: space-between; align-items: center; font-size:1.6rem;}
#custom_hall-10 .boundary-1440 .spec-wrap .sub-wrap .title-name>h3 {font-size:2rem; padding-top:0.8rem; padding-bottom: 0.8rem; font-weight: bold;}
#custom_hall-10 .boundary-1440 .spec-wrap .sub-wrap .title-name>.print {padding:0.25rem 2rem; border:1px solid #000; color:#000; font-weight: bold; cursor: pointer;}
#custom_hall-10 .boundary-1440 .spec-wrap .sub-wrap .title-name>.print:hover {background-color: #000; color:#fff;}

#custom_hall-10 .boundary-1440 .spec-wrap .table-wrap table {table-layout: fixed;}
#custom_hall-10 .boundary-1440 .spec-wrap .table-wrap table thead tr {border-bottom:1px solid #ddd;}
#custom_hall-10 .boundary-1440 .spec-wrap .table-wrap table thead tr th {font-size:1.4rem; text-align: center; font-weight: bold; padding:1rem;}
#custom_hall-10 .boundary-1440 .spec-wrap .table-wrap table tbody tr {border-bottom:1px solid #ddd;}
#custom_hall-10 .boundary-1440 .spec-wrap .table-wrap table tbody tr td {font-size:1.4rem; text-align: center; font-weight: 300; padding:1rem; text-align: center;}
#custom_hall-10 .boundary-1440 .spec-wrap .table-wrap table tbody tr td:last-child {text-align: left;}
#custom_hall-10 .boundary-1440 .spec-wrap .table-wrap table tbody tr td:last-child>p:not(.not) {padding:0.3rem 2rem; border:2px solid #F45708; font-size:1.3rem; color:#F45708; font-weight: bold; position: relative; text-align: left;}
#custom_hall-10 .boundary-1440 .spec-wrap .table-wrap table tbody tr td:last-child>p:not(.not)::before {content: '✔';
  position: absolute;
  top: 0.5rem;
  ; right: 0.5rem;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #F45708;
  border-radius: 50%;
  color: white;
  font-size: 1rem;
  ; display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

#custom_hall-10 .boundary-1440 .spec-wrap .table-wrap table tbody tr td:last-child>p.not { color:#fff; background-color: #000; text-align: center; padding:0.3rem 2rem; font-weight: bold; border-radius: 0.3rem;}

#custom_hall-10 .boundary-1440 .spec-wrap .total-wrap {width: 100%; background-color: #000; font-size:1.8rem; color:#fff; padding:2rem 3rem; display: flex; justify-content: space-between; align-items: center;}
#custom_hall-10 .boundary-1440 .spec-wrap .total-wrap .price {color:#F45708; font-weight: bold;}
#custom_hall-10 .boundary-1440 .spec-wrap .function-wrap.not_submit{
  cursor: not-allowed;
  background:#888
}
#custom_hall-10 .boundary-1440 .spec-wrap .function-wrap {padding:2rem; color:#fff; font-size:1.6rem; font-weight: bold; text-align: center;  background: #F45708;
  background: linear-gradient(230deg, #F45708, #F48C06, #F4B106, #F45708);
  background: -moz-linear-gradient(230deg, #F45708, #F48C06, #F4B106, #F45708);
  background: -webkit-linear-gradient(230deg, #F45708, #F48C06, #F4B106, #F45708);
  background: -o-linear-gradient(230deg, #F45708, #F48C06, #F4B106, #F45708);
  background: -ms-linear-gradient(230deg, #F45708, #F48C06, #F4B106, #F45708);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F45708', endColorstr='#F4B106', GradientType=1 );
  background-size: 600% 600%;
  -webkit-animation: playani 3s ease infinite;
  -moz-animation: playani 3s ease infinite;
  -o-animation: playani 3s ease infinite;
  animation: playani 3s ease infinite;
  }



  @-webkit-keyframes playani {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }
  @-moz-keyframes playani {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }
  @-o-keyframes playani {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }
  @keyframes playani {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }

#custom_hall-10 .boundary-1440 .list-wrap {width: 100%; flex-wrap: wrap; margin-bottom: 10rem;}
#custom_hall-10 .boundary-1440 .list-wrap>h3 {font-size:3rem; margin-bottom: 3rem;}
#custom_hall-10 .boundary-1440 .list-wrap .content {width: 80%; display: flex; justify-content: flex-start;}
#custom_hall-10 .boundary-1440 .list-wrap .content label p {font-size:1.4rem; font-weight: 500;}
#custom_hall-10 .boundary-1440 .result {width: 100%; background-color: #fff;}
#custom_hall-10 .boundary-1440 .title {font-size:2.4rem; border-bottom: 2px solid #000; width: 100%; padding:1rem; margin-bottom: 0;}
#custom_hall-10 .boundary-1440 .contents {display: flex; justify-content: flex-start; align-items: stretch; width: 100%; padding-top:1rem; padding-bottom: 1rem; border-bottom:1px solid #ddd; padding-left:1rem; padding-right: 1rem;}
#custom_hall-10 .boundary-1440 .contents>h3 {flex-basis: 100%; max-width: 100%; font-size:2.4rem; border-bottom: 2px solid #000; margin-bottom: 2rem;}
#custom_hall-10 .boundary-1440 .check-list-wrap {display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; position: relative; flex-basis: 85%; max-width: 85%;}
#custom_hall-10 .boundary-1440 .check-list-wrap textarea {width: 100%; padding:2rem; border:0; border:1px solid transparent; font-family: "Pretendard";}
#custom_hall-10 .boundary-1440 .check-list-wrap textarea:focus {border:1px solid #F45708; box-shadow:rgba(0,170,203,0.1) 0px 0px 16px; transition:all 0.5s ease;}
#custom_hall-10 .boundary-1440 .check-list-wrap textarea::placeholder {font-family: "Pretendard";}
#custom_hall-10 .boundary-1440 .title-wrap {font-size:1.6rem; font-weight: 400; display: flex; justify-content: flex-end; align-items: center; flex-basis: 15%; max-width: 15%; text-align: right; flex-shrink: 0;  margin: 0.5rem; width: 100%; padding-right: 2rem;}
#custom_hall-10 .boundary-1440 label  {display: flex; justify-content: space-between; align-items: center; gap:2rem; background-color: #fff;}
#custom_hall-10 .boundary-1440 label>h6 {font-size:1.3rem; font-weight: 300; color:rgba(0,0,0,0.5); display: none;}

/*첨부파일*/
.input-box {display: flex; justify-content: flex-start; align-items: flex-end; width: 100%;}
.input-box .file-name {border:0; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff; font-size: 1.4rem;  color:#121212; flex-basis:calc(100% - 15rem); max-width:calc(100% - 15rem); height: 5rem; line-height: 5rem;}
.input-box .file-name::placeholder { color:#777; font-size:1.4rem; padding:1rem; font-family: "Pretendard";}
.input-box .file-select {background: #121212 !important; color:#fff; cursor: pointer; text-align: center; font-size: 1.4rem; height: 5rem; line-height: 5rem; vertical-align: middle; transition:all 0.5s ease-in-out; flex-basis:15rem; max-width:15rem; padding:1rem 2rem; border-radius: 5px;}
.input-box .file-select .icon {vertical-align: middle; margin-left:0.5rem}
.input-box .file-select .icon > img {width:1.3rem; }
.input-box .file-select:hover {background: #777; transition:all 0.5s ease-in-out}
.input-box > input[type="file"] {position: absolute; width:1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); border:0;}

/* 기본 라디오 버튼 숨기기 */
#custom_hall-10 input[type="radio"] { display: none; }
#custom_hall-10 .radio-btn { position: relative; display: inline-block; padding: 0.6rem 2.5rem; margin: 0.5rem; border: 2px solid #e2e2e2; border-radius: 0; cursor: pointer; font-size: 1.45rem; transition: border-color 0.3s; }
#custom_hall-10 input[type="radio"]:checked + label { border-color: #F45708;}
#custom_hall-10 input[type="radio"]:checked + label { color:#F45708;}
#custom_hall-10 input[type="radio"]:checked + label>h6 {color:rgba(0,0,0,1);}
#custom_hall-10 input[type="radio"]:checked + label::after {content: '✔'; position: absolute; top: 0.5rem;;  right: 0.5rem;  width: 1.6rem; height: 1.6rem; background-color: #F45708; border-radius: 50%;  color: white;  font-size: 1rem;; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;}
#custom_hall-10 input[type="file"] { position: absolute;  width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.custom-file-upload { display: inline-block; padding: 1rem 2rem; background-color: #007bff; color: white; font-size: 1.6rem;  font-weight: bold; border-radius: 0.4rem; cursor: pointer;  transition: background-color 0.3s ease;}
.custom-file-upload:hover { background-color: #0056b3;}
.file-name { margin-left: 0; font-size: 1.4rem; color: #555;  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}

.slide-container {width: 100%; background-color: #fff; padding-top:10rem; padding-bottom: 10rem; overflow: hidden;}
.slide-container .swiper-container .swiper-wrapper {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.slide-container .swiper-container .swiper-wrapper .swiper-slide {flex-basis: 18%; max-width: 18%; margin: 1%;}
.slide-container .swiper-container .swiper-wrapper .swiper-slide>.img-wrap {position: relative; cursor: pointer; overflow: hidden; display: flex; justify-content: center; align-items: center; height: 0; padding-bottom: 120%;}
.slide-container .swiper-container .swiper-wrapper .swiper-slide>.img-wrap>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.slide-container .swiper-container:not(#wood):not(#custom-gallery) .swiper-wrapper .swiper-slide>.img-wrap>img:last-child {display: none;}
.slide-container .swiper-container:not(#wood):not(#custom-gallery) .swiper-wrapper .swiper-slide>.img-wrap:hover>img:first-child {display: none;}
.slide-container .swiper-container:not(#wood):not(#custom-gallery) .swiper-wrapper .swiper-slide>.img-wrap:hover>img:last-child {display: block;}





.slide-container .swiper-container .swiper-wrapper .swiper-slide:hover .text-wrap>h4 {color:#F45708;}
.slide-container .swiper-container .swiper-wrapper .swiper-slide>.text-wrap>h4 {font-size:2rem; line-height: 1.2; margin-top:2rem;}
.slide-container .swiper-container .swiper-wrapper .swiper-slide>.text-wrap>h5 {font-size:1.4rem;  font-weight: 300;}
.slide-container .swiper-container .swiper-wrapper .swiper-slide>.text-wrap>p {  font-weight: 300; margin-top:1rem;  color:rgba(255,255,255,0.7);}


#guitar-body .swiper-slide {flex-basis: 14.666%; max-width: 14.666%;}
.ani-container {width: 100%;}
.ani-container .swiper-slide {transition: all 0.4s cubic-bezier(.23,1,.32,1);}
.ani-container .swiper-slide-active {border:2px solid rgba(0,0,0,0.1); }


/* 서브 페이지 타이틀 영역*/
.title-banner-wrap {width:100%; margin-top:29rem;}
.title-banner-wrap#about-title .image-banner{display: block;}
.title-banner-wrap .boundary .inner_boundary>ul {width:100%; background-color:#223F99; color:#fff; border-radius: 1rem 1rem 0 0 ; padding:3rem 4rem; display: flex; justify-content: space-between; align-items: stretch;}
.title-banner-wrap .boundary .inner_boundary>ul>li:first-child {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.title-banner-wrap .boundary .inner_boundary>ul>li:first-child>h3 {font-size:3.6rem; font-weight: bold; color:#fff; text-transform: uppercase;}
.title-banner-wrap .boundary .inner_boundary>ul>li:first-child>h4 {font-size:2.4rem; font-weight: 300; margin-left:2rem; color:rgba(255,255,255,0.8);}
.title-banner-wrap .boundary .inner_boundary>ul>.paging {font-size:1.6rem; display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap;}
.title-banner-wrap .boundary .inner_boundary>ul>.paging .categoryName {padding-left:0.4rem; padding-right:0.4rem;} 
.title-banner-wrap .boundary .inner_boundary>ul>.paging .productName {padding-left:0.4rem; padding-right:0.4rem;} 



.title-banner-wrap .image-banner {position: relative; margin-bottom:5rem;}
.title-banner-wrap .image-banner>img {width: 100%;}
.title-banner-wrap .image-banner>.inner_boundary {background-color:#fff; position: absolute; bottom:0%; left:50%; transform: translate(-50%,0%); border-radius: 1rem 1rem 0 0; overflow: hidden; padding:5rem 3rem; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
.title-banner-wrap .image-banner>.inner_boundary>li {flex-basis: 50%; max-width: 50%;}
.title-banner-wrap .image-banner>.inner_boundary>li:first-child {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-right: 1px solid rgba(0,0,0,0.1);}
.title-banner-wrap .image-banner>.inner_boundary>li:first-child>img {width: 100%; max-width: 35rem;}
.title-banner-wrap .image-banner>.inner_boundary>li:last-child {padding:2rem;}
.title-banner-wrap .image-banner>.inner_boundary>li:last-child>div>h3 {font-size:1.6rem; margin-bottom:1rem;}
.title-banner-wrap .image-banner>.inner_boundary>li:last-child>div>p {font-size:1.4rem;}

.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap {padding:2rem;}
.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div>h3 {font-size:1.6rem; margin-bottom:0;}
.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div:last-child {margin-top:1rem;}
.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div>.shop-link {padding:1rem 2rem; background-color:#1E3786; color:#fff; font-size:1.4rem; font-weight: bold; width:100%; max-width: 100%;}
.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div>.shop-link>img {display: inline-block; vertical-align: middle; padding:0 0.5rem;}
.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div>.shop-link:hover {background-color:#d05300;}
.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div>.shop-link:hover>img {padding-left:0.9rem; transition: all 0.4s;}

/*회사개요*/
#sub-section-02 {width:100%;}
#sub-section-02 .flex_2ea.sub_inner_boundary {width:100%; max-width: 1400px; margin: 0 auto; margin-top:10rem; align-items: stretch;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content {flex-basis: 50%; max-width: 50%; margin:0;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.img-wrap>img {width:100%;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap {padding:4rem; background-image:url(/assets/images/company-logo.png); background-repeat: no-repeat; background-position: top right;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap>div>h3 {font-size:3.6rem; margin-bottom:1rem;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap>div>h4 {font-size:2rem; margin-bottom:3rem;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap>div>p {font-size:1.6rem; margin-bottom:2rem;}

#sub-section-02 .brand-logo-wrap {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; margin-top:1%;}
#sub-section-02 .brand-logo-wrap>li {flex-basis: 24%; max-width: 24%; background-color: #292E88; padding:1.5rem 2rem; display: flex; justify-content: center; align-items: center;}

/*연혁*/
#history-wrap {padding-top:10rem; padding-bottom:10rem; background-color:#F7F7F7; margin-top:10rem;}
#sub-section-03 {width:100%;}
#sub-section-03 .sub_inner_boundary {width:100%; max-width: 1400px; margin: 0 auto;}
#sub-section-03 .sub_inner_boundary>h3 {font-size:3.6rem; margin-bottom:2rem;}
#sub-section-03 .sub_inner_boundary>.flex_2ea {width:100%; align-items: stretch; justify-content: flex-start;}
#sub-section-03 .sub_inner_boundary>.flex_2ea .content {background-color:#fff; flex-basis: 49%; max-width: 49%; margin:0; margin-right:1%; padding:5rem; margin-bottom:2%; min-height: 29rem; position: relative;}
#sub-section-03 .sub_inner_boundary>.flex_2ea .content:hover {background-color:#223F99; color:#fff; background-image: url(../../images/history-bg.png); background-position: right bottom; background-repeat: no-repeat;}
#sub-section-03 .sub_inner_boundary>.flex_2ea .content:hover>ul>li>p::before {background-color:#fff;}
#sub-section-03 .sub_inner_boundary>.flex_2ea .content>ul>li>h3 {font-size:2.6rem; margin-bottom:2rem;}
#sub-section-03 .sub_inner_boundary>.flex_2ea .content>ul>li>p {font-size:1.6rem; margin-left:2rem; position: relative;}
#sub-section-03 .sub_inner_boundary>.flex_2ea .content>ul>li>p::before {content:''; position: absolute; width:4px; height:4px; border-radius: 50%; background-color:#333333; left:-1rem; top:1.2rem; }
#sub-section-03 .sub_inner_boundary>.flex_2ea .content:nth-child(2n) {flex-basis: 49%; max-width: 49%; margin-left:1%; margin-right:0;}


#product-banner-wrap .boundary .inner_boundary>ul {padding:0;}
#product-banner-wrap .boundary .inner_boundary>ul {background-color:#fff; color:#333333;}
#product-banner-wrap .boundary .inner_boundary>ul>li:first-child>h3 {color:#000000;}
#product-banner-wrap .boundary .inner_boundary>ul>li:first-child>h4 {color:rgba(0,0,0,0.6);}



/*필터*/
#product-search .filter-wrap {width:100%; margin-bottom:5rem;}
#product-search .filter-wrap>.content {background-color:#f9f9f9; padding:1rem; margin-bottom:1rem;}
/*필터 분류이름*/
#product-search .filter-wrap>.content>li:first-child {flex-basis: 18%; max-width: 18%; border-right:1px solid #ddd; margin-right:2%;}
#product-search .filter-wrap>.content>li:first-child>h3 {font-size:2rem; text-align: center;}
/*필터 분류 아이템 */
#product-search .filter-wrap>.content>li:last-child {flex-basis: 80%; max-width: 80%;}
#product-search .filter-wrap>.content>li:last-child>.item {font-size:1.4rem; padding:0.8rem 2.5rem; background-color:#fff; border:1px solid #ddd; margin-right:1rem; border-radius: 1000px; font-weight: 600; cursor: pointer; margin-bottom:0.5%; margin-top:0.5%;}
#product-search .filter-wrap>.content>li:last-child>.item:hover {background-color:#7f7f7f; color:#fff;}
#product-search .filter-wrap>.content>li:last-child>.item.active {background-color:#000000; color:#fff;}



#product-wraps {margin-top:8rem;}
#product-wraps .flex_3ea {display: flex; justify-content: flex-start; align-items: stretch; margin-bottom:10rem;}
#product-wraps .flex_3ea .content {overflow: hidden; flex-basis: 32.6667%; max-width: 32.6667%; margin:0; margin-right:1%; margin-bottom:1%; cursor: pointer; transition: all 0.4s;}
#product-wraps .flex_3ea .content:nth-child(3n) {margin-right:0; margin-left:0;}
#product-wraps .flex_3ea .content .img-wrap {padding-bottom:85%; position: relative; width:100%; height: 0 !important; overflow: hidden;}
#product-wraps .flex_3ea .content .text-wrap {background-color:#fff; padding:2rem;}
#product-wraps .flex_3ea .content .text-wrap>.category>h3 {font-size:1.4rem;}
#product-wraps .flex_3ea .content .text-wrap>.name>h2 {font-size:2rem; margin-bottom:0.3rem;}
#product-wraps .flex_3ea .content .text-wrap>.mat-wrap {width:100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin-top:1rem; margin-bottom:1rem;}
#product-wraps .flex_3ea .content .text-wrap>.mat-wrap>.mat {width:2rem; height:2rem; border-radius: 50%; background-color:gray; margin-right:1rem; position: relative; overflow: hidden; margin-bottom:1rem;}
#product-wraps .flex_3ea .content .text-wrap>.mat-wrap>.mat>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 1; width:100%; height:100%;}
#product-wraps .flex_3ea .content .text-wrap>.cont {font-size:1.4rem; margin-bottom:1rem; color:rgba(0,0,0,0.6);}
#product-wraps .flex_3ea .content .text-wrap>.tag {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
#product-wraps .flex_3ea .content .text-wrap>.tag>div {font-size:1.3rem; padding:1rem 2rem; background-color:#E8EEFF; color:#223F99; font-weight: 600; border-radius: 0.5rem; margin-right:1rem; margin-top:0.5rem; margin-bottom:0.5rem;}
#product-wraps .flex_3ea .content .img-wrap>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(1.00); transition: all 0.4s; width: 100%; height: 100%;}
#product-wraps .flex_3ea .content:hover .img-wrap>img {transform: translate(-50%,-50%) scale(1.05);}
.search-result {font-size:1.8rem; font-weight: 500; margin-bottom:1rem;}
.search-result>p {padding-left:1%;}
.search-result>p>b {color:red;}

.search-result-list {width: 100%; background-color:#fff; border-radius: 3rem; text-align: center; padding: 4rem; margin-top:3rem;}
.search-result-list >h3 {font-size:2.4rem; }
.search-result-list >p {font-size:1.6rem; margin-top:1rem; }
.search-result-list >a {font-size:1.4rem; margin-top:1rem; text-decoration: underline; padding:0.5rem 2rem;}
.search-result-list >a:hover {color:#F45708;}

/* Contact Us */
.sns-container {display: flex; justify-content: flex-start;  align-items: center; flex-wrap: wrap; margin-bottom:7rem;}
.sns-container.cu {margin-bottom:1.6rem;}
.sns-container>ul {display: flex; justify-content: flex-start; align-content: center;}
.sns-container>ul>li {margin-right:2rem;}
.sns-container>ul>li>a>img:last-child {display: none;}
.sns-container>ul>li>a:hover img:first-child {display: none;}
.sns-container>ul>li>a:hover img:last-child {display: block;}

#search-page {padding-top:14rem;}
#search-page .search-wrap {max-width: 34.5rem;}
#search-wraps {margin-top:2rem; border-bottom: 1px solid #ddd;}
#search-wraps .swiper-wrapper .swiper-slide {width: auto; padding:1rem 2rem; font-size:1.6rem; color:#666; cursor: pointer;}
#search-wraps .swiper-wrapper .swiper-slide:hover {color:#000;}
#search-wraps .swiper-wrapper .swiper-slide.active {color:#F45708; position: relative;}
#search-wraps .swiper-wrapper .swiper-slide.active::before {content:''; position: absolute;  left:0; bottom:1px; width:100%; height:1px; background-color:#F45708;}
#search-wraps .result-wrap {padding-top:1rem;  color:#666666;}
#search-wraps .result-wrap .result {color:#000; margin-top:2rem;}
#search-wraps .list-wrap {width: 100%; margin-top:5rem; margin-bottom: 5rem;}
#search-wraps .list-wrap .list {width: 100%; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 1rem;  align-items: stretch;}
#search-wraps .list-wrap .list:hover {background-color: #fff; transition: all 0.4s cubic-bezier(.23,1,.32,1);}
#search-wraps .list-wrap .list .img-wrap {flex-basis: 16rem; max-width: 16rem;  background-color:#fff; border-radius: 0.5rem; position: relative; flex-shrink: 0;}
#search-wraps .list-wrap .list .img-wrap img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); max-width: 100%; width:100%;  height: auto; object-fit: cover;}
#search-wraps .list-wrap .list .text-wrap {padding:2rem; width: 100%; flex-basis:calc(100% - 16rem); max-width: calc(100% - 16rem);}
#search-wraps .list-wrap .list .text-wrap .title {padding-top:0.3rem; padding-bottom: 0.3rem; font-weight: bold;}
#search-wraps .list-wrap .list .text-wrap .link-wrap {color:#0066CC;}
#search-wraps .list-wrap .list .text-wrap .link-wrap:hover {text-decoration: underline;}
#search-wraps .list-wrap .list .text-wrap>div>p {  display: -webkit-box; -webkit-line-clamp: 2; /* 최대 줄 수 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

@keyframes rotate{
  from{
      transform: rotate(0deg);
  }
  to{
     transform: rotate(360deg);
  }
}

@keyframes rotate-02{
  to{
     transform: rotate(-315deg);
  }
}

@keyframes rotate-03{
  from{
      transform: rotate(0deg);
  }
  to{
     transform: rotate(360deg);
  }
}

@keyframes rotate-04{
  to{
     transform: rotate(-315deg);
  }
}


#management-wrap .gear-wrap>.content .icon-wrap {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
#management-wrap .gear-wrap>.content .icon-wrap>img {margin: 0 auto; display: block;}
#management-wrap .gear-wrap>.content .icon-wrap>h3 {font-size:2rem;}
#management-wrap .gear-wrap>.content .icon-wrap>h3 {font-size:2rem;}
#management-wrap .gear-wrap>.content .icon-wrap>p {font-size:1.6rem; color:#c1c1c1;}



/* 5.인증서 */

/* #certi-container .main-ment {text-align: ;} */



#certificate-wrap {width:100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-bottom:10rem; margin-top:2rem;}
#certificate-wrap .content {flex-basis: 21%; max-width: 21%; margin:2%; margin-bottom:2.5%;}
#certificate-wrap .content>a>.c-img>img {border:1px solid rgba(0,0,0,0.3); transform: all 0.4s;}
#certificate-wrap .content>a>.c-img>img:hover {opacity: 0.9;}
#certificate-wrap .content>.text-wrap>p {font-size:1.6rem; padding:0.5rem; border-left:5px solid #1E3786; margin-top:2rem; padding-left:2rem;}

.gray-bg {background-color:#F6F9FC; padding-bottom:10rem;}
#partner-container .main-ment {text-align: center;}
#partner-container .flex_4ea {width:100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom:3rem;}
#partner-container .main-ment {margin-bottom:2rem;}
#partner-container .flex_4ea .content {flex-basis: 24%; max-width: 24%; text-align: center;  background-color:#fff; padding:3rem;}
#partner-container .flex_4ea .content>img {margin: 0 auto;}
#partner-container .flex_4ea .content>p {font-size:1.6rem;}




/* 제품 */
#product-wrap {width:100%; margin-top:5rem;}
#product-wrap .swiper-slide {padding-bottom:85%; height: 0% !important;}
.product-3d-wrap {position: relative; border:1px solid #ddd; margin-bottom:5rem; padding-bottom:56%; height:0px; overflow: hidden;}
.product-3d-wrap .guide-wrap {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;  position: absolute; top:2rem; left:2rem; z-index: 9;}
.product-3d-wrap .guide-wrap .guide-circle {width:100px; height:100px; background-color:#1E3786; color:#fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;  text-align: center; border-radius: 50%;}
.product-3d-wrap .guide-wrap .guide-circle>ul>li>h3 {font-size:3rem; line-height: 1;}
.product-3d-wrap .guide-wrap .guide-circle>ul>li>p {font-size:1.6rem; font-weight: 300;}
.product-3d-wrap .guide-wrap .text-wrap {position: relative; z-index: 1; font-size:1.6rem; margin-left:1.6rem;}

.product-3d-wrap .guide-wrap-m {display: none; justify-content: flex-start; align-items: center; flex-wrap: wrap;  position: absolute; bottom:2rem; left:2rem; z-index: 9;}
.product-3d-wrap .guide-wrap-m .guide-circle {width:50px; height:50px; background-color:#1E3786; color:#fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;  text-align: center; border-radius: 50%;}
.product-3d-wrap .guide-wrap-m .guide-circle>ul>li>h3 {font-size:1.6rem; line-height: 1;}
.product-3d-wrap .guide-wrap-m .guide-circle>ul>li>p {font-size:1.2rem; font-weight: 300;}
.product-3d-wrap .guide-wrap-m .text-wrap {position: relative; z-index: 1; font-size:1.4rem; margin-left:1.6rem;}
.product-3d-wrap iframe {position: absolute; top:0; left:0; height:100%; width:1px; min-width: 100%; }

#product-wrap .title {width:100%; display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#product-wrap .title>h2 {font-size:3.6rem; font-weight: 800; margin-bottom:2rem; margin-top:2rem; text-align: center; border-bottom:1px solid rgba(255,255,255,0.2);}
#product-wrap .title>h2>span {font-size:2.4rem; font-weight: 400; color:rgba(0,0,0,0.6); border-left:1px solid rgba(0,0,0,0.3); padding-left:1rem;}
#product-wrap .title>p {font-size:1.8rem; font-weight: 300; margin-top:1rem; margin-bottom:1rem; margin-left:2rem; text-align: center;}

/* .perf-tab-wrap .swiper-slide{background: color #000 !important;;} */


  /*제품 타이틀*/
.search-line {width:100%; margin-bottom:1rem;}
.search-line>ul {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; width:100%;}
.search-line>ul>li:first-child {width:80%; flex-basis: 80%; max-width: 80%;}
.search-line>ul>li:first-child>input {width:100%; border:0; padding:2rem; font-size:1.8rem; font-weight: 300; background-color:Rgba(0,0,0,0.05);color:#333333; font-family: "Pretendard";}
.search-line>ul>li:last-child {width:20%; flex-basis: 20%; max-width: 20%; background-color:#12202D; cursor: pointer;}
.search-line>ul>li:last-child>img {max-width: 3rem;}
.search-line>ul>li:last-child:hover {opacity: 0.9;}

.keyword {width:100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom:5rem;}
.keyword>p {font-size:1.8rem; font-weight: bold; border-right: 1px solid rgba(255,255,255,0.1); padding: 0.5rem 2rem; margin-right:0.5rem;}
.keyword .button {padding: 0.5rem 3rem; border:1px solid #80a8c6; border-radius: 0.5rem; color:#1E3786; font-size:1.8rem; cursor:pointer; margin:0.5rem;}
.keyword .button.active {background-color:#80a8c6; color:#fff;}
.keyword .button:hover {background-color:#80a8c6; color:#fff;}

.result-text {width:100%;}
.result-text>p {font-size:1.6rem; padding-left:1%; padding-right:1%; color:rgba(0,0,0,0.6);}

  /*제품*/
#product-wrap .product-list {width:100%; justify-content: flex-start; align-items: stretch; margin-bottom:20rem; }
#product-wrap .product-list .content {flex-basis: 49%; max-width: 49%; margin:0.5%; margin-bottom:1%;  position: relative;}
#product-wrap .product-list .content>a {overflow:hidden;}
#product-wrap .product-list .content>a>.img-wraps {width:100%; padding-bottom:56.25%; height:0; position: relative; background-color:#efefef;}
#product-wrap .product-list .content>a>.img-wraps.new-image-wrap::before {content:''; position: absolute; top:8px; left:8px; background-image: url(../../../image/new-image.png); background-repeat: no-repeat; width:80px; height:46px; z-index: 1; border-radius: 5px;} 
#product-wrap .product-list .content>a>.img-wraps.best-image-wrap::before {content:''; position: absolute; top:8px; left:8px; background-image: url(../../../image/best-image.png); background-repeat: no-repeat; width:80px; height:46px; z-index: 1; border-radius: 5px;} 
#product-wrap .product-list .content>a>.img-wraps>img {position: absolute; top:50%; left:50%; transform: scale(1.00) translate(-50%,-50%); width:100%; background-color:#efefef; transform-origin: 50% 50%;}

#product-wrap .product-list .content>a>.img-wraps::after {content:'Detail View'; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; font-size:1.6rem; display: none; transition: all 0.4s; background-color:rgba(0,81,140,0.5); width:100%; height:100%; display: none; justify-content: center; align-items: center; flex-wrap: wrap;}
#product-wrap .product-list .content:hover>a>.img-wraps::after {opacity: 1; display: flex;}
#product-wrap .product-list .content:hover>a>.img-wraps>img {transition: all 0.8s cubic-bezier(.23,1,.32,1); transform: scale(1.05) translate(-50%,-50%); transform-origin: 50% 50%;}

#product-wrap .product-list .content:hover {background-color:#1E3786;}
#product-wrap .product-list .content:hover>a>.text-wraps>ul>.product-name h2 {color:#ffffff;}
#product-wrap .product-list .content:hover>a>.text-wraps>ul>.product-name h3 {color:rgba(255,255,255,0.6);}
#product-wrap .product-list .content:hover>a>.text-wraps>ul>.product-name p {color:#fff;}


#product-wrap .product-list .content>a>.text-wraps {padding:2rem; color:#333333;}
#product-wrap .product-list .content>a>.text-wraps>ul>.product-name p {font-size:1.6rem; line-height: 1.6; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-weight: 500;}
#product-wrap .product-list .content>a>.text-wraps>ul>.product-name h2 {font-size:2.6rem; line-height: 1.6; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; color:#333333;}
#product-wrap .product-list .content>a>.text-wraps>ul>.product-name h3 {font-size:1.6rem; line-height: 1.6; width:100%;  text-align: left; font-weight: 300; color:rgba(0,0,0,0.5);}
#product-wrap .product-list .content>a>.text-wraps>ul>.product-name .tag-wraps {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top:2rem;}
#product-wrap .product-list .content>a>.text-wraps>ul>.product-name .tag-wraps>li {font-size:1.6rem; background-color:#80A8C6; color:#fff; padding:1rem 2rem; border-radius: 0.5rem; margin-right:0.5rem; margin-bottom:0.5rem;}
#product-wrap .product-list .content>a>.text-wraps>ul>.product-name .tag-wraps>li:hover {background-color:#fff; color:#80a8c6;}
#product-wrap .product-list .content>a>.text-wraps>ul>.detail-view>p{font-size:1.6rem; text-decoration: underline; text-align: center; color:#1E3786;}



  /*제품*/
.product-wrap-detail#product-wrap .product-list {width:100%; justify-content: flex-start; align-items: stretch; margin-bottom:20rem; cursor: pointer;}
.product-wrap-detail#product-wrap .product-list .content {flex-basis: 32.333%; max-width: 32.33%; margin:0.5%; margin-bottom:1%;  position: relative;}
.product-wrap-detail#product-wrap .product-list .content.active {background-color:#1E3786;}
.product-wrap-detail#product-wrap .product-list .content.active>a>.text-wraps>ul>.product-name h2 {color:#ffffff;}
.product-wrap-detail#product-wrap .product-list .content.active>a>.text-wraps>ul>.product-name h3 {color:rgba(255,255,255,0.6);}
.product-wrap-detail#product-wrap .product-list .content.active>a>.text-wraps>ul>.product-name p {color:#ffffff;}
.product-wrap-detail#product-wrap .product-list .content>a {overflow:hidden; height: 100%;}
.product-wrap-detail#product-wrap .product-list .content>a>.img-wraps {width:100%; padding-bottom:85%; height:0; position: relative; overflow: hidden; background-color:#efefef;}
.product-wrap-detail#product-wrap .product-list .content>a>.img-wraps.new-image-wrap::before {content:''; position: absolute; top:8px; left:8px; background-image: url(../../../image/new-image.png); background-repeat: no-repeat; width:80px; height:46px; z-index: 1; border-radius: 5px;} 
.product-wrap-detail#product-wrap .product-list .content>a>.img-wraps.best-image-wrap::before {content:''; position: absolute; top:8px; left:8px; background-image: url(../../../image/best-image.png); background-repeat: no-repeat; width:80px; height:46px; z-index: 1; border-radius: 5px;} 
.product-wrap-detail#product-wrap .product-list .content>a>.img-wraps>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; background-color:#efefef;}
  
.product-wrap-detail#product-wrap .product-list .content>a>.img-wraps::after {content:'Detail View'; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; font-size:1.6rem; display: none; transition: all 0.4s; background-color:rgba(0,81,140,0.5); width:100%; height:100%; display: none; justify-content: center; align-items: center; flex-wrap: wrap;}
.product-wrap-detail#product-wrap .product-list .content:hover>a>.img-wraps::after {opacity: 1; display: flex;}
.product-wrap-detail#product-wrap .product-list .content:hover>a>.img-wraps>img {transition: all 0.8s cubic-bezier(.23,1,.32,1); transform: scale(1.05) translate(-50%,-50%);}
  
.product-wrap-detail#product-wrap .product-list .content:hover {background-color:#1E3786;}
.product-wrap-detail#product-wrap .product-list .content:hover>a>.text-wraps>ul>.product-name h2 {color:#ffffff;}
.product-wrap-detail#product-wrap .product-list .content:hover>a>.text-wraps>ul>.product-name h3 {color:rgba(255,255,255,0.6);}
.product-wrap-detail#product-wrap .product-list .content:hover>a>.text-wraps>ul>.product-name p {color:#fff;}
  
  
.product-wrap-detail#product-wrap .product-list .content>a>.text-wraps {padding:2rem; color:#333333;}
.product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.product-name p {font-size:1.6rem; line-height: 1.6; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-weight: 500;}
.product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.product-name h2 {font-size:2.6rem; line-height: 1.6; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; color:#333333;}
.product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.product-name h3 {font-size:1.6rem; line-height: 1.6; width:100%;  text-align: left; font-weight: 300; color:rgba(0,0,0,0.5);}
.product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.product-name .tag-wraps {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top:2rem;}
.product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.product-name .tag-wraps>li {font-size:1.4rem; background-color:#80A8C6; color:#fff; padding:1rem 1.6rem; border-radius: 0.5rem; margin-right:0.5rem; margin-bottom:0.5rem;}
.product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.product-name .tag-wraps>li:hover {background-color:#fff; color:#80a8c6;}
.product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.detail-view>p{font-size:1.6rem; text-decoration: underline; text-align: center; color:#1E3786;}


.result a {padding:1rem 2rem; background-color: #000; color:#fff; font-size:1.4rem; border-radius: 0.3rem; display: inline-block; margin-top:1rem;}



/*제품 디테일 영역 */
.product-detail-wrap {display:flex; justify-content: center; align-items: stretch; flex-wrap: wrap; margin-bottom:5rem;}
.product-detail-wrap>.content {flex-basis: 39%; max-width: 39%; margin:0; margin-right:1%; overflow:hidden;}
.product-detail-wrap>.content.text-wraps {flex-basis: 59%; max-width: 59%; margin-left:1%; margin-right:0; padding:2rem; overflow:visible; background-color:#fff; }
.product-detail-wrap>.content>.product-detail-slide { position: relative; width:100%; overflow: hidden; background-color:#fff; margin-bottom:2rem;}
.product-detail-wrap>.content>.product-detail-slide .swiper-wrapper .swiper-slide {padding-bottom:85%; width:100%; height: 0!important; cursor: pointer;}
.product-detail-wrap>.content>.product-detail-slide .swiper-wrapper .swiper-slide img {width:100%; height:100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-color:#f9f9f9;}
.product-detail-wrap>.content>.product-detail-slide .slide-btn {position: absolute; bottom:48%; right:0; z-index: 1; justify-content: center; width:100%; align-items: center; justify-content: space-between;}
.product-detail-wrap>.content>.product-detail-slide .slide-btn>li {background-color:rgba(2555,255,255,0.5); border:1px solid rgba(0,0,0,0.1);  flex-basis: 50px; max-width: 50px; width:50px; height:50px; cursor: pointer; transition: all 0.4s;}
.product-detail-wrap>.content>.product-detail-slide .slide-btn>.swiper-button-disabled {opacity: 0.2;}


.product-detail-slide .swiper-pagination {font-size:1.4rem;}
.product-detail-wrap>.content>.product-detail-slide-sub {width:100%; position: relative;}
.product-detail-wrap>.content>.product-detail-slide-sub .swiper-wrapper {padding-bottom:4rem;}
.product-detail-wrap>.content>.product-detail-slide-sub .swiper-pagination {z-index: 2; font-size:1.4rem;}
.product-detail-wrap>.content>.product-detail-slide-sub .swiper-pagination-bullet-active {background-color:#10266a;}
.product-detail-wrap>.content>.product-detail-slide-sub .swiper-slide {padding-bottom:23%; width:100%; height: 0!important; position: relative; cursor: pointer; opacity: 0.5; border:1px solid transparent; top:2px; position: relative;}
.product-detail-wrap>.content>.product-detail-slide-sub .swiper-slide.swiper-slide-thumb-active {opacity: 1; border:1px solid #1E3786;}
.product-detail-wrap>.content>.product-detail-slide-sub .swiper-slide img {width:100%; height:100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-color:#f9f9f9; z-index: -1;}



.product-detail-wrap>.content.text-wraps .detail-text>li>h3 {display:inline-block;  font-size:1.4rem; padding:0.5rem 2rem; background-color:#1E3786; border-radius: 2rem; color:#fff;}
.product-detail-wrap>.content.text-wraps .detail-text>li>h3.border-div {background-color:#c7d4e2;}
.product-detail-wrap>.content.text-wraps .detail-text>li>h3.red {color:#fff; padding:0.5rem 2rem; background-color:#1E3786; border-radius: 2rem;}
.product-detail-wrap>.content.text-wraps .detail-text>li>h3.gray {background-color:#c7d4e2;}
.product-detail-wrap>.content.text-wraps .detail-text>li>h3.yellow {background-color:#f7a219;}
.product-detail-wrap>.content.text-wraps .detail-text>li:first-child ul {display: flex; justify-content: flex-end; align-items: center; }
.product-detail-wrap>.content.text-wraps .detail-text>li:first-child ul>li {padding:5px; cursor: pointer;}
.product-detail-wrap>.content.text-wraps .detail-text>li:first-child ul>li:hover {opacity: 0.7;}
.product-detail-wrap>.content.text-wraps .detail-text>li:first-child ul>li>img {width:30px;}
.product-detail-wrap>.content.text-wraps .detail-text>li>h1 {font-size:2.4rem; border-bottom:1px solid rgba(0,0,0,0.1); line-height: 1.6em; padding:1%;}
.product-detail-wrap>.content.text-wraps .detail-text>li>p { color:rgba(0,0,0,0.6); font-size:1.6rem; padding:1rem; border-bottom:1px solid rgba(0,0,0,0.1);}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table {width:100%; margin-top:2rem;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table .flex_3ea {width:100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table .flex_3ea .content {flex-basis: 32.333%; max-width:32.333%; margin: 0.5%; }
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table {width:100%;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr.disable {display: none;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr th {font-weight: bold; font-size:1.6rem; padding:1rem; width: 15%; vertical-align: top;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td {font-size:1.6rem; color:rgba(0,0,0,0.6); padding:1rem; width: 85%; vertical-align: middle;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.mat-wrap {display:flex; justify-content: flex-start; align-items: stretch; width: 100%; flex-wrap: wrap; }
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.mat-wrap .mat {width:2rem; height:2rem; margin:0.5rem 0.25rem; background-color:#efefef; border-radius: 50%; overflow: hidden;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.tag-wrap {font-size:1.6rem; color:rgba(0,0,0,0.6); padding:0.5rem; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.tag-wrap>.item {font-size:1.4rem; background-color:#E8EEFF; color:#223F99; padding: 1rem 2rem; border-radius: 0.5rem; margin:0.5%; font-weight: 600;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; width: 100%;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a {flex-basis: 32.333%; max-width: 32.333%; padding: 1.4rem 2rem; background-color:#1E3786; margin:0.5%; color:#fff; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size:1.4rem; line-height: 1.7;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a.shop-link {background-color:black;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a.shop-link.disable {display: none;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a>span {margin-left:0.5rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a>span>img {display: block; width: 100%; height: 100%;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a.catalog {background-color:#d72515;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a.inquiry-btn {background-color:#1E3786;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a.disable {background-color:lightgray; cursor:not-allowed; display: none;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a:hover {opacity: 0.8;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.go-list {text-decoration: underline; text-align: center;}


.product-detail-wrap>.content.text-wraps .detail-text li.flex_end {display:flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}

.control-button { position: absolute; top:50%; width:5rem; height: 5rem; transform: translate(0%,-50%); z-index: 1; cursor: pointer; } 
.control-button:hover { opacity: 0.7; } 
.control-button>img { width: auto; max-width: 100%; } 
.control-button.back { left:0%; } 
.control-button.front { right:0%; } 
.control-button.swiper-button-disabled { opacity: 0.1; cursor: not-allowed; } 

#product-detail-image .swiper-pagination {width:5.5rem; color:#fff; border-radius: 20rem;   background: rgba(0, 0, 0, 0.25); /* 반투명한 검은색 */
  backdrop-filter: blur(10px); /* 유리 효과 */
  -webkit-backdrop-filter: blur(10px); /* 사파리 지원 */ font-size:1.3rem; margin: 0 auto; display: block; left:50%; transform: translateX(-50%); bottoM:20px;}
#product-detail-image { margin-top:1rem; } 
#product-detail-image .swiper-slide { cursor: pointer; border:2px solid #fff; } 
#product-detail-image .swiper-slide-thumb-active { border:2px solid #AC815E; } 



/*필터*/
#pr-search .filter-wrap {width:100%; margin-bottom:5rem;}
#pr-search .filter-wrap>.content {background-color:#f9f9f9; padding:3rem; margin-bottom:1rem;}
/*필터 분류이름*/
#pr-search .filter-wrap>.content>li:first-child {flex-basis: 18%; max-width: 18%; border-right:1px solid #ddd; margin-right:2%;}
#pr-search .filter-wrap>.content>li:first-child>h3 {font-size:2rem; text-align: center;}
/*필터 분류 아이템 */
#pr-search .filter-wrap>.content>li:last-child {flex-basis: 80%; max-width: 80%;}
#pr-search .filter-wrap>.content>li:last-child>.item {font-size:1.4rem; padding:1rem 3rem; background-color:#fff; border:1px solid #ddd; margin-right:1rem; border-radius: 1000px; font-weight: 600; cursor: pointer; margin-bottom:0.5%; margin-top:0.5%;}
#pr-search .filter-wrap>.content>li:last-child>.item:hover {background-color:#7f7f7f; color:#fff;}
#pr-search .filter-wrap>.content>li:last-child>.item.active {background-color:#000000; color:#fff;}





#news-container {margin-top:10rem;}

#news-wrap {width:100%; text-align: left;}
#news-wrap .title>img {margin-bottom:5rem;}
#news-wrap .title>h2 {font-size:4rem; font-weight: 800; line-height: 1.6em; margin-top:2rem; margin-bottom:1rem;}
#news-wrap .title>h2 .dot {position: relative;}
#news-wrap .title>h2 .dot::before {content:''; position: absolute; top:-10%; left:50%; transform: translate(-50%,-50%); width:1rem; height:1rem; border-radius: 50%; z-index: 1; background-color:#B3CEE7;}
#news-wrap .title>p {font-size:2rem; padding-bottom:4rem; color:#333333; font-weight: 300;} 
#news-wrap .title .gray-title {color:#EEEEEE; text-align: right; width:100%; font-size:5rem; font-weight: bold;}
#news-wrap .flex_2ea .content:first-child img {max-width:350px; margin: 0 auto;}
#news-wrap .flex_2ea .content:last-child {flex-direction: column; padding-top:30px; text-align: left;}
#news-wrap .flex_2ea .content:last-child p {width:100%; font-size:1.6rem; color:rgba(0,0,0,0.6);}



.pr-grid {width:100%; margin-bottom:5rem; display: flex; justify-content: flex-start;  align-items: flex-start; flex-wrap: wrap;}
.pr-grid .content {padding:1%; transition: all 0.4s; cursor: pointer; width:25%;}
.pr-grid .content:hover {opacity: 0.6;}
.pr-grid .content>.img-wrap {width:100%; border-radius: 1rem; overflow: hidden; border:1px solid #ddd; height:0; padding-bottom:100%; position: relative;}
.pr-grid .content>.img-wrap>img {width: 100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.pr-grid .content>.text-wrap {padding:2rem 0;}
.pr-grid .content>.text-wrap .category { font-size:1.3rem; display: flex; justify-content: space-between; margin-bottom:0.3rem;}
.pr-grid .content>.text-wrap .category>h3 {padding:0.5rem 1.5rem; font-size:1.4rem; display:inline-block; color:#fff; background-color:#000000; border-radius: 2rem;}
.pr-grid .content>.text-wrap .cont>p {font-size:1.4rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.pr-grid .content>.text-wrap .category>span {font-size:1.6rem; padding:0rem 1rem; font-family: "Play";}
.pr-grid .content>.text-wrap .name {font-size:1.8rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.video-grid {width:100%; margin-bottom:5rem; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.video-grid .content {padding:1%; transition: all 0.4s; cursor: pointer; width:33.333%;}
.video-grid .content>.img-wrap {width:100%; border-radius: 1rem; overflow: hidden;  position: relative; height:0; padding-bottom:56.25%; border:0;}
.video-grid .content>.img-wrap>img {width: 100%;}
.video-grid .content>.text-wrap {padding:2rem;}
.video-grid .content>.text-wrap .category { font-size:1.3rem; display: flex; justify-content: space-between; margin-bottom:0.3rem;}
.video-grid .content>.text-wrap .category>h3 {padding:0.5rem 1.5rem; font-size:1.4rem; display:inline-block; color:#fff; background-color:#000000; border-radius: 2rem;}
.video-grid .content>.text-wrap .cont>p {font-size:1.4rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.video-grid .content>.text-wrap .category>span {font-size:1.6rem; padding:0rem 1rem; font-family: "Play";}
.video-grid .content>.text-wrap .name {font-size:1.8rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.certificate-grid {width:100%; margin-bottom:5rem; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.certificate-grid .content {padding:1%; transition: all 0.4s; width:20%; flex-basis: 20%; max-width: 20%;}
.certificate-grid .content>.img-wrap {width:100%; border-radius: 1rem; overflow: hidden; border:1px solid #ddd;}
.certificate-grid .content>.img-wrap>img {width: 100%;}
.certificate-grid .content>.text-wrap {padding:2rem 0;}
.certificate-grid .content>.text-wrap .category { font-size:1.3rem; display: flex; justify-content: space-between; margin-bottom:0.3rem;}
.certificate-grid .content>.text-wrap .category>h3 {padding:0.5rem 1.5rem; font-size:1.4rem; display:inline-block; color:#fff; background-color:#000000; border-radius: 2rem;}
.certificate-grid .content>.text-wrap .cont>p {font-size:1.4rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word;}
.certificate-grid .content>.text-wrap .category>span {font-size:1.6rem; padding:0rem 1rem; font-family: "Play";}
.certificate-grid .content>.text-wrap .name {font-size:1.8rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word;}


.paginataion {width:100%; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; margin-bottom:5rem;}
.paginataion .number-wrap { display: flex; justify-content: space-around; align-items: center; flex-wrap: nowrap; font-size:1.4rem;}
.paginataion .number-wrap>li {width:5rem; height:5rem; display: flex; justify-content: center; align-items: center; flex-wrap:wrap; cursor: pointer;}
.paginataion .number-wrap>.btn-wrap:hover {opacity: 1;}
.paginataion .number-wrap>li:hover {opacity: 0.7;}
.paginataion .number-wrap>li>img {max-width: 0.5rem;}
.paginataion .number-wrap>li.active {border:0; text-decoration: underline; font-weight: bold; background-color:black; color:#fff;}

/* 1. 코어밸류 - 크래프터맨쉽*/

.banner-wraps.video-wraps {width: 100%; position: relative; height: auto; display: block;}
.banner-wraps.video-wraps .video-container {position: relative;padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}
.banner-wraps.video-wraps .video-container iframe {position: absolute;top: 0; left: 0; width: 100%;height: 100%; border: none;  pointer-events: none;}
.banner-wraps.video-wraps .boundary-1440 {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.core-value-wrap { color:#fff; background-color: #000;}
.core-value-wrap .text-wrap {text-align: left;}
.core-value-wrap .core-title>h2 { text-align: center; font-weight: 300; display: flex; justify-content: center; align-items: center; gap:1rem;}
.core-value-wrap .core-title>h1>span {font-weight: 300;}
.core-value-wrap .core-title>h1>span.bold {font-weight: bold;}
.core-value-wrap .core-title>h3 { text-align: center; font-weight: 100;}
.core-value-wrap .flex_2ea {padding-top:5rem; }
.core-value-wrap .flex_2ea .content {font-size:1.8rem; text-align: left; font-weight: 100; padding:0; position: relative; overflow: hidden;}
.core-value-wrap .flex_2ea .content.text {padding:4rem;}
.core-value-wrap .flex_2ea .content.text.design {position: relative;}
.core-value-wrap .flex_2ea .content.text.design img {position: absolute; top:50%; left:50%; transform: translate(50%,-50%); opacity: 0.4; height: 100%; padding:1rem 0;}
.core-value-wrap .flex_2ea .content>img {filter: grayscale(100); transition: all 0.8s cubic-bezier(.23,1,.32,1); vertical-align: middle;}
.core-value-wrap .flex_2ea:hover .content>img {filter: grayscale(0);}

.ani_line_wrap {position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 1;}
.ani_line_wrap span {position: absolute; background-color:rgba(255,255,255,0.7); transition: all 0.4s cubic-bezier(.23,1,.32,1);}
.ani_line_wrap span.al_top {transition: all 0.5s; width:0%; height: 1px; right:0; top:0;}
.ani_line_wrap span.al_right {transition: all 0.6s; width:1px; height: 0; right:0; top:0;}
.ani_line_wrap span.al_bottom {transition: all 0.7s; width:0%; height: 1px; left:0; bottom:0;}
.ani_line_wrap span.al_left {transition: all 0.8s; width:1px; height: 0%; left:0; top:0;}


.core-value-wrap .flex_2ea:hover .content .ani_line_wrap span.al_top {width: 100%;} 
.core-value-wrap .flex_2ea:hover .content .ani_line_wrap span.al_right {height: 100%;} 
.core-value-wrap .flex_2ea:hover .content .ani_line_wrap span.al_bottom {width: 100%;} 
.core-value-wrap .flex_2ea:hover .content .ani_line_wrap span.al_left {height: 100%;} 



.core-value-wrap .flex_2ea .content>h3 { margin-bottom: 2rem; line-height: 1.4;}
/* .core-value-wrap .flex_2ea .content>h4 {font-size:1.6rem;} */
.core-value-wrap .flex_2ea .content>p {margin-bottom: 1rem; width: 100%; max-width: 80rem;}
.core-value-wrap .flex_1ea {padding-top:10rem;}
.core-value-wrap .actionBtn15 {color:#fff; margin-top: 2rem;}

.core-value-wrap .actionBtn15 .lb {color: #fff;}
.core-value-wrap .actionBtn15 .cir-lt, .core-value-wrap .actionBtn15 .cir-rt {background-color: #F45708;}
.core-value-wrap .actionBtn15 .ico-plus {filter: invert(1);}

#core-value-04-product {padding-bottom: 10rem;}
#core-value-04 .sub-section#custom_hall-03 {width: 100%; background-image:url(../../../img/bg_11zon.webp); }
#core-value-04 .sub-section#custom_hall-03 .boundary-1440 { height: 100%;}
#core-value-04 .sub-section#custom_hall-03 .boundary-1440.body-shape {height: 100vh;}
#core-value-04 .sub-section#custom_hall-03 .boundary-1440 .text-wrap {margin: 0 auto;}
#core-value-04 .sub-section#custom_hall-03 .slide-container .swiper-container .swiper-wrapper .swiper-slide>.text-wrap>h4 {color:#000;}
#core-value-04 .sub-section#custom_hall-03 .slide-container .swiper-container .swiper-wrapper .swiper-slide>.text-wrap>p {color:rgba(0,0,0,0.7);}
#core-value-04 .sub-section#custom_hall-03 .text-wrap>h5 {color:rgba(0,0,0,0.6);}


#custom_hall-03 .slide-container .swiper-container .swiper-wrapper .swiper-slide>.text-wrap>p {color:rgba(0,0,0,0.7); font-weight: 400;}
#custom_hall-04 .slide-container .swiper-container .swiper-wrapper .swiper-slide>.text-wrap>p {color:rgba(0,0,0,0.7);}



#core-value-02 {background-color: #000; color:#fff; background-image: url(../../../img/crafter-m-02.webp); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}
#core-value-02 .flex_2ea .content {font-size:1.8rem; text-align: left; font-weight: 100; }
#core-value-02 .flex_2ea .content>.item {margin-bottom: 5rem;}
#core-value-02 .flex_2ea .content>img {filter: grayscale(100); transition: all 0.8s cubic-bezier(.23,1,.32,1);}
#core-value-02 .flex_2ea:hover .content>img {filter: grayscale(0);}
#core-value-02 .flex_2ea .content>h3 { margin-bottom: 2rem; line-height: 1.4;}
#core-value-02 .flex_2ea .content>h4 {font-size:1.6rem;}
#core-value-02 .flex_2ea .content>p {margin-bottom: 1rem; width: 100%; max-width: 80rem;}
#core-value-02 .flex_2ea .content .img-wraps {width: 100%; display: flex; justify-content: center; align-items: center;}
#core-value-02 .flex_2ea .content .text-wrap {text-align: center; margin-top:1rem;}
#core-value-02 #contents-02 {margin-top:5rem; align-items: flex-start;}
#core-value-02 #contents-02 .content:first-child {position: sticky; top:25rem; left:0;}
#core-value-02 #contents-04 .flex_5ea {display: flex; justify-content: flex-start; align-items: center; width: 100%; margin:0;}
#core-value-02 #contents-04 .flex_5ea .content {flex-basis: 20%; max-width: 20%; background-color: #000;}
#core-value-02 #contents-04 .flex_5ea .content>img {vertical-align: middle;}
#core-value-02 #contents-04 .slide-container {background-color: transparent; padding-top:0;}
#core-value-02 #contents-04 .slide-container>h4 {font-size:1.6rem; text-align: center;}
#core-value-02 #contents-04 .slide-container>h3 {font-size:2.4rem; text-align: center; margin-bottom: 2rem; line-height: 1.4;}

#core-value-03 {background-color: #000; color:#fff; background-image: url(../../../img/crafter-m-03.webp); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; background-position: center;}
#core-value-03 .actionBtn15 .lb {color:#fff;}
#core-value-03 .actionBtn15 .cir-lt, #crafter-m-03 .actionBtn15 .cir-rt {background-color: #F45708;}
#core-value-03 .actionBtn15 .ico-plus { filter: invert(1);}

.icon_set {position: relative;}
.icon_set span {display:inline-block; cursor:pointer; }
.icon_set span + span {margin-left:10px;}
.icon_set span img {width:20px; height:22px;}

.icon_set .print {position: relative; }
.icon_set .print .p_hover { position: absolute; top:25px; right: -35px; text-align: center;  font-size: 13px; background: #fff; border:1px solid #999999; width:100px; padding:10px 0; visibility: hidden;}
/* .icon_set .print:hover .p_hover {visibility: visible;} */


.icon_set .share_wrap {display:none; position:absolute; right:0; top:48px; background: #fff; border:1px solid #dddddd; transition: all 0.5s; width:333px;}
.icon_set .share_wrap .share_t {width:100%; background: #f5f5f5; display: flex; justify-content: space-between;}
.icon_set .share_wrap .share_t .main_p {font-size: 14px; font-weight: 400; padding:10px 15px; color:#333333;}
.icon_set .share_wrap .share_t img { cursor:pointer; height:16px; margin:10px 15px; display: inline-block;} 

.icon_set .share_wrap .s_list {background: #fff; padding:10px;}
.icon_set .share_wrap .s_list .share_list {overflow: hidden; padding:10px 15px;}
.icon_set .share_wrap .s_list .share_list li {float:left;}
.icon_set .share_wrap .s_list .share_list li + li {margin-left:15px;}
.icon_set .share_wrap .s_list .share_list li a img {width:35px; height:35px;}

@media print {
  header {display: none;}
  .banner-wraps {display: none !important;}
  .side-bar {display: none;}
  footer {display: none !important;}
  .product-detail-wrap>.content {max-width: 100%; height: auto !important; margin:0%; flex-basis: 100%; order:1;}
  .product-detail-wrap>.content.text-wraps .btn-wraps {display:none;}
  .product-detail-wrap>.content.text-wraps .detail-text li.flex_end {display:none !important;}
  .product-tab-wrap{page-break-before:always;}
  .topbtn {display:none!important; opacity: 0 !important;}
  .product-detail-wrap>.content {flex-basis: 547px; margin:0.5%; max-width: 547px;}
  .product-detail-wrap>.content>.product-detail-slide {position: relative!important; width:100% !important; height:100% !important;}
  .product-detail-wrap>.content>.product-detail-slide .swiper-wrapper {position: relative!important; width:100% !important;  min-height: 300px !important;}
  .product-detail-wrap>.content>.product-detail-slide-sub {width:100% !important;}
  .product-detail-wrap>.content>.product-detail-slide-sub .swiper-slide {width:31.333% !important;}
  .product-detail-wrap>.content>.product-detail-slide .swiper-wrapper .swiper-slide-active {position: relative!important; width:100% !important; display: flex; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);} 
  .product-detail-wrap>.content>.product-detail-slide .swiper-wrapper .swiper-slide-active img{position: absolute!important; top:50%!important; left:50%!important; transform: translate(-50%,-50%)!important; width:auto !important;}
  /* .product-detail-wrap>.content>.product-detail-slide .swiper-wrapper .swiper-slide img {position: absolute!important; top:50%!important; left:50%!important; transform: translate(-50%,-50%)!important; width:200px !important;} */
  .main-nav-sub {justify-content: center !important;}
  .product-detail-wrap>.content.text-wraps {order:0 !important;}
  .product-detail-wrap>.content.text-wraps .detail-text>.pd-name>h1 {text-align: center;}
  .product-detail-wrap>.content.text-wraps .detail-text>.pd-sub-name>h2 {text-align:center;}
  .sns-wrap {display: none;}
  .perf-tab-wrap {display: none;}

  }








/* 제품) */
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap {width:100%;}
/* 제품 카탈로그 ul 드롭다운 */
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog {background-color:#006C2D; color:#fff; position: relative; border:1px solid #536ca1; }
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog a{color:#fff;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog>.sub-catalog-btn {background-color:#fafafa; display: none; position: absolute; top:47px; left:0; width:100%; height:auto; transition: all 0.4s; z-index: 1;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog>.sub-catalog-btn {display:none; transition: all 0.4s;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog>.sub-catalog-btn>li {border:1px solid #ddd; color:#333333; border-top:0;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog>.sub-catalog-btn>li>a {color:#333333; font-size:13px;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog>.sub-catalog-btn>li>a:hover {text-decoration: underline; background-color:#f5f5f5;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog.activie-button {background-color:#536ca1; border:1px solid #536ca1;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog.activie-button .sub-catalog-btn {display:block; transition: all 0.4s;}

/*타이틀*/
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title {justify-content: space-between; margin-top:20px;}
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title>.title-cont>ul>li {margin-right:10px;}
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title>.title-cont>ul>li>img {width:100%; max-width: 30px;}
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title>.title-cont>ul>li>h2 {font-size:34px;}
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title>.search-cont>.search-wraps {margin-bottom:0 !important;}


.product-tab-wrap {padding:0; z-index: 1; position: relative; top:1px;}
.product-tab-wrap .swiper-wrapper .swiper-slide {text-align: center; height:5rem; width:250px; cursor: pointer; font-size:1.4rem; border:1px solid rgba(0,0,0,0.1); border-bottom:1px solid #dddddd; border-right:0; padding-bottom:0 !important; padding:1rem !important;}
.product-tab-wrap .swiper-wrapper .swiper-slide>p {width: 100%;}
.product-tab-wrap .swiper-wrapper .swiper-slide:last-child {border-right:1px solid rgba(0,0,0,0.1); }
.product-tab-wrap .swiper-wrapper .swiper-slide.active-tab {background-color:#1E3786; }

/* .product-tab-wrap.gray .swiper-wrapper .swiper-slide {padding-bottom:0 !important; padding:1rem; height:5.3rem !important;}  */
.product-tab-wrap.gray .swiper-wrapper .swiper-slide.active-tab {background-color:#fff; color:#1E3786; border-top:3px solid #1E3786; font-weight: bold; border-bottom:1px solid #fff;}


.tab-wrap {text-align: center !important; }
.tab-container {width:100%;}
.tab-container .perf-tab-content {min-height:40rem; padding:0; width:100%; width:100%; overflow-x: auto; margin-bottom:10rem; border-top:1px solid #ddd; padding:4rem 1.6rem; font-size:1.6rem;}
.tab-container .perf-tab-content figure img {margin: 0 auto; display: block;}
.tab-container .perf-tab-content .flex_3ea {width:100%; margin-top:1rem; margin-bottom:1rem;}
.tab-container .perf-tab-content .flex_3ea .content {flex-basis: 32.333%; max-width: 32.333%; margin:0.5%; border:1px solid #ddd; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* .tab-container .perf-tab-content .felx_3ea .content {flex-basis: 32.333%; max-width: 32.333%; margin:0.5%; border:1px solid #ddd; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} */

.tab-container .perf-tab-content p {margin:0; padding:0; margin-bottom:0 !important; }
.tab-container .perf-tab-content ol {list-style-type: decimal;}
.tab-container .perf-tab-content ol li {margin-left:25px;}
.tab-container .perf-tab-content ul {list-style-type:disc !important;}
.tab-container .perf-tab-content ul li {margin-left:25px;}
.tab-container .perf-tab-content .table-bordered { width: 100%; border-collapse: collapse;}
.tab-container .perf-tab-content .table-bordered td {border:1px solid #ddd; padding:5px 3px;}


/*시리즈*/
.series-name {padding:0rem 2rem; margin-top:5rem;}
.series_detail-list {max-width: 1440px; padding-bottom: 2rem !important;}
.series-list .swiper-slide {flex-basis: 32.333% !important; max-width: 32.333% !important;}
.series-list .swiper-slide .img-wrap {
  max-width: 100% !important;
  aspect-ratio: 16 / 9;
  object-fit: cover; /* 필요에 따라 추가 */
}
.series-btn {padding:1rem 2rem; font-size:1.6rem; background-color: #F45708; color:#fff; border-radius: 0.3rem;}
.series-btn:hover {opacity: 0.8;}


/*자료실*/
.dataroom-wrap {width:100%;}
.dataroom-wrap>p {font-size:1.6rem;}
.dataroom-wrap table {width:100%; border-bottom:1px solid #ddd; margin-top:1rem;}
.dataroom-wrap table thead tr th {padding:20px 10px; vertical-align: middle; text-align: center; background-color:#1E3786; color:#fff;}
.dataroom-wrap table thead tr th:first-child {width:10%;  font-size:1.6rem;}
.dataroom-wrap table thead tr th:nth-child(2) {width:10%; font-size:1.6rem;}
.dataroom-wrap table thead tr th:nth-child(3) {width:50%; font-size:1.6rem;}
.dataroom-wrap table thead tr th:nth-child(4) {width:15%;  font-size:1.6rem;}
.dataroom-wrap table thead tr th:nth-child(5) {width:15%;  font-size:1.6rem;}

.dataroom-wrap table tbody tr {border-bottom:1px solid #ddd;}
.dataroom-wrap table tbody tr td {font-size:1.6rem; line-height: 1.6em; padding:20px 10px; cursor: pointer;}
/* .dataroom-wrap table tbody tr td .type {padding:0.5rem 2rem; border-radius: 3rem; background-color:black; color:#fff;}
.dataroom-wrap table tbody tr td .type.paper {background-color:orange;} */
.dataroom-wrap table tbody tr td:first-child {text-align: center;}
.dataroom-wrap table tbody tr td:nth-child(2) {text-align: center;}
.dataroom-wrap table tbody tr:hover td {text-decoration: underline;}
.dataroom-wrap table tbody tr td:nth-child(3){text-align: left;}
.dataroom-wrap table tbody tr td:nth-child(4){text-align: center;}
.dataroom-wrap table tbody tr td:nth-child(5){text-align: center;}

.select-type {width:100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom:5rem;}
.select-type>p {font-size:1.8rem; font-weight: bold; border-right: 1px solid #ddd; padding: 0.5rem 2rem; margin-right:2rem;}
.select-type .button {padding: 0.5rem 3rem; border:1px solid #1E3786; border-radius: 1000px; color:#1E3786; font-size:1.8rem; cursor:pointer; margin:1rem;}
.select-type .button.active {background-color:#1E3786; color:#fff;}
.select-type .button:hover {background-color:#1E3786; color:#fff;}




/*고객지원 (공지사항)*/
.notice-wrap {width:100%;}
.notice-wrap>p {font-size:1.6rem;}
.notice-wrap table {width:100%;  margin-top:1rem; table-layout: fixed; border-bottom:2px solid #1E3786;}
.notice-wrap table thead tr th {padding:20px 10px; vertical-align: middle; text-align: center; background-color:#1E3786; color:#fff;}
.notice-wrap table thead tr th>h3 {font-size:1.6rem;}
.notice-wrap table thead tr th>p {font-size:1.3rem; font-weight: 300;}
.notice-wrap table thead tr th:first-child {width:10%;  font-size:1.6rem;}
.notice-wrap table thead tr th:nth-child(2) {width:60%; font-size:1.6rem;}
.notice-wrap table thead tr th:nth-child(3) {width:15%;  font-size:1.6rem;}
.notice-wrap table thead tr th:nth-child(4) {width:15%;  font-size:1.6rem;}
.notice-wrap table tbody tr {border-bottom:1px solid #ddd;}
.notice-wrap table tbody tr td {font-size:1.6rem; line-height: 1.6em; padding:20px 10px; cursor: pointer;}
.notice-wrap table tbody tr td:first-child {text-align: center;}
.notice-wrap table tbody tr td:nth-child(2):hover {text-decoration: underline;}
.notice-wrap table tbody tr td:nth-child(3){text-align: center;}
.notice-wrap table tbody tr td:nth-child(4){text-align: center;}


/*고객지원 (공지사항-세부페이지)*/
.wrap .section_inner .section-cont .container.notice-wrap-view {width:100%; margin:50px auto; padding-left:1.6rem; padding-right:1.6rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view >.main-nav-sub {border-top:0;}
.wrap .section_inner .section-cont .container.notice-wrap-view>.go-list-wrap {display:flex; justify-content: flex-end; align-items: flex-end; list-style:none;}
.wrap .section_inner .section-cont .container.notice-wrap-view>.go-list-wrap a {padding:10px 20px; color:#fff; background-color:#333333; margin-bottom:10px; font-size:1.6rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view>.go-list-wrap a:hover {opacity: 0.7;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul {width:100%; text-align: center; border-top:5px solid #333333;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>li:first-child {font-size:2.4rem; margin-top:1rem; margin-bottom:1rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.sub-title {border-bottom:1px solid rgba(0,0,0,0.1);}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.sub-title>ul {display:flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom:10px;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.sub-title>ul>li {padding:5px; font-size:1.6rem;} 


.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.contents-wraps {width:100%; padding:5px; min-height:400px; text-align: left; border-bottom:1px solid rgba(0,0,0,0.1); font-size:1.6rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.file-wraps {width:100%; padding:10px; border-bottom:1px solid #ddd; text-align: left; display:flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; font-size:1.6rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.file-wraps a {display: inline-block;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.file-wraps a>img {max-width: 25px; display: inline-block; vertical-align: middle; position: relative; top:-3px;} 
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.file-wraps a:hover {text-decoration: underline;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas {width:100%; padding:10px; border-bottom:1px solid rgba(0,0,0,0.1); }
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li {display:flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:first-child {padding:10px; opacity: 0.6; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size:1.6rem; max-width: 30%; flex-basis: 30%; color:#333333;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:first-child img {max-width:24px; display:flex; justify-content: flex-start; align-items: flex-start;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child {font-size: 1.6rem; padding:10px; display: flex; justify-content: flex-start; align-items: center;  max-width: 70%; flex-basis: 70%; text-align: left; color:#333333;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child>a {color:#333333;  }
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child>p {  width: 100%; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start {cursor: pointer;}
/* .wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start:hover {text-decoration: underline;} */

/* #next_news, #prev_news{opacity: 0.5;} */

.contents-wraps p {margin:0; padding:0; margin-bottom:0 !important; }
.contents-wraps ol {list-style-type: decimal;}
.contents-wraps ol li {margin-left:25px;}
.contents-wraps ul {list-style-type:disc !important;}
.contents-wraps ul li {margin-left:25px;}
.contents-wraps .table-bordered { width: 100%; border-collapse: collapse;}
.contents-wraps .table-bordered td {border:1px solid #ddd; padding:5px 3px;}

.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.contents-wraps {width:100%; padding:5px; min-height:400px; text-align: left; border-bottom:1px solid #ddd; font-size:1.6rem;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas {width:100%; padding:10px; border-bottom:1px solid #ddd; width:100%;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:first-child {padding:10px; opacity: 0.6; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size:1.6rem; width:20%;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:first-child img {max-width:24px;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child {cursor: pointer; font-size:1.6rem; width:80%;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child>p {width:100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } 
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child:hover {text-decoration: underline;}
/* .wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas>ul> */


/*갤러리*/
.gallery-wrap {width:100%;}
.gallery-wrap .gallery-grid {margin-bottom:10rem;}
.gallery-wrap .gallery-grid .content {padding:0.5%;transition: all 0.4s cubic-bezier(.23,1,.32,1); cursor: pointer; width:25%; }
.gallery-wrap .gallery-grid .content:hover {background-color:#1E3786; color:#fff; border-radius: 1rem;}
.gallery-wrap .gallery-grid .content:hover .text-wrap>h3 {color:#fff;}
.gallery-wrap .gallery-grid .content:hover .text-wrap>p {color:#fff;}


.gallery-wrap .gallery-grid .content .img-wrap {width:100%; margin:0.5%; border-radius: 0.5rem; overflow: hidden;}
.gallery-wrap .gallery-grid .content .img-wrap>img {width:100%; height:100%; }
.gallery-wrap .gallery-grid .content .text-wrap {padding:2rem;}
.gallery-wrap .gallery-grid .content .text-wrap>h3 {font-size:1.5rem; color:rgba(0,0,0,0.5); font-weight: 300;}
.gallery-wrap .gallery-grid .content .text-wrap>p {font-size:1.8rem; color:#333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; color:#333333; font-weight: bold;}




/* 온라인문의 - 체크박스 */
.inquiry {margin-top:10rem; margin-bottom:10rem;}
.inquiry .i-wrap .i-info .i-form .check-box {display: flex; justify-content: flex-start; width:100%; flex-wrap: wrap; border-top:2px solid #222; align-items: center; border-bottom:1px solid #ddd;}

.inquiry .i-wrap .i-info .i-form .check-box .title {font-size: 1.6rem; padding-left:2rem; font-weight:600; flex-basis:15%; max-width:15%; padding:1.5rem 2rem;}
.inquiry .i-wrap .i-info .i-form .check-box .title::before {content:"*"; color:#FF6600; margin-right:5px;}

.inquiry .i-wrap .i-info .i-form .check-box .c-list {flex-basis:85%; max-width:85%; padding:1.5rem 2rem; border-left:1px solid #ddd;}
.inquiry .i-wrap .i-info .i-form .check-box .c-list .s-list {position: relative; width:100%; height: 5rem; border:1px solid #ddd;}
.inquiry .i-wrap .i-info .i-form .check-box .c-list .s-list #user-type {position: relative; width:100%; height:100%; padding:0 3rem 0 1.5rem; font-size: 1.6rem; border:0; background-color: transparent; cursor: pointer; -webkit-appearance: none; font-family: 'SCoreDream','Play'; color:rgba(0,0,0,0.3);}
.inquiry .i-wrap .i-info .i-form .check-box .c-list .s-list::before {content:""; display:block; width:24px; height:24px; background: url(/NEXTONE/image/select.svg) no-repeat 0 0; position: absolute; right:10px; top:50%; transform:translateY(-50%); }



/* 온라인문의 */
.inquiry .i-wrap .i-info .i-form .form-box {width:100%; }
.inquiry .i-wrap .i-info .i-form .form-box li { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; border-bottom:1px solid #ddd;}
.inquiry .i-wrap .i-info .i-form .form-box .cont {align-items: flex-start;}

.inquiry .i-wrap .i-info .i-form .form-box li .i-tit {flex-basis:15%; max-width:15%; padding:1.5rem 2rem}
.inquiry .i-wrap .i-info .i-form .form-box li .i-tit .tit {font-size: 1.6rem; font-weight:500;  }
.inquiry .i-wrap .i-info .i-form .form-box li .i-tit .tit::before {content:"*"; color:#FF6600; margin-right:5px;}
.inquiry .i-wrap .i-info .i-form .form-box .file .i-tit .tit::before {content:"";}

.inquiry .i-wrap .i-info .i-form .form-box li .i-box {flex-basis:85%; max-width:85%; padding:1.5rem 2rem; border-left:1px solid #ddd; width:100%;}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box input {padding:0 3rem 0 1.5rem; margin:0; border-radius: 0; box-shadow: none; background: #fff; height:50px; font-size: 1.6rem; font-family: 'SCoreDream',"Play"; color:#222; border:1px solid #ddd; width:100%;}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box input:focus {background: #fff; border:1px solid #222; outline:none;}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box textarea {padding:2rem 2.5rem; margin:0; border-radius: 0; box-shadow: none; background: #FFF; font-size: 1.6rem; font-family: 'SCoreDream',"Play"; color:#222; width:100%; border:1px solid #ddd; height: 25rem;}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box textarea:focus {border:1px solid #00aacb; box-shadow:rgba(0,170,203,0.1) 0px 0px 16px; transition:all 0.5s ease;}

.inquiry .i-wrap .i-info .i-form .form-box .tel .i-box {display: flex; justify-content: flex-start; align-items: center; width:100%;}
.inquiry .i-wrap .i-info .i-form .form-box .tel .i-box input {flex-basis:15rem; max-width:15rem; width:100%;}
.inquiry .i-wrap .i-info .i-form .form-box .tel .i-box .bar > span {display: inline-block; width:12px; height:1px; background: #888; margin:0 1rem; }

.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box {display: flex; justify-content: flex-start; align-items: center; width:100%;}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box input {width:100%; flex-basis:20rem; max-width:20rem;}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box span {font-size: 1.6rem; margin:0 1rem; display: inline-block; font-weight: 400; color:#888; }
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box select {width:100%; flex-basis:20rem; max-width:20rem; padding:0 3rem 0 1.5rem; margin:0 0 0 5px; border-radius: 0; box-shadow: none; background: #fff url(/assets/images/select.svg) no-repeat 95% 50%;; height:50px; font-size: 1.6rem; font-family: 'SCoreDream','Play'; color:#888; cursor: pointer; position: relative; border:1px solid #ddd;}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box select:focus {outline: none;}

.inquiry .i-wrap .i-info .i-form .form-box .file .i-box input[type="file"] {position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box label {	display: inline-block; background: #666; color:#fff; height:50px; cursor: pointer; margin-left:5px; width:13rem; text-align: center; font-size: 1.6rem; line-height: 50px; transition:all 0.5s; vertical-align: middle; }
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box label:hover {background: #222; transition:all 0.5s; }
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box .f-name {display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width:calc(100% - 14rem); border:none; background: #fff; font-size: 1.6rem; font-family: 'SCoreDream',"Play"; color:#888; border:1px solid #ddd;}



/* 온라인문의 - 개인정보 */
.inquiry .i-wrap .i-info .i-form .agree-wrap {margin-top:6rem;}
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner {width:100%; border:1px solid #d8d8d8; height:18rem; overflow-y: auto; margin-top:2rem; padding:3rem 4rem;}
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner .title {font-size: 1.8rem; font-weight:600; margin-bottom:2rem;}
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner .a-list li + li {margin-top:3rem;}
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner .a-list li .sub_title {font-size: 1.5rem;  margin-bottom:1rem; font-weight: 500; }
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner .a-list li .main {font-size: 1.5rem; color:#666; font-weight: 400;} 
.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box {width:100%; background: #fafafa;}
.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box .agree-btn {display: flex; justify-content: flex-start; align-items: center; cursor: pointer; padding:2rem 4rem; border:1px solid #d8d8d8; border-top:none}
.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box .agree-btn > span {font-size: 1.4rem; font-weight: 400; }
.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box .agree-btn .material-icons + span {margin-left:0.5rem;}
.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box .agree-btn .material-icons {color:#BFBFBF}
.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box .agree-btn > input[type="checkbox"] {display: none;}
.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box .agree-btn > input[type="checkbox"]:checked + .material-icons {color: #FF6600;}


/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}




/* 온라인문의 버튼 */
.inquiry .i-wrap .i-info .i-form .form-btn .submit_btn { background:#1E3786; transition: all 0.5s ease-in-out; font-size: 1.6rem; color:#fff; text-align: center; margin:6rem auto 0 auto; font-weight: 600; cursor:pointer; padding:1.5rem 4rem; width:18rem; border:1px solid #1E3786}
.inquiry .i-wrap .i-info .i-form .form-btn .submit_btn:hover {transition: all 0.5s ease-in-out; background: #fff; color:#1E3786;}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #222 !important;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #222 !important;}




.embed-youtube {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.embed-youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*공통 페이지네이션*/
.pagination {width:100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top:25px; margin-bottom:100px;}
.pagination>li {cursor: pointer; width:40px; height:40px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border:1px solid #ddd; margin-right:2px; font-size:1.4rem;} 
.pagination>li.active {font-weight: bold; color:#12202D; background-color:white; }
.pagination>li:hover {background-color:#12202D; color:#fff;}


/*검색후 데이터가 없을때*/
.no-data {width:100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; text-align: center; min-height:400px;}
.no-data h2 {font-size:30px;}
.no-data p {font-size:1.4rem; margin-top:10px;}



@keyframes slide{
  from{
      bottom:9%;
  }
  to{
      bottom:3%;
  }
}




/*제품상세 - 프린트*/
@media only print {
  * {-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-print-color-adjust: exact;
  }


.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap {display:none; position:absolute; right:0; top:-100px; background: #fff; border:1px solid #dddddd; transition: all 0.5s;}
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .share_t {width:100%; background: #f5f5f5; display: flex; justify-content: space-between;}
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .share_t .main_p {font-size: 14px; font-weight: 400; padding:10px 15px; }
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .share_t img { cursor:pointer; height:16px; margin:10px 15px; display: inline-block;} 

.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .s_list {background: #fff; padding:10px;}
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .s_list .share_list {overflow: hidden; padding:10px 15px;}
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .s_list .share_list li {float:left;}
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .s_list .share_list li + li {margin-left:15px;}
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .s_list .share_list li a img {width:35px; height:35px;}


.product .pd_wrap .pd_slide .p_slide {width:100% !important; max-width:573px !important; height:100%; }
.product .pd_wrap .pd_slide .p_slide {margin:0 auto;}
.product .pd_wrap .pd_slide {flex-basis:100%; max-width:100%; }
.product .pd_wrap .pd_inner {flex-basis:100%; max-width:100%; margin-top:20px;}
.main_title h2 {margin-bottom:30px;}
.product .pd_wrap .pd_inner .pd_info .p_name {font-size: 3.3rem; }
.product .pd_wrap .pd_inner .pd_info .p_name::after {display: none;}
.section_wrap {margin:50px 0;}
.product .pd_wrap .pd_inner .btn_set a {display: none;}
.product .pd_wrap .pd_slide .p_slide .slide_nav {margin-top:20px;}
.product .pd_wrap .pd_inner .pd_info .p_num {margin-top:30px;}
.product .pd_wrap .pd_inner .pd_info .p_mail {height:50px;}

}


/*공동 게시판*/
#board-container {width: 100%;  width: 100%; max-width: 1000px; margin: 0 auto; margin-top: 15rem; margin-bottom: 15rem; padding-left:1.6rem; padding-right: 1.6rem;}
#board-container .board-wrap {border-top:1px solid #000000; border-bottom: 2px solid #000;}
#board-container .title-wrap>ul>.menu-name {padding:0.5rem 1rem; font-size:1.2rem; color:#fff; background-color: #000; display: inline-block; border-radius: 2rem;}
#board-container .title-wrap {width: 100%; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding-top:5rem; padding-bottom: 5rem;}
#board-container .title-wrap h2 { margin-bottom: 2rem;}
#board-container .title-wrap p { font-weight: 300; color:#A1A1A1;}
#board-container .contents-wrap {padding-top:3rem; padding-bottom: 3rem; border-bottom: 1px solid #ddd;  font-size:1.6rem;}
#board-container .list-wrap {width:100%; display: flex; justify-content: space-between; align-items: flex-start; margin-top:3rem; margin-bottom: 3rem;}
#board-container .list-wrap .btn-wrap {display: flex; justify-content: flex-start; align-items: center; gap: 1rem; cursor: pointer;}
#board-container .list-wrap .btn-wrap:hover {opacity: 0.7;}

#board-container .list-wrap .btn-wrap .circle-btn {border:1px solid #000; width: 5rem; height: 5rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; flex-shrink: 0;}
#board-container .list-wrap .btn-wrap .text .name {font-size:2.4rem; font-weight: bold;} 
#board-container .list-wrap .btn-wrap .text p {color:#333;}

#board-container .list-wrap .btn-wrap .list { color:#fff; padding:1rem 4rem;  background-color: #000; margin:0 auto; border-radius: 0.3rem;}
#board-container .list-wrap .btn-wrap.reverse {justify-content: flex-end; text-align: right;}
#board-container .list-wrap .btn-wrap.reverse .circle-btn {transform: rotate(180deg);}
#board-container .data-file-download {margin-top:1rem; padding:1rem 3rem; background-color:#fff; font-size:1.6rem; border-radius: 0.3rem; display: block;}
#board-container .data-file-download:hover {text-decoration: underline;}
#board-container .data-file-download img {vertical-align: middle; margin-right: 0.5rem;}
/*매장찾기*/
.dealers-wrap {padding-top:10rem; padding-bottom:0;}
.dealers-wrap .boundary-1440 {width: 100%; max-width: 100%;}
.dealers-wrap .dealers-search-wrap {height: 100%; transition: all 0.4s cubic-bezier(.23,1,.32,1); position: sticky; color:#fff;  padding:1.6rem; top:12rem; left:2rem; width:100%; max-width: 30rem; background-color: rgba(0, 0, 0, 0.25);  backdrop-filter: blur(30px) saturate(180%); -webkit-backdrop-filter: blur(30px) saturate(180%);    z-index: 2;display: flex; flex-direction: column; left:0; border-radius: 0;  }
.dealers-wrap .dealers-search-wrap .close-btn {position: absolute; top:0; right:-5rem; z-index: 1; background-color: black; width:5rem; height: 5rem; transition: all 0.4s;}
.dealers-wrap .dealers-search-wrap .close-btn.off img {transform: rotate(-180deg); transition: all 0.4s;}
.dealers-wrap .dealers-search-wrap .close-btn:hover {cursor: pointer; background-color:#F45708;}
.dealers-wrap .dealers-search-wrap.off {transform: translateX(-100%);}

.dealers-wrap .dealers-search-wrap .title-wrap>p {text-decoration: underline; cursor: pointer;}
.dealers-wrap .dealers-search-wrap .title-wrap>p>img {margin-right: 0.5rem;}
.dealers-wrap .dealers-search-wrap .search-wrap {border-radius: 5rem; margin-top:2rem; max-width: 100%; height: 4rem; font-size:1.3rem; padding:0.5rem 1rem; background-color:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.2);}
.dealers-wrap .dealers-search-wrap .search-wrap input[type='text'] {background-color: transparent; color:#fff;}
.dealers-wrap .dealers-search-wrap .search-wrap input[type='text']::placeholder {color:rgba(255,255,255,0.8);}
.dealers-wrap .dealers-search-wrap .search-wrap .search-btn button {background-color: transparent;}
.dealers-wrap .dealers-search-wrap .search-wrap .search-btn button>img {filter: invert(100);}
.dealers-wrap .dealers-search-wrap .option-wrap {display: flex; justify-content: center; align-items: center; width: 100%; gap:1rem; margin-top:1rem; } 
.dealers-wrap .dealers-search-wrap .option-wrap select {border-radius: 5rem; width: 50%; font-size:1.4rem; background-color:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.2); color:#fff;  width:90%;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:0.5rem 1rem; height: 4rem; position: relative; background-image:url(../../../img/Polygon1.png); background-position: 90% 50%; background-repeat: no-repeat; }  
.dealers-wrap .dealers-search-wrap .option-wrap select:hover {opacity: 0.7; cursor: pointer;}
.dealers-wrap .dealers-search-wrap .option-wrap select option {background-color:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.2); color:#000; padding:0.5rem 1rem; width:90%;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:1.4rem;}


.dealers-wrap .dealers-search-wrap .list-circle-wrap {margin-top: 1rem; margin-bottom: 1rem;}
.dealers-wrap .dealers-search-wrap .list-circle-wrap div {margin-right: 2rem;}
.dealers-wrap .dealers-search-wrap .list-circle-wrap div .circle {width:1.2rem; height:1.2rem; background-color:black; border-radius: 50%; margin-right: 0.5rem;}
.dealers-wrap .dealers-search-wrap .list-circle-wrap div #orange {background-color: #F45708;}
.dealers-wrap .dealers-search-wrap .list-circle-wrap div #blue {background-color: blue;}
.dealers-wrap .dealers-search-wrap .list-circle-wrap div p {font-size:1.4rem; }

.dealers-wrap .dealers-search-wrap .result {font-size:1.3rem; padding-bottom: 1rem;}

.dealers-wrap .dealers-search-wrap .dealers-list {height: 50rem; overflow-y: auto; overflow-x: hidden;}
.dealers-wrap .dealers-search-wrap .dealers-list .item {padding:1rem;  border-radius: 2rem; margin-top:1rem; cursor: pointer; justify-content: flex-start;}
.dealers-wrap .dealers-search-wrap .dealers-list .item:hover  {background-color:rgba(255,255,255,0.1);}
.dealers-wrap .dealers-search-wrap .dealers-list .item.on {background-color:rgba(0,0,0,0.3);}
.dealers-wrap .dealers-search-wrap .dealers-list .item .img-wrap {width:6rem; height: 6rem; border-radius: 2rem; border:2px solid #F45708; display: flex; justify-content: center; align-items: center; position: relative; margin-right: 1rem; overflow: hidden;}
.dealers-wrap .dealers-search-wrap .dealers-list .item .img-wrap img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-color: #fff;}
.dealers-wrap .dealers-search-wrap .dealers-list .item .text-wrap {flex-basis: calc(100% -7rem); max-width: calc(100% - 7rem);}
.dealers-wrap .dealers-search-wrap .dealers-list .item .text-wrap>p {word-break: break-word; white-space: normal;}

.dealers-wrap .map-box {position: absolute; top:29%; left:50%; transform: translate(-50%,-50%);   width: 30rem; height:auto; display: flex; justify-content: center; align-items: center; padding:2rem; background-color: rgba(0, 0, 0, 0.25);  backdrop-filter: blur(30px) saturate(180%); -webkit-backdrop-filter: blur(30px) saturate(180%);  border-radius: 2rem; z-index: 3; color:#fff;}


.dealers-wrap .map-box .flex_start {flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%;}
.dealers-wrap .map-box .close-btn {position: absolute; cursor: pointer; top:1rem; right:1rem; background-color:rgba(255,255,255,0.2); border-radius: 50%; width:4rem; height: 4rem; display: flex; justify-content: center; align-items: center;}
.dealers-wrap .map-box .close-btn:hover {background-color: #000;}
.dealers-wrap .map-box .close-btn>img {max-width: 2rem;}

.dealers-wrap .map-box .img-wrap {width:6rem; height: 6rem; border-radius: 2rem; border:2px solid #F45708; display: flex; justify-content: center; align-items: center; position: relative; margin-right: 1rem; overflow: hidden; margin-bottom: 1rem;}
.dealers-wrap .map-box .text-wrap {width: 100%;}
.dealers-wrap .map-box .text-wrap>a {color:#fff;}
.dealers-wrap .map-box .text-wrap>a:hover {text-decoration: underline;}
.dealers-wrap .map-box .text-wrap>.d-btn{background-color:rgba(0,0,0,0.2); text-align: center; color:#fff; padding:1rem 1.5rem;  border-radius: 5rem; margin-top:1rem; font-size:1.4rem;}
.dealers-wrap .map-box .text-wrap>.d-btn:hover {background-color: #F45708;}

.dealers-wrap .map-box .text-wrap table {color:#fff; font-size:1.6rem;}
.dealers-wrap .map-box .text-wrap table tr td {padding:0.3rem;   word-break: break-word; /* 단어 중간에서도 줄바꿈 */ white-space: normal;    /* 줄바꿈 허용 */ font-size:1.6rem;}
.dealers-wrap .map-box .text-wrap table tr th {font-weight: bold; padding-right: 1rem;}
.dealers-wrap .map-box .text-wrap table tr td a {color:#fff;}
.dealers-wrap .map-box .text-wrap table tr td a:hover {text-decoration: underline;}
.map-info .info {display: flex; justify-content: flex-start; align-items: stretch; gap:10px; margin-bottom: 3px;}
.map-info>div>h3 {padding-bottom: 0.5rem;}
/* .map-info .info img */

.dealers-wrap>.boundary-1440>div {display:flex; gap:1rem; justify-content: space-between; height: calc(96.8rem - 10rem); position: relative;} 
#map {width: 100%; position: absolute; width:100%; height: 100%;}
#visibleMarkers {width: 30%; max-width: 30%; padding:1rem;}
#visibleMarkers>.search-wrap {width: 100%; max-width: 100%; margin-bottom: 1rem;}
#visibleMarkers .title-list {width: 100%;}
#visibleMarkers .title-list .my-button {padding:1rem; background-color:transparent;  border-radius: 0.3rem; display: flex; justify-content: center; align-items: center; gap:0.5rem; font-size:1.3rem;}
#visibleMarkers .title-list .my-button>img {width: 1.3rem;}
#visibleMarkers .title-list .my-position {margin-left:1rem;}

#markerList {height: calc(100% - 11rem);}
#markerList>li {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width:96%; margin:2%;  border-bottom:1px solid #ddd; padding:2rem 0; cursor: pointer; overflow-x:hidden;}
/* #markerList>li.active>div:first-child {border:1px solid #F45708;} */
#markerList>li>div:first-child {flex-basis: 100%; max-width: 100%; order:1; padding:1rem 1.5rem;}
#markerList>li>div:first-child .address {font-size:1.6rem; line-height: 1.2; color:rgba(0,0,0,0.4); text-transform: capitalize;}
#markerList>li>div:first-child .view {font-size:1.3rem; line-height: 1.2; color:#333; margin-top:1rem;}
#markerList>li>img {width: 10rem; height: 10rem; border-radius: 0.3rem;}

.custom-infowindow .infowindow-content {position: relative;}
.custom-infowindow .close-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  border: none;
  background: transparent;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
  z-index: 4;
  background-color:rgba(29, 18, 18, 0.3);
  border-radius:50%;
  width:4rem;
  height:4rem;
  display:flex; 
  justify-content: center;
  align-items: center;
}

.custom-infowindow .close-btn img {max-width:3rem;}



footer {width: 100%; padding-top:10rem; padding-bottom:10rem; background-color: #000; border-top:1px solid rgba(255,255,255,0.1); position: relative;}
footer .boundary-1440 {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
footer .boundary-1440>div {width: 100%; color:#fff;}
footer .boundary-1440>div>p {color:rgba(255,255,255,1); font-weight: 300; position: relative;}
footer .boundary-1440>div.w-30>a {width: 100%; max-width: 20rem; margin-bottom: 2rem;}
footer .boundary-1440>div.w-30>a>img {width: 100%;}

/*메뉴 영역*/
footer .boundary-1440>.w-70 {display: flex; justify-content: flex-start; align-items: flex-start;}
footer .boundary-1440>.w-70>.w-33_3>ul>li>a {font-weight: bold;  color:#fff; display: inline-block;}
footer .boundary-1440>.w-70>.w-33_3>ul>.main-menu {margin-bottom: 1.6rem;}
footer .boundary-1440>.w-70>.w-33_3>ul>.sub-menu {padding-left:2.5rem; position: relative; margin-bottom: 0.5rem;}
footer .boundary-1440>.w-70>.w-33_3>ul>.sub-menu::before {content:''; position: absolute; top:50%; transform: translateY(-50%);  left: 1rem; width:6px; height:6px; border-radius: 50%; background-color: #F45708;}
footer .boundary-1440>.w-70>.w-33_3>ul>.sub-menu>a {font-weight: 300;}
footer .boundary-1440>.w-70>.w-33_3>ul>.contact-link {margin-bottom: 0.5rem; font-size:1.6rem; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; gap:1rem;}
footer .boundary-1440>.w-70>.w-33_3>ul>.contact-link>span {display: flex; justify-content: center; align-items: center; flex-shrink: 0; }
footer .boundary-1440>div>ul {width: 100%; margin-top:2rem;}
footer .boundary-1440>div>ul>li {display: flex; justify-content: flex-start; align-items: stretch;}
footer .boundary-1440>div>ul>li>p {font-size:1.6rem; padding-left:1rem;}
footer .boundary-1440>div>ul>li>div {display: flex; justify-content: center; align-items: center;}
footer .boundary-1440>div>ul>li>div {max-width: 1.6rem;}
footer .boundary-1440 .copyright {flex-basis: 100%; max-width: 100%; margin-top:5rem; width: 100%; border-top:1px solid rgba(255,255,255,0.1); padding-top:3rem; padding-bottom: 3rem;}
footer .boundary-1440 .copyright p {font-size:1.6rem; color:#fff; padding-top:0.3rem;}
footer .boundary-1440 .copyright a {color:#fff;}
footer .boundary-1440 .copyright .pt-wrap {display: flex; gap:2rem; font-size:1.6rem;}
footer .boundary-1440>div.w-30>a {width: 100%; max-width: 20rem; margin-bottom: 2rem;}
footer .boundary-1440>div.w-30>a>img {width: 100%;}
footer .sns-wrap {display: flex; justify-content: flex-start; align-items: center; margin-top:2rem;}
footer .sns-wrap a {flex-basis: 2.5rem; max-width: 2.5rem;}
footer .sns-wrap a>img {width: 100%;}
footer .top-btn {width: 8rem; height: 8rem; flex-basis: 8rem; max-width: 8rem; background-color: #000; border:1px solid #fff; position: absolute; top:0%; left:50%; transform: translate(-50%,-50%); z-index: 1; display: flex; justify-content: center; align-items: center; transition: all 0.4s cubic-bezier(.23,1,.32,1); cursor: pointer;}
footer .top-btn>img {  filter: brightness(0) invert(1); transition: all 0.4s cubic-bezier(.23,1,.32,1);}
footer .top-btn:hover {background-color: #d05300; color:#fff;}
footer .top-btn:hover>img {padding-bottom: 1rem;}



#popupOverlay ol {list-style-type: decimal;   margin-block-start: 1rem;
  margin-block-end: 1rem;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;}


/* these styles are for the demo, but are not required for the plugin */
.zoom {
  display:inline-block;
  position: relative;
}

/* magnifying glass icon */
.zoom:after {
  content:'';
  display:block; 
  width:33px; 
  height:33px; 
  position:absolute; 
  top:0;
  right:0;
  background:url(icon.png);
}

.zoom img {
  display: block;
}

.zoom img::selection { background-color: transparent; }



/* 리뷰 게시판 */
#menu-swiper {width:100%; padding:1rem 0; }
#menu-swiper .swiper-wrapper {width: 100%;}
#menu-swiper .swiper-wrapper .swiper-slide { width:auto; padding:0.8rem 3rem; cursor: pointer;  border-radius: 5rem;  background-color: #fff; }
#menu-swiper .swiper-wrapper .swiper-slide.active {background-color:rgba(244,82,8,0.075); color:#F45708; font-weight: bold; }
#menu-swiper .swiper-wrapper .swiper-slide:hover {color:#F45708;}

.badge {padding: 0.5rem 0; color:#F45708;}


/*모바일 히어로 배너 */
#mobile-banner-slide .swiper-slide {display: flex; justify-content: center; align-items: center;}
#mobile-banner-slide .swiper-slide .boundary-1440 {z-index: 2; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#mobile-banner-slide .swiper-slide .boundary-1440 .text-wrap {color:#fff;}
#mobile-banner-slide .swiper-slide .boundary-1440 .text-wrap h2 {font-size:2.4rem; margin-top:3rem; margin-bottom: 0.5rem;}
#mobile-banner-slide .swiper-slide .boundary-1440 .text-wrap p {font-size:1.8rem; }
#mobile-banner-slide .swiper-slide .banner-image-m {height: 100%; width: auto;}
#mobile-banner-slide .swiper-slide .button {margin-top: 2rem;}


.contents-wrap .image img {display: block; margin: 0 auto; max-width: 100%; min-width: 100%;}
.contents-wrap ul,
.contents-wrap ol {
  list-style-type: disc !important; /* ul용 */
  margin: 1em 0; /* 위아래 여백 */
  padding-left: 1.5em; /* 왼쪽 들여쓰기 */
}
.contents-wrap ol {
  list-style-type: decimal !important; /* ol용 */
}

.contents-wrap .todo-list {
  list-style-type: none !important; /* ol용 */
}


.contents-wrap p sub {
  font-size: 75%;
}
.contents-wrap p sup {
  vertical-align: super;
  font-size: 75%;
}


#product-list.product-page .img-wrap>div::not(.style) { width: 100%; max-width: 100% !important;  aspect-ratio: 3 / 2; overflow: hidden; position: relative;}
#product-list.product-page .img-wrap img { width: 100%; height: 100%;object-fit: cover; /* 또는 contain, 필요에 따라 */display: block;}