@charset "UTF-8";
:root {
	--main-color: #CE483B;
	--sub-color: #00ABF7;
	--hover-color: #999;
	--light-gray: #E4E7EB;
	--main-text: #1e1e1e;
	--sub-text: #4d4d4d;
	--border-color: 1px solid #d9d9d9;
}
#header {
	padding:0 20px;
}
.main_search {
	text-align:center;
}
.header-contain {
	background: #fcfcfc;
}
.main-wrap {
	max-width:1600px;
	margin:0 auto;
}
.border-contain {
	padding-top:4%;
	width:100%;
	border-bottom:1px solid #d9d9d9;
}
.lohaSwiper .swiper-slide > img {
	width:100vw;
	object-fit: cover;
}
.lohaSwiper .swiper-slide {
	position:relative;
}
.lohaSwiper .swiper-slide .slide-text {
	position:absolute;
	top:15%;
	left:10%;
	color:#fff;
	line-height:1.4;
}
.lohaSwiper .swiper-slide .slide-text b {
	font-size: 2.25rem;
	font-weight:400;
}
.lohaSwiper .swiper-slide .slide-text p {
	font-size: 2rem;
	font-weight:300;
	margin:20px 0;
}
.lohaSwiper .swiper-slide .slide-text p strong {
	font-weight:500;
}
.lohaSwiper .swiper-slide .slide-text h2 {
	background:rgba(217, 217, 217, 0.3);
	font-weight:500;
	font-size:2.5rem;
	word-break: keep-all;
    text-align: center;
}

.swiper-pagination1 {
	width:100%;
	position:absolute;
	z-index:99;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	left:10%;
	bottom:120px;
}

.swiper-pagination-bullet { width: 40px; height: 4px; background: #afafaf; opacity: 1; border-radius:0;}
.swiper-pagination-bullet-active { width: 60px; height:4px; transition: width .5s; background: #fff; border-radius:0;}

.title-box {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.title-box h2 {
	display: flex;
    flex-direction: column;
    gap:8px;
    margin:38px 0 52px;
    font-size:3rem;
    font-weight:500;
    color:var(--main-text);
}
.title-box h2 span {
	font-size:1.5rem;
	color:var(--sub-text);
}
.title-box > a {
	border:var(--border-color);
	font-size:1.5rem;
	padding:16px 49px;
	border-radius:20px;
	transition:0.2s;
	flex-shrink: 0;
}
.title-box > a:hover {
	color:var(--main-color);
}
.list-contain {
	width:100%;
}
.list-contain .product-contain {
	width:100%;
	justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    gap:24px;
}
.list-contain .product-contain li {
    width:calc((100% - (24px * 3)) / 4);
    max-height:570px;
    min-height:320px;
    overflow:hidden;
    margin-bottom:60px;
    position:relative;
}
.sold {
	    font-size: 12px;
	    padding: 4px 6px;
	    right: 6px;
	    color: #fff;
	    border-radius: 25px;
	    background: red;
	    position: absolute;
	    z-index: 5;
	    top: 6px;
	    display:none;
}

.list-contain .product-contain li .img_box {
	display:block;
	width:100%;
	height:382px;
	max-height:382px;
	min-height:160px;
	overflow:hidden;
	position: relative;
	margin-bottom:40px;
}
.list-contain .product-contain li .img_box img {
	width: 100%; 
    height: 100%;
    object-fit: cover;
    position: absolute; 
    top: 0; 
    left: 0;
}
.main_product_info {
	color:var(--main-text);
}
.main_product_info .name {
	font-size:1.25rem;
	margin-bottom:4px;
	display: -webkit-box; /* Flexbox 대체 레이아웃 */
    -webkit-box-orient: vertical; /* 축 방향: 세로 */
    -webkit-line-clamp: 2; /* 두 줄로 제한 */
    overflow: hidden; /* 넘치는 텍스트 숨기기 */
    text-overflow: ellipsis; /* 말줄임표 추가 */
}
.main_product_info p {
	font-size:1rem;
	margin-bottom:12px;
	color:var(--sub-text);
}
.main_product_info price {
	font-size:1rem;
	margin-bottom:8px;
	color:var(--main-text);
}
.category-box {
	display:flex;
	flex-wrap:wrap;
	gap:24px;
	margin-bottom:40px;
}
.category-box button {
	padding:6.5px 20px;
	border-radius:20px;
	background:#fff;
	border:var(--border-color);
	color:var(--sub-text);
	transition:0.2s;
}
.category-box button.active {
	background:#f8f8f8;
}

.art-town {
	width:100%;
	height:80vh;
}
.art-town img {
	width:100%;
	height:100%;
	object-fit:cover;
	
}
#footer {
	width:100%;
	background:#f1f1f1;
}
.footer-top {
	background:#f1f1f1;
	padding:40px 0 30px;
}
.footer-top .main-wrap {
	display:flex;
	gap:12%;
	color:var(--sub-text);
}
.footer-top h4 {
	font-weight:500;
	margin-bottom:8px;
	font-size:1rem;
}
.footer-top p {
	font-size:1.5rem;
	font-weight:500;
}
.footer-top .center > ul {
	margin:12px 0 40px;
	line-height:1.4;
}
.footer-top .center li , .footer-top span {
	font-weight:300;
	font-size:1rem;
}
#footer address {
	font-style: normal;
}
address ul {
	line-height:2.4;
}
address ul li {
	font-weight:400;
}
address ul li:last-child {
	margin-top:24px;
}
.footer-bot {
	padding:21px 0; 
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.footer-bot ul {
	display:flex;
	gap:48px;
	flex-wrap:wrap;
}
.footer-bot ul a , .footer-bot p {
	color:var(--sub-text);
	font-weight:400;
}


/*서브 추가*/
.sub-bnr_box {
	width:100%;
	height:300px;
	position:relative;
}
.sub-bnr_box img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.sub-bnr_box .text-box {
	position:absolute;
	bottom: 20%;
	left:10%;
	color:#4d4d4d;
	opacity: 0;
	transform: translateY(50px);
	animation: slideUp 2s ease forwards; 
}
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0); 
  }
}
.sub-bnr_box .text-box h2 {
	font-size:3rem;
	font-weight:500;
	margin-bottom:24px;
}
.sub-bnr_box .text-box p {
	font-weight:300;
	font-size:1.5rem;
}

.title-box.sub {
	justify-content:center;
}
.title-box.sub h2 {
	text-align:center;
}

.tel-Btn {
	position:fixed;
	width:44px;
	height:45px;
	right:35px;
	bottom: calc(50% - 55px);
	border:none;
	background:#fff;
	border-radius:60px;
	opacity: 1;
	box-shadow: 0px 4px 20px 0px #0000001A;
	display: none;
}

.top-Btn {
	width:44px;
	height:45px;
	right:35px;
	border:none;
	background:#fff;
	border-radius:60px;
	opacity: 1;
	box-shadow: 0px 4px 20px 0px #0000001A;
	bottom:calc(50% - 112px);
}
.kakao {
	bottom:50%;
}
.tab-btn-inner {
	background: #F0F0F0;
	height:60px;
	border-radius:60px;
	display:flex;
	justify-content:space-between;
	margin-bottom:40px;
}
.tab-btn-inner button {
	width:50%;
	height:100%;
	border-radius:60px;
	font-weight:700;
	font-size:24px;
	color:#8c8c8c;
	transition:0.3s;
}
.tab-btn-inner button.active {
	background:var(--main-color);
	color:#fff;
	font-weight:800;
}
.main_product_wrap {
	width:100%;
}
.top-product .product-contain {
	display:flex;
	flex-wrap: wrap;
	gap: 20px;
}
.top-product .product-contain li {
	width: calc((100% / 2) - 20px);
}
.top-product .product-contain li a {
	border-radius:20px;
	overflow:hidden;
	border:var(--border-color);
	transition:0.3s;
}
.top-product .product-contain li a:hover {
	border:1px solid var(--main-color);
}
.top-product .product-contain li a {
	display:flex;
	justify-content:space-between;
	width:100%;
	max-height:300px;
}
.top-product .img_box {
	width:45%;
}
.top-product .img_box img {
	width:100%;
	height: 100%;
    object-fit: cover;
	border-radius:20px;
}
.top-product .main_product_info {
	width:60%;
	box-sizing:border-box;
	display:flex;
	flex-direction: column;
	position:relative;
	margin:20px;
}
.top-product .main_product_info .name {
	width: 80%;
	height: 40px;
	display: -webkit-box; 
	-webkit-box-orient: vertical;
	font-size:16px;   
 	overflow: hidden;        
  	text-overflow: ellipsis;
  	 -webkit-line-clamp: 2;
  	margin-bottom:12px;          
}
.main_product_info button {
	width:88px;
	height:32px;
	background:var(--main-color);
	color:#fff;
	border-radius:30px;
	font-weight:800;
	transition:0.3s;
	position:absolute;
	bottom:0;
	right:0;
}
.top-product .main_product_info .price {
	font-size:24px;
	font-weight:800;
}
.main_product_info button:hover {
	background:#fff;
	color:var(--main-color);
	border:1px solid var(--main-color);
}

.platinum-top-bnr {
	width:100%;
	height:200px;
	background:url(/images/banner/platinum-bnr.svg) no-repeat 50% calc(100% - -100px) / cover;
	margin:8% 0;
	animation: backchange 7s infinite forwards;
}
.platinum-top-bnr p {
	text-align:center;
	font-size:32px;
	font-weight:800;
	padding-top:62px;
}
.tab-cont1, .tab-cont2 {
	display:none;
}
.tab-cont1.active {
	display:block;
}
.tab-cont2.active {
	display:block;
}

.basic .product-contain {
	display:flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom:24px;
}
.basic .product-contain li {
	width: calc((100% / 4) - 20px);
}
.basic .product-contain a {
	width:100%;
	height:100%;
	border-radius:20px;
	display:block;
	outline:var(--border-color);
}
.basic .product-contain a:hover {
	outline:3px solid var(--main-color);
}
.basic .main_product_info {
	display:flex;
	flex-direction : column;
	padding:4px 8px 25px 8px;
}
.basic .main_product_info .name {
	height: 40px;
	display: -webkit-box; 
	-webkit-box-orient: vertical;
	font-size:16px;
	margin-top:14px;     
 	overflow: hidden;        
  	text-overflow: ellipsis;
  	 -webkit-line-clamp: 2;
  	width: 100%;             
}
.basic .img_box {
	position:relative;
	overflow:hidden;
}
.basic .img_box img {
	border-radius:20px 20px 0 0;
	width:100%;
	max-height:320px;
	min-height:320px;
}
.basic .img_box i {
	display:block;
	width:70px;
	height:32px;
	color:#fff;
	background:#ec1d1d;
	text-align:center;
	padding:6px 16px;
	box-sizing:border-box;
	border-radius:30px;
	position:absolute;
	top:20px;
	right:20px;
	font-style: normal;
}
.basic .price {
	display: flex;
	align-items:center;
	position:relative;
	font-size:20px;
	font-weight:800;
	padding: 16px 0;
}
.basic .price button {
	width:50px;
	height:50px;
	border-radius:50px;
	background:#f0f0f0 url(/images/common/platinum-cart.svg) no-repeat center / contain;
	background-size:26px;
}
.basic .price button:hover {
	border:none;
	background:var(--main-color) url(/images/common/platinum-cart-hover.svg) no-repeat center / contain;
	background-size:26px;
}

.platinum-bot-bnr {
	width:100%;
	display:flex;
	gap:20px;
	margin-top:8%;
}
.platinum-bot-bnr > div {
	width:50%;
	height:200px;
	box-sizing:border-box;
	padding:35px 24px;
	border-radius:30px;
}
.left-bnr {
	background:url(/images/banner/delux-bnr1.svg) no-repeat center / cover ;
}
.right-bnr {
	background:url(/images/banner/delux-bnr2.svg) no-repeat center / cover ;
}
.bnr-text {
    width: 100%;
    color: #fff;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 800;
}
.bnr-text span {
	font-size:20px;
}
.premium-bot-bnr p {
	text-align:center;
	font-size:32px;
	font-weight:800;
	padding-top:62px;
}
.all-more {
    font-size: 16px;
    text-align: center;
    margin-top: 60px;
    position: static;
}
.all-more .text_wrap {
	display:inline-block;
	width:200px;
	height:50px;
	line-height:50px;
	border:var(--border-color);
	box-sizing:border-box;
	border-radius:50px;
	transition:0.3s;
	cursor:pointer;
}
.all-more .text_wrap:hover {
	border:1px solid var(--main-color);
	color:var(--main-color);
}
.all-more .text_wrap span {
	font-weight:500;
}
.info-bnr.platinum-wrap img{
	width:50%;
}
.info-bnr ul li {
	background:#fbfbfb;
	border-radius:20px;
	padding: 50px 30px;
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
	overflow:hidden;
	box-sizing:border-box;
}
.link_wrap {
	height:auto;
	background:var(--main-color);
	flex-direction: column;
	padding:20px 0 35px;
	box-sizing:border-box;
	bottom:-90px;
	transition:all 0.3s;
}
.link_wrap:hover {
	bottom:0;
}
.link_wrap p {
	font-size:14px;
	padding:20px;
	word-break: break-all;
}
.tel_btn {
	height:105px;
	top:85%;
	right:20px;
	border-radius:500px;
}
.bg_color {
	padding-top:230px;
}


/**/
.exhibitions-container {
  padding-top:8%;
}
.ex-description {
	margin-top:32px;
	color:var(--sub-text);
	font-size:1.5rem;
}
.ex-description p {
	color:var(--main-text);
	font-weight:500;
}
.ex-description h3 {
	margin:8px 0 32px;
	font-size:2rem;
}
.ex-description time {
	font-weight:300;
}
.exhibitions-list {
  flex-wrap: wrap;
  gap: 20px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.exhibitions-list li{
  margin-bottom: 120px;
  width: calc(33.33% - 20px);
  cursor: pointer;
}

.ex-image {
  position: relative;
  height: auto;
  min-height: 160px;
  overflow: hidden;
}
.ex-image a {
  position: absolute;
  z-index: 10;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 45%;
  max-width: 220px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #fff;
  color: #fff;
}

.ex-image::after {
  content: "";
  position: absolute;
  z-index: 8;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgb(5, 5, 5, 1) 0%, rgba(7, 7, 7, 0.2) 100%);
}



.ex-image img{
  width: 100%;
   height: 100%;
   object-fit: contain;
  transition: 0.35s;
}

.exhibitions-list li:hover .ex-image::after ,
.exhibitions-list li:hover .ex-image a {
  display: block;
}


.exhibitions-info {
  max-width: 1600px;
  margin: 0 auto;
  
}

.exhibitions-title {
  display: inline-block;
  margin-top: 120px;
  width: 100%;
}

.exhibitions-title p {
  margin: 21px 0 21px 40px;
  color: #4D4D4D;
  font-size: 32px;
  font-weight: 500;
}

.title-info {
  color: #4D4D4D;
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  border-top: 1px solid #d9d9d9; 
  border-bottom: 1px solid #d9d9d9;
  padding: 6px 0;
}

.title-info em {
  font-style: normal;
  margin: 0 60px 0 40px;
}

.post {
  flex-direction: column;
  display: flex;
  padding: 100px 0 200px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 120px;
}

.post img {
  width: 80%;
  display: block;
  margin: 0px auto;
}

.post p {
  display: inline-block;
  font-size: 20px;
  line-height: 32px;
  margin: 120px 40px 0;
}

.list-bt {
  margin: 0 auto 120px;
  width: 240px;
  height: 60px;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  line-height: 60px;
  color: #4d4d4d;
  border-radius: 20px;
  border: 1px solid #d9d9d9
}

@media screen and (max-width:1600px) {
  .exhibitions-info {
    margin: 0 15%;
  }
}

@media screen and (max-width:1200px) {
  .exhibitions-title p {
    font-size: 24px;
  }
  .title-info {
    font-size: 16px;
    line-height: 28px;
  }
  .post {
    padding: 100px 0 120px;
  }
}

@media screen and (max-width:850px) {
  .exhibitions-title {
    margin-top: 100px;
  }
  .exhibitions-title p {
    font-size: 26px;
  }
  .post {
    padding: 80px 0 100px;
  }
  .post p {
    margin: 100px 32px 0;
  }
  .title-info {
    font-size: 18px;
  }
  .list-bt {
    font-size: 18px;
    width: 200px;
    height: 48px;
    line-height: 48px;
  }
  .post {
    padding: 60px 0 80px;
    margin-bottom: 88px;
  }
  .exhibitions-info.review {
    margin: 0;
  }
  .review-images img {
  	width:100px;
  	height:100px;
  	
  }
}

@media screen and (max-width:450px) {
  .exhibitions-info {
    margin: 0 10%;
  }
  .exhibitions-title {
    margin-top: 48px;
  }
  .post {
    padding: 60px 0 80px;
  }
  .post p {
    margin: 72px 24px 0;
  }
  .exhibitions-title p {
    font-size: 18px;
    margin: 12px 0 12px 24px;
  }
  .title-info {
    font-size: 14px;
    line-height: 32px;
  }
  .title-info em {
    margin: 0 40px 0 24px;
  }
  .post p {
    font-size: 16px;
    line-height: 26px;
  }
  .list-bt {
    font-size: 16px;
    width: 180px;
    height: 40px;
    line-height: 40px;
  }

}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style-type: none;
}
.map-wrap, .history-wrap{
  max-width: 1600px;
  margin: 0 auto;
}
.bd-wrap {
	padding-top:120px;
  	border-top:1px solid #c9c9c9;
}
.main-wrap.company > img{
	width:380px;
	margin: 0 auto 160px;
	display:inline-block;
}
.lohaimg-box {
	display:flex;
	flex-wrap:wrap;
	widht:100%;
	margin-bottom:20%;
}
.lohaimg-box div:first-child {
	widht:85vw;
}
.lohaimg-box div:last-child {
	widht:80vw;
	margin-left:auto;
}
.lohaimg-box img {
	width:100%;
}
.lohaimg-box .row-box {
	width: 100%;
    margin: 26px 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
}
.lohaimg-box .row-box img {
	width:50%;
	object-fit:contain;
}
.lohaimg-box .row-box img:first-child {
	margin-top:250px;
}
.lohaimg-box .row-box img:last-child {
	max-height:830px
}



.company-container {
  height: 2079px;
  background-size: cover;
  background-image: url(/images/common/company-image01.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
.ceo-image {
  max-width: 500px;
}

.ceo-image img {
  width: 100%;
  object-fit: cover;
}

.company-title {
  padding-top: 390px;
  color: #fff;
  text-align: center;
}

.company-title h2 {
  font-size: 96px;
  font-weight: 500;
  margin-bottom: 24px;
}

.company-title p {
  font-size: 32px;
  font-weight: 300;
}

.ceo-section {
  align-items: flex-end;
  justify-content: center;
  display: flex;
  margin: 200px 0;
  width: 100%;
}

.ceo-info {
  left: 26px;
  bottom: 0;
  position: relative;
  text-align: right;
  color: #fff;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.2;
}

.ceo-info p:last-child {
  font-size: 32px;
  font-weight: 200;
}

.ceo-text {
  color: #fff;
  max-width: 1600px;
  margin: 0 auto;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.2;
}
.ceo-text p {
  margin-bottom: 24px;
}

.ceo-text p:nth-child(1) {
  font-size: 30px;
}
.ceo-text p:nth-child(1) span ,
.ceo-text p:nth-child(2) span {
  font-weight: 500;
}

.ceo-text p:nth-child(4) {
  margin-bottom: 60px;
}

/* 경력 리스트 */

.year-wrap {
  margin: 80px 0 200px;
}

.career-container {
  justify-content: flex-start;
  display: flex;
}

.year-list {
  flex: 1;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.5;
  color: #CE483B;
}

.year-list li:last-child {
  color: #DA8A82;
}

.career-list h4 {
  margin-bottom: 40px;
  color: #CE483B;
  font-size: 40px;
}

.career-title {
  margin-top: 120px;
  font-size: 48px;
  font-weight: 700
}

.career-wrap {
  flex: 2;
  border-left: 1px solid #C9C9C9;
  padding-left: 120px;
}

.career-container {
  display: flex;
  gap: 93px;
}

.career-container p {
  font-size: 24px;
  font-weight: 300;
  color: #1e1e1e;
  line-height: 1.2;
}

.career-section {
  display: flex;
}

.career-one , .career-two {
  margin-bottom: 80px;
}

.career-list ul p {
  color: #666666;
}

.career-container li:first-child {
  flex-shrink: 1;
  width: 122px;
  text-align: right;
}

.career-container li:first-child p {
  color: #1e1e1e;
}

.career-container li:last-child {
  flex: 3;
}

.career-one ul li:last-child p {
  margin-bottom: 24px;
}

.career-two ul li:last-child p {
  margin-bottom: 60px;
}

/* 오시는 길 */

.lohamap {
  width: 100%;
  padding: 80px 0;
  background-color: #FAFAFA;
}

.map-title {
  margin-left: 80px;
  margin-bottom: 60px;
}

.map-title h4 {
  font-size: 48px;
  font-weight: 700;
}

.map-description {
  margin-left: 80px;
  margin-bottom: 120px;
}
.map-list {
  display: flex;
  gap: 12px;
  font-size: 24px;
  line-height: 1.6;
}

.map-list span {
  letter-spacing: 37px;
}

.map-list li:first-child p {
  width: 120px;
  font-weight: 400;
  margin-right: 80px;
  color: #1E1E1E;
}

.map-list li:last-child p {
  font-weight: 300;
  color: #666666;
}

.map-title li {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5;
}

.map-container { 
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 100px;
} 

.map-container iframe, 
.map-container object, 
.map-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*추가*/
.main_product_info .name.none {
	-webkit-line-clamp: unset; 
	display: initial; 
	overflow: visible;
	text-overflow: clip;
}
.community-wrap {
	margin-top: 24px;
}
.community-wrap h2 {
	text-align: center;
	font-size: 3rem;
}

/*리뷰 추가*/
.review-wrap {
	width: 100%;
	max-width:1200px;
	margin:0 auto 8%;
	background:#fcfcfcd6;
	padding:32px 46px;
}
.review-wrap h3 {
	text-align: center;
	font-size: 24px;
	margin-bottom:24px;
}
.review-wrap .row-box {
	display:flex;
	align-items: flex-end;
	justify-content: space-between;
}
.review-wrap .paging {
	margin:0 0 18px;
}
.review-wrap .row-box a {
	width:100%;
	max-width: 130px;
	min-width: 120px;
	height: 40px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 40px;
    color: #4d4d4d;
    border-radius: 12px;
	border: 1px solid #d9d9d9;
	background: #fff;
}
#reviewContainer {
	background: #fff;
	padding:12px;
	margin-top: 24px;
	border-radius: 12px;
}
.review-grade {
	display: flex;
    gap: 6px;
    font-weight: 700;
}
.review-grade .stars {
	color:var(--main-color);
}
.review-top span {
	color:#d9d9d9;
}
.review-list {
	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	gap:24px;
	padding:24px 0;
	border-top:1px solid #d9d9d9;
	cursor: pointer;
}
.review-list .left-cont {
	width:80%;
}
.review-top {
	margin-bottom: 12px;
}
.review-images {
	position: relative;
}
.review-images img{
	width: 150px;
	height:150px;
	object-fit:cover;
}
.review-images p {
	width:24px;
	height:24px;
	line-height:24px;
	position: absolute;
	right: 0;
	bottom:0;
	text-align: center;
	background: #2f28288c;
	backdrop-filter: blur(1px);
	color:#fff;
}
.click-contents {
	position: fixed;
    z-index: 99;
    width: 100%;
    height: 100vh;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.click-contents.active {
	display: flex;
}

.click-popup {
	background: #fff;
	width:50%;
	max-width:550px;
	height:80vh;
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.popup-wrap{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	padding:20px;
	overflow-y:auto;
	height: 90%;
}
.click-popup .close {
	position: absolute;
	right:0;
	top:0;
	width:50px;
	height: 50px;
	color:#fff;
	background:#3f3e3e; 
}
.click-popup .contents-left {
	width:100%;
	height: 400px;
	text-align: center;
}
.click-popup .contents-right{
	width:100%;
}
.click-popup .contents-left img {
	width:100%;
	max-width:800px;
	height: 100%;
	object-fit:cover;
}
.review-all-images {
	display: flex;
	justify-content: flex-start;
	gap:12px;
	padding: 12px;
    background: #f2f2f266;
}
.review-image-item {
	width:100%;
	max-width: 200px;
	cursor: pointer;
}
.review-image-item img {
	width:100%;
	height:100%;
	max-height:150px;
	object-fit:cover;
}
.click-popup .detail-top {
	gap: 6px;
    flex-direction: column;
    display: flex;
    border-bottom: 1px solid #d9d9d9;
    padding: 24px 6px;
    margin-bottom: 24px;
}
.click-popup .qu_mi_btn {
	margin:24px 0 32px;
}
@media screen and (min-width: 950px) {
	.mo_bg {
		display:none !important;
	}
}
@media screen and (max-width: 1600px) {
  .ceo-text,
  .history-wrap {
    margin: 0 40px;
  }
  .map-wrap {
    width: 90%;
  }
}

@media screen and (max-width: 1400px) {
  .company-title {
    padding-top: 330px;
  }
  .company-title h2 {
    font-size: 80px;
    margin-bottom: 16px;
  }
  .company-title p {
    font-size: 26px;
  }
  .ceo-text {
    font-size: 23px;
  }
  .ceo-info {
    font-size: 40px;
    line-height: 1.5;
  }
  .ceo-info p:last-child {
    font-size: 28px;
  }
}


@media screen and (max-width: 1400px) {
	.platinum-wrap  {
		width:98%;
	}
	.bnr-text {
		font-size:20px;
		margin-top:10px;
	}
	.bnr-text span {
		display:inline-block;
		font-size:16px;
		margin-top:20px;
	}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom:50px;
	}
}
@media screen and (max-width: 1270px) {
  .company-title {
    padding-top: 300px;
  }
  .map-title {
    margin-left: 40px;
    margin-bottom: 50px;
  }
  .career-container p {
    font-size: 22px;
  }
  .year-list {
    font-size: 38px;
  }
  .career-list h4 {
    font-size: 38px;
    margin-bottom: 40px;
  }
  .map-description {
    margin-left: 40px;
    margin-bottom: 80px;
  }
  .career-wrap {
    flex: 3;
  }
  .career-container li:first-child {
    text-align: left;
  }
  
  .lohaSwiper .swiper-slide .slide-text b {
	font-size: 1.8rem;
	}
	.lohaSwiper .swiper-slide .slide-text p {
	font-size: 1.4rem;
	margin:12px 0;
	}
	.lohaSwiper .swiper-slide .slide-text h2 {
		font-weight:500;
		font-size:1.5rem;
	}
}

@media screen and (max-width: 1200px) {
	.lohaSwiper .swiper-slide .slide-text {
		top:12%;
	}
	.exhibitions-list li {
	    width: calc(50% - 20px);
	    margin-bottom: 60px;
  }
  
}

@media screen and (max-width: 1150px) {
  .career-section{
    flex-direction: column;
  }
  .year-wrap {
    margin: 60px 0 120px
  }
  .year-list {
    display: inline-flex;
    gap: 32px;
    line-height: 72px;
    border-bottom: 1px solid #C9C9C9;
  }
  .career-wrap {
    padding: 40px 24px 0;
    border-left: none;
  }
  .career-container li:first-child {
    flex: inherit;
  }
}

@media screen and (max-width: 980px) {
	.pc {
		display:none;
	}
	.lohaSwiper .swiper-slide > img {
		width:100%;
		max-height:800px;
		min-height:450px;
	}
	 .basic .product-contain li {
		width: calc((100% / 2) - 20px);
	}
	#header {
		padding:0;
	}
	.main-wrap {
		padding:21px 20px;
	}
	.list-contain .product-contain li {
		width: calc((100% - 24px) / 2);
		position:relative;
	}
	.price {
		position:absolute;
		bottom:0;
	}
	.click-popup {
	    width: 90%;
	}
}

@media screen and (max-width: 950px) {
	.slide-text {
		padding-left:10px;
	}  
	.slide-text h2 {
		font-size: 32px;
	}
	.slide-text p {
		font-size: 16px;
	}
	.lohaSwiper .swiper-slide .slide-text {
		left:1%;
	}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
		left:2%;
	}
	.list-contain .product-contain li {
	 	height:520px;
	 }
	 .sub-bnr_box img {
	 	height:260px;
	 }
	.main-wrap.company > img{
		margin: 0 auto 120px;
	}
	.lohaimg-box div {
		widht:100%
	}
	.lohaimg-box .row-box {
	    margin: 26px 0;
	    flex-direction: column;
	    gap: 16px;
	}
	.lohaimg-box .row-box img {
		width:100%;
		object-fit:cover;
	}
	.lohaimg-box .row-box img:first-child {
		margin-top:0px;
	}

}
@media screen and (max-width: 850px) {
	 .info-bnr ul {
	 	width:100%;
	 }
	 .link_wrap {
	 	right:0;
	 	width:210px;
	 }
	 .link_wrap:hover {
        bottom:-90px;
	 }
	 .info-bnr ul li {
	 	padding:0px 0px 50px;
	 	height:250px;
	 }
	 .footer-bot {
   		gap:12px;
	   }
	   .footer-bot ul {
	   		gap:12px;
	   }
	   .ex-image {
	   		height: auto;
	   }
	   .ceo-section {
	    flex-direction: column-reverse;
	    align-items: center;
	    margin: 150px 0;
	  }
	  .ceo-info {
	    left: -72px;
	    text-align: left
	  }
	  .ceo-text {
	    font-size: 20px;
	    line-height: 1.4;
	  }
	  .career-title {
	    font-size: 38px;
	  }
	  .year-wrap {
	    margin: 60px 0 60px;
	  }
	  .year-list {
	    font-size: 32px;
	  }
	  .career-list h4 {
	    font-size: 32px;
	  }
	  .career-container p {
	    font-size: 18px;
	  }
	  .map-title h4 {
	    font-size: 38px;
	  }
	  .map-description {
	    margin-left: 0px;
	    margin-bottom: 70px;
	  }
	  .map-title {
	    margin-left: 0;
	  }
	  .map-list {
	    font-size: 20px;
	    margin-bottom: 24px;
	    flex-direction: column;
	  }
	  .map-list li:first-child p {
	    margin-right: 48px;
	  }
}
@media screen and (max-width: 750px) {
		.tab-btn-inner {
			margin:8% auto;
		}
		.tab-btn-inner button {
			font-size:16px;
		}
		.platinum-bot-bnr {
		    flex-direction: column;
		    justify-content: center;
		    text-align: center;
		    gap: 6px;
		}
		.platinum-bot-bnr div {
			width:100%;
			height:100%;
			border-radius:20px;
		}
	    .slide-container {
        	margin: 0 auto;
        	width: 100%;
        	height:100%;
        }
        
		.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
			bottom:80px;
		}
		.list-contain .product-contain li {
			height:320px;
		}
		.list-contain .product-contain li .img_box {
			height:160px;
		}
		.exhibitions-list li {
		    width: 100%;
		    margin-bottom: 60px;
		}
		.ex-description {
			font-size:1rem;
		}
		.ex-description h3 {
			margin:8px 0 32px;
			font-size:1.2rem;
		}
		.ex-description time {
			font-weight:300;
		}
		.sub-bnr_box .text-box h2 {
			font-size:2rem;
		}
		.sub-bnr_box .text-box p {
			font-size:1.2rem
		}
		.sub-bnr_box .text-box {
			left:6%;
		}
		.review-wrap {
			padding: 32px 12px;
		}
}

@media screen and (max-width: 650px) {
  	.lohaSwiper .swiper-slide .slide-text h2 {
  		font-size: 1.2rem;
  		margin-right: 20px;
  		
  	}
  	.lohaSwiper .swiper-slide .slide-text b {
  		font-size:1.4rem;
  	}
  	.lohaSwiper .swiper-slide .slide-text p {
  		font-size: 1.2rem;
  	}
}
@media screen and (max-width: 600px) {
  .company-title {
    padding-top: 280px;
}
  .company-title p {
    font-size: 20px;
  }
  .company-title h2 {
    font-size: 60px;
    margin-bottom: 12px;
  }
  .ceo-info {
    position: static;
    font-size: 32px;
  }
  .ceo-image,
  .ceo-text,
  .history-wrap {
    margin: 0 24px;
  }
  .ceo-section {
    align-items: baseline;
  }
  .ceo-info p:last-child {
    font-size: 23px;
  }
  .ceo-text p:nth-child(1) {
    font-size: 24px;
  }
  .ceo-text {
    font-size: 18px;
  }
  .career-container {
    flex-direction: column;
    gap: 40px;
  }
  .career-one, .career-two {
    margin-bottom: 60px;
  }
  .map-list li:first-child p {
    margin-right: 12px;
  }
  .career-container li:first-child p {
    font-weight: 400;
  }
  .company-title {
    padding-top: 210px;
  }
  .company-title p {
    font-size: 18px;
  }
  .career-title {
    margin-top: 90px;
  }
  .career-title {
    font-size: 32px;
  }
  .career-list h4,
  .year-list {
    font-size: 26px;
  }
}

@media screen and (max-width: 560px) { 
	.tab-btn-inner {
		height:38px;
	}
	.platinum-bot-bnr div{
		height:120px;
		padding: 0;
	}
	.slide-text h2 {
		font-size: 18px;
	}
	.slide-text p {
		font-size: 14px;
	}
	.main_product_info button {
		width:70px;
		font-size:14px;
	}
	.basic .main_product_info {
		padding: 4px 12px 16px;
	}
	.basic .price button {
		background-size:16px;
		width:40px;
		height:40px;
	}
	.basic .price button:hover {
		background-size:16px;
	}
	.basic .price {
		font-size:12px;
	}
	.basic .img_box i {
		width:50px;
		height:24px;
		padding:2px 6px;
	}
	.info-bnr.platinum-wrap img{
		width:50%;
	}
	.info-bnr ul li {
		padding: 27px 0px 50px;
	}
	.link_wrap {
		width:160px;
	}
	.tel_btn{
		display:none;
	}
	.basic .img_box img {
		max-height:220px;
		min-height:220px;
	}
	.list-contain .product-contain li {
		margin-bottom:30px;
	}
	.title-box h2 {
    	font-size:2rem;
    }
    .title-box > a {
    	    font-size: 1rem;
		    padding: 8px 24px;
		    border-radius: 20px;
    }
    .title-box h2 span {
    	font-size:1rem;
    }
    .category-box {
    	gap:15px;
    }
    .category-box button {
    	padding: 6.5px 8px;
    }
    .footer-top .main-wrap {
    	padding: 0 20px;
    	flex-direction: column;
    }
   	address ul {
   		margin-top:24px;
   }
   .main-wrap.footer {
   		padding:0 20px;
   }
}
@media screen and (max-width: 480px) {
	.tab-btn-inner button {
		font-size:14px;
	}
	 .swiper-slide.main img {
	 	width:120%;
	 }
	 .slide-container {
		height:370px;
	}
	.premium-wrap h2 {
		margin-top:0;
	}
	.link_wrap {
	 	width:160px;
	 }
	 .basic .img_box img {
		max-height:160px;
		min-height:160px;
	}
	.main-wrap {
        padding: 72px 20px 0;
    }
    .footer-bot.main-wrap {
    	padding: 21px 20px;
    }
    .ex-image {
    	height:auto;
    }
    .ex-description h3 {
    	margin: 8px 0 14px;
    }
    .exhibitions-list li {
    	margin-bottom:32px;
    }
    .review-image-item img {
		max-height:100px;
	}
}