@charset "utf-8";


/* ===================================================== */
/* 콘텐츠 공통 */

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* 콘텐츠 공통 */
/* ===================================================== */


/* ===================================================== */
/*  */

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/*  */
/* ===================================================== */













/* 01. Articles */
.cont-articles {font-family: 'Montserrat'; letter-spacing: -0.025em;}
.cont-articles span {vertical-align: baseline;}
.cont-articles .articles-tab {margin-bottom: 5rem;}
.cont-articles .articles-tab__mo {display: none;}
.cont-articles .articles-tab__pc {display: flex; flex-wrap: wrap; align-items: center;}
.cont-articles .articles-tab__li {padding: 0.5rem 1.2rem; cursor: pointer; margin: 0.5rem;}
.cont-articles .articles-tab__li span {font-size: 20px; letter-spacing: 0; color: #222; line-height: 1; font-weight: 700; }
.cont-articles .articles-tab__li:hover span {color: #585858;}
.cont-articles .articles-tab__li.li-active {background-color: #a72523;}
.cont-articles .articles-tab__li.li-active span {color: #fff;}
.cont-articles .articles-tab__bullet {margin: 0 1rem;}
.cont-articles .articles-tab__bullet span {display: block; width: 4px; height: 4px; background-color: #a72523; border-radius: 50%;}
.cont-articles .articles-con__header {display: flex; justify-content: space-between;}
.cont-articles .articles-con__stats {display: flex; align-items: center;}
.cont-articles .articles-con__stats p {color: #666; font-size: 15px; font-weight: 600; line-height: 1;}
.cont-articles .articles-con__page {margin-left: 3rem;}
.cont-articles .articles-con__page span {color: #a72523;}
.cont-articles .articles-con__controls {display: flex; align-items: stretch;}
.cont-articles .articles-con__select {background-color: #fff; border: #dcdcdc 1px solid; border-radius: 5px; display: flex; align-items: center;}
.cont-articles .articles-con__select select {padding: 1rem 5rem 1rem 1.5rem; font-size: 14px; color: #666; line-height: 1; font-weight: 500; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('../images/sub/articles/select-box_arrow.png') no-repeat right 10px center; background-size: 12px 7px; }
.cont-articles .articles-con__search {background-color: #fff; margin-left: 1rem; border: #dcdcdc 1px solid; border-radius: 5px; display: flex; align-items: center;}
.cont-articles .articles-con__search-input {font-size: 14px; color: #666; line-height: 1; font-weight: 500; padding: 1rem 1.5rem;}
.cont-articles .articles-con__search a { padding: 10px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.cont-articles .articles-con__search a img {transform: scale(0.9);}
.cont-articles .articles-con__search a:hover {transition: transform 0.3s ease;}
.cont-articles .articles-con__search a:hover img { transform: scale(1.05); transition: transform 0.3s ease;}
.cont-articles .articles-con__area {margin: 2.5rem 0 4.5rem; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 6rem 0 7rem; }
.cont-articles .articles-con__ul {display: grid; grid-template-columns: repeat(4,1fr);}
.cont-articles .articles-con__item {border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; align-items: center;}
.cont-articles .articles-con__item a {padding-top: 2rem; width: 100%; height: 100%; cursor: pointer;}
.cont-articles .articles-con__img {width: 100%; z-index: -1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.cont-articles .articles-con__img-item {margin: 0 2rem 2rem; }
.cont-articles .articles-con__img-item img {width: 100%; height: 100%; object-fit: contain;}
.cont-articles .articles-con__verticalline {display: block; width: 100%; height: 1px; background-color: #e5e5e5;}
.cont-articles .articles-con__description {padding: 4rem 3rem 8.8rem;}
.cont-articles .articles-con__day {margin-bottom:1rem; font-size:1.5rem;}
.cont-articles .articles-con__tit {margin-bottom: 5rem;}
.cont-articles .articles-con__tit p {font-size: 18px; color: #222; font-weight: 700; letter-spacing: -0.015em; line-height: 1.3;}
.cont-articles .articles-con__txt p {font-size: 15px; color: #666; font-weight: 500; letter-spacing: -0.05em; line-height: 1.3;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 4; -webkit-line-clamp: 4;}
.cont-articles .articles-con-bg_img .articles-con__verticalline {display: none;}
.cont-articles .articles-con-bg_img {padding: 0 2rem; margin: 0;}
.cont-articles .articles-con-bg_img .articles-con__img-item {width: 300px; height: 300px; margin: 0;}
.cont-articles .articles-con-bg_img .articles-con__img-item img {width: 100%; height: 100%; object-fit: cover;}
.cont-articles .articles-con__item:hover {border: 1.5px solid #2c789e; position: relative;}
.cont-articles .articles-con__item:hover .articles-con__verticalline {width: 25%;}
.cont-articles .articles-con__item:hover::before {pointer-events: none; content: ''; position: absolute; right: 3rem; bottom: 0; width: 81px; height: 84px; background: url('../images/sub/articles/articles-more.png') no-repeat center / contain;}
.articles__footer {padding-top: 0; margin-bottom: 18rem;}
.articles__footer .board-page-btn a::before {background-color: #000;}
.articles__footer .board-pagelist li a {color: #7f7f7f; font-weight: 600; border-radius: 50%;}
.articles__footer .board-pagelist li.on a {color: #fff; background-color: #7f7f7f; }

@media (max-width: 1280px){
	.cont-articles .articles-con__ul {grid-template-columns: repeat(3,1fr);}
	.cont-articles .articles-con__item:hover::before {height: 75px;}
}
@media (max-width: 1024px){
	.cont-articles .articles-tab__li span {font-size: 18px;}
}
@media (max-width: 960px){
	.cont-articles .articles-con__ul {grid-template-columns: repeat(2,1fr);}
	.cont-articles .articles-con__item:hover::before {height: 70px;}
}
@media (max-width: 768px){
	.cont-articles .articles-tab__pc {margin: auto; max-width: 600px; justify-content: center;}
	.cont-articles .articles-con__header {flex-direction: column;}
	.cont-articles .articles-con__controls {margin-top: 2rem;}
	.cont-articles .articles-con__search {width: 100%;}
	.cont-articles .articles-con__search-input {width: 100%;}
	/*.cont-articles .articles-con__img-item {width: calc(250px - 4rem); height: calc(250px - 2rem);}*/
	.cont-articles .articles-con-bg_img .articles-con__img-item {width: 250px; height: 250px;}
	.cont-articles .articles-con__tit p {font-size: 17px;}
	.cont-articles .articles-con__item:hover::before {height: 60px;}
	.cont-articles .articles-con__description {padding: 4rem 2.5rem 9.5rem;}
	.articles__footer .board-pagelist {display: none;}
	.cont-articles .articles-con__stats {justify-content: center;}
}
@media (max-width: 576px){
	.cont-articles .articles-con__ul {grid-template-columns: repeat(1,1fr);}
	/*.cont-articles .articles-con__img-item {width: 300px; height: 300px;}*/

	.cont-articles .articles-tab__pc {display: none;}
	.cont-articles .articles-tab__mo {display: block; width: 100%; border: 1px solid #e5e5e5; font-size: 16px; font-weight: 500; border-radius: 5px; background-color: #a72523; color: #fff;}
	.cont-articles .articles-tab__mo select {width: 100%; padding: 1.5rem 5rem 1.5rem 2rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('../images/sub/articles/select-box_arrow_.png') no-repeat right 15px center; background-size: 12px 7px;}
	.cont-articles .articles-tab__mo option {color: #666; font-weight: 500; font-size: 15px;}
	.cont-articles .articles-con__tit, .cont-articles .articles-con__txt {text-align: center;}
}
@media (max-width: 480px){
	/*.cont-articles .articles-con__img-item {width: 280px; height: 280px;}*/
	.cont-articles .articles-con__controls {flex-direction: column;}
	.cont-articles .articles-con__select select {width: 100%;}
	.cont-articles .articles-con__select select, .cont-articles .articles-con__search {height: 38px;}
	.cont-articles .articles-con__search {margin-left: 0; margin-top: 1rem;}
}
@media (max-width: 350px){
	/*.cont-articles .articles-con__img-item {width: 240px; height: 240px;}*/
}




/* 01-01. Articles View */
.cont-articles-view {font-family: 'Montserrat'; letter-spacing: -0.015em;}
.cont-articles-view .articles-view__header {position: relative; display: flex; align-items: center; margin-bottom: 5rem;}
.cont-articles-view .articles-view__header::before {bottom: -5.5rem; left: 0; width: 100%; height: 8px; position: absolute; content: ''; background: url('../images/sub/articles/articles-view-line.png') repeat center / cover;}
.cont-articles-view .articles-view__img {border: 1px solid #ebebeb; padding: 5rem; width: 52rem; height: 46.5rem; overflow: hidden; background-color: #fff; border-radius: 10px;}
.cont-articles-view .articles-view__img img {width: 100%; height: 100%; object-fit: contain;}
.cont-articles-view .articles-view__img.bg__img {background-color: initial; padding: 0;}
.cont-articles-view .articles-view__img.bg__img img {object-fit: cover; width: 100%; height: 100%;}
.cont-articles-view .articles-view__description {width: calc(100% - 52rem); padding-left: 5.5rem;}
.cont-articles-view .articles-view__tit {line-clamp: 3; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.cont-articles-view .articles-view__tit p {font-size: 3rem; font-weight: 800; line-height: 1.2; color: #222;}
.cont-articles-view .articles-view__day {margin: 4rem 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 1.5rem 0;}
.cont-articles-view .articles-view__day p {padding-left: 40px; position: relative; font-size: 18px; font-weight: 800; color: #2c789e; line-height: 1;}
.cont-articles-view .articles-view__day p::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/articles/articles-day.png') no-repeat center / contain; width: 27px; height: 27px;}
.cont-articles-view .articles-view__summary {line-clamp: 9; -webkit-line-clamp: 9; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.cont-articles-view .articles-view__summary p {font-size: 16px; color: #666; font-weight: 600; line-height: 1.6;}

.cont-articles-view .articles-view__content {padding-top: 4.5rem; margin-bottom: 18rem; font-size: 15px; color: #666; font-weight: 500;letter-spacing: normal;}
.cont-articles-view .articles-view__content a {display: inline-block; color:#222!important; font-weight: 500!important;}
.cont-articles-view .articles-view__content p {line-height: 1.8;letter-spacing: normal;}
.cont-articles-view .articles-view__content h1,
.cont-articles-view .articles-view__content h2,
.cont-articles-view .articles-view__content h3,
.cont-articles-view .articles-view__content h4,
.cont-articles-view .articles-view__content h5,
.cont-articles-view .articles-view__content h6,
.cont-articles-view .articles-view__content strong,
.cont-articles-view .articles-view__content b {font-weight: bold}
.cont-articles-view .articles-view__content ol {list-style: auto; line-height: 1.5;}
.cont-articles-view .articles-view__content ul {list-style: disc;line-height: 1.5;}

@media (max-width: 1280px){
	.cont-articles-view .articles-view__img {padding: 5rem; width: 48rem; height: 48rem;}
	.cont-articles-view .articles-view__description {width: calc(100% - 48rem); padding-left: 5rem;}
}
@media (max-width: 1024px){
	.cont-articles-view .articles-view__img {padding: 4rem; width: 45rem; height: 45rem;}
	.cont-articles-view .articles-view__description {width: calc(100% - 45rem); padding-left: 4.5rem;}
	.cont-articles-view .articles-view__summary {line-clamp: 8; -webkit-line-clamp: 8;}
	.cont-articles-view .articles-view__day {margin: 3rem 0;}
}
@media (max-width: 960px){
	.cont-articles-view .articles-view__img {padding: 2rem; width: 35rem; height: 35rem;}
	.cont-articles-view .articles-view__description {width: calc(100% - 35rem); padding-left: 4.5rem;}
	.cont-articles-view .articles-view__tit {line-clamp: 2; -webkit-line-clamp: 2; word-break: break-all;}
	.cont-articles-view .articles-view__summary {line-clamp: 6; -webkit-line-clamp: 6; word-break: break-all;}
	.cont-articles-view .articles-view__day {margin: 2.5rem 0;}
}
@media (max-width: 768px){
	.cont-articles-view .articles-view__header {flex-direction: column;}
	.cont-articles-view .articles-view__img {padding: 3rem; width: 100%; height: 45rem;}
	.cont-articles-view .articles-view__description {width: 100%; padding-left: 0; margin-top: 5rem;}
	.cont-articles-view .articles-view__tit, .cont-articles-view .articles-view__summary {line-clamp: initial; -webkit-line-clamp: initial; display: initial; -webkit-box-orient: initial; overflow: initial; text-align: center; word-break: normal;}
	.cont-articles-view .articles-view__day {text-align: center;}
	.cont-articles-view .articles-view__day p {display: inline-block; font-size: 20px;}
	.cont-articles-view .articles-view__tit p {font-size: 24px;}
	.cont-articles-view .articles-view__content {text-align: center;}
}
@media (max-width: 576px){
	.cont-articles-view .articles-view__tit p {font-size: 22px;}
}
@media (max-width: 480px){
	.cont-articles-view .articles-view__tit p {font-size: 20px;}
}



/* 06. Contact Us */
.cont-contact {margin-bottom: 18rem; font-family: 'Montserrat';}
.cont-contact span {vertical-align: baseline;}
.contact__map-area {height: 55rem; border-radius: 10px; overflow: hidden;}
.contact__map-area iframe {width: 100%; height: 100%; object-fit: cover;}
.contact__represent-area {position: relative; display: flex; align-items: center; padding-top: 5rem;}
.contact__represent-area::before {z-index: -1; display: block; background-color: #a72523; width: 100%; height: 35rem; content: ''; position: absolute; top: -12rem; left: 50%; transform: translateX(-50%);}
.contact__represent-inner {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0 var(--inner-padding); width: 100%;}
.contact__represent-info {display: flex; align-items: center;}
.contact__represent-info .item {display: flex; align-items: center;}
.contact__represent-info .item + .item {margin-left: 5rem;}
.contact__represent-info .item .ico {margin-right: 2rem; display: flex; justify-content: center; align-items: center; background-color: #9b1715; width: 66px; height: 66px; border-radius: 50%;}
.contact__represent-info .item a{font-size: 2rem; font-weight: 800; color: #fff; line-height: 1; letter-spacing: 0.01em;}
.contact__represent-info .item a + a {margin-top:1rem;}
.contact__btn {width: 48rem; height: 13.5rem; border-radius: 15px; background-color: #fff; display: flex; justify-content: center; align-items: center; text-align: center;}
.contact__btn p {padding-left: 8rem; position: relative; font-size: 3rem; color: #a72523; font-weight: 800; line-height: 1;}
.contact__btn p::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/contact_us-person.png') no-repeat center / contain; width: 44px; height: 58px;}
.contact__btn .btn {margin-left: 5.5rem; width: 66px; height: 66px; background-color: #9b1715; border-radius: 50%; display: flex; justify-content: flex-start; align-items: center;}
.contact__btn .btn img {transform: translateX(-10px);}
.contact__represent-info .item:hover .ico {background-color: #861311;}
.contact__represent-info .item:hover .ico img {animation: hover-shake 0.5s ease-in-out infinite;}
.contact__btn:hover .btn img {animation: hover-slide 0.5s ease-in-out infinite;}
@keyframes hover-shake {0% { transform: rotate(0deg); } 25% { transform: rotate(-10deg); } 50% { transform: rotate(10deg); } 75% { transform: rotate(-10deg); } 100% { transform: rotate(0deg); }}
@keyframes hover-slide {0% { transform: translateX(-5px); } 50% { transform: translateX(-10px); } 100% { transform: translateX(-5px);}}
.contact__branch-area {margin-top: 15rem; display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.contact__branch-tit p {font-size: 3rem; color: #222; font-weight: 800; letter-spacing: -0.015em; line-height: 1.2;}
.contact__branch-tit p span {color: #a72523;}
.contact__branch-add {margin: 3.5rem 0 3rem; background-color: #efefef; height: 10rem; display: flex; justify-content: flex-start; align-items: center; border-radius: 10px; padding: 2.5rem;}
.contact__branch-add p {position: relative; padding-left: 5.5rem; font-size: 16px; font-weight: 700; color: #2c789e; letter-spacing: -0.015em; line-height: 1.2;}
.contact__branch-add p::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/ico-add.png') no-repeat center / contain; width: 40px; height: 40px;}
.contact__branch-add:hover {background-color: #e9e9e9;}
.contact__branch-add:hover p::before {animation: hover-ico-shake 0.5s ease-in-out infinite;}
.contact__branch-item:last-child .contact__branch-add {pointer-events: none;}
@keyframes hover-ico-shake {0% { transform: translateY(-50%) rotate(0deg); } 25% { transform: translateY(-50%) rotate(-10deg); } 50% { transform: translateY(-50%) rotate(10deg); } 75% { transform: translateY(-50%) rotate(-10deg); } 100% { transform: translateY(-50%) rotate(0deg); }}
.contact__branch-li {border-bottom: 1px solid #efefef;}

.contact__branch-li-link {width: 100%; height: 100%;padding: 1.5rem 3rem;}
.contact__branch-li-label {position: relative; padding-left: 4rem; font-size: 16px; font-weight: 700; color: #666; line-height: 1; margin-bottom: 8px; position: relative;}
.contact__branch-li-value {padding-left: 4rem; font-size: 16px; font-weight: 700; color: #222; line-height: 1.2;}
.contact__branch-li-value + .contact__branch-li-value {margin-top:0.4rem;}
.contact__branch-li-label::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/ico-s-tell.png') no-repeat center / contain; width: 15px; height: 18px;}
.contact__branch-li.branch-fax .contact__branch-li-label::before {background: url('../images/sub/ico-s-fax.png') no-repeat center / contain; width: 17px; height: 17px;}
.contact__branch-li.branch-page .contact__branch-li-label::before {background: url('../images/sub/ico-s-hompage.png') no-repeat center / contain; width: 21px; height: 18px;}
.contact__branch-li.branch-mall .contact__branch-li-label::before {background: url('../images/sub/ico-s-mall.png') no-repeat center / contain; width: 22px; height: 19px;}
.contact__branch-li.branch-mail .contact__branch-li-label::before {background: url('../images/sub/ico-s-mail.png') no-repeat center / contain; width: 16px; height: 12px;}
.contact__branch-li:hover {background-color: #fafafa;}
.contact__branch-li:hover .contact__branch-li-label::before {animation: hover-ico-shake 0.5s ease-in-out infinite;}


@media (max-width: 1440px){
	.contact__represent-info .item .ico {width: 60px; height: 60px;}
	.contact__represent-info .item .ico img {max-width: 30px; max-height: 30px; object-fit: contain;}

	.contact__btn {width: 46rem; height: 12.5rem;}
	.contact__represent-info .item + .item {margin-left: 4.5rem;}
}
@media (max-width: 1280px){
	.contact__branch-area {grid-template-columns: repeat(2, 1fr); gap: 8rem;}
	.contact__branch-add {margin: 2.5rem 0 2rem;}
	.contact__branch-tit p br {display: none;}
	.contact__represent-inner {flex-direction: column; justify-content: center; background-color: #a72523; margin: 0; padding: 5rem 0 10rem;}
	.contact__btn {margin-top: 5rem; width: 46rem; height: 11rem;}

	.contact__branch-area {margin-top: 12rem;}
	.contact__btn p {padding-left: 6.5rem;}
	.contact__btn p::before {width: 36px;}
	.contact__btn .btn {width: 55px; height: 55px; margin-left: 7.5rem;}
	.contact__represent-area::before {width: 101%;}
}
@media (max-width: 1024px){
	.contact__branch-area {gap: 8rem 5rem;}
	.contact__branch-tit p br {display: block;}
	.contact__map-area {height: 50rem;}
}
@media (max-width: 960px){
	.contact__branch-add p {padding-left: 6rem;}
	.contact__map-area {height: 45rem;}

}
@media (max-width: 768px){
	.contact__branch-tit p br {display: none;}
	.contact__branch-area {grid-template-columns: repeat(1, 1fr); gap: 8rem;}
	.contact__branch-add p {padding-left: 5.5rem;}
	.contact__branch-add p::before {width: 30px; height: 30px;}
	.contact__branch-li-label {padding-left: 4.5rem;}
	.contact__branch-li-value {padding-left: 4.5rem;}
	.contact__branch-add {height: initial; padding: 3.5rem 2.5rem;}
	.contact__map-area {height: 40rem;}
	.contact__represent-info {flex-direction: column; align-items: flex-start;}
	.contact__represent-info .item + .item {margin-left:0; margin-top:2rem;}

}
@media (max-width: 480px){
	.contact__branch-add p {padding-left: 6rem;}
	.contact__branch-tit p br {display: block;}



	.contact__btn {margin-top: 8rem; width: 35rem; height: 10rem; border-radius: 10px;}
	.contact__btn p::before {width: 30px;}
	.contact__btn .btn {width: 45px; height: 45px; margin-left: 4rem;}

}




/* 02. Company Overview */
.cont-company {margin-bottom: 18rem; font-family: 'Montserrat';}
.company__tit {margin-top: 4rem; text-align: center;}
.company__logo {display: flex; justify-content: center;}
.company__info {margin-top: 3rem; display: flex; flex-direction: column; align-items: center; border-top: 1px solid #e9e9e9;}
.company__info-year {padding: 1.2rem 6.5rem; background-color: #3a3c3e;}
.company__info-year p {font-size: 2.5rem; font-weight: 600; color: #fff; letter-spacing: 0.2em; line-height: 1;}
.company__info-description img {margin: 6rem auto 0;}
.company__info-description p {margin-top: 3rem; font-size: 3rem; color: #4b4b4b; font-weight: 600;}
.company__info-description h5 {margin: 1.5rem 0 4.5rem; font-size: 16px; color: #3a3c3e; font-weight: 600; }
.company__top_list {display: flex; outline: 1px solid #dcdcdc; margin: 11rem 0 15rem; position: relative;}
.company__top_list::before {display: block; content: ''; width: 1px; height: 6.5rem; background: #000; position: absolute; top: -11rem; left: 50%;}
.company__top_list::after {display: block; content: ''; width: 1px; height: 6.5rem; background: #dcdcdc; position: absolute; bottom: -15rem; left: 50%;}
.company__top_list-item {display: flex; flex-direction: column; justify-content: space-between; flex: 1; min-height: 27rem;}
.company__top_list-item+.company__top_list-item {border-left: 1px solid #dcdcdc;}
.company__top_list-ico {display: flex; justify-content: center; align-items: center; height: 50%;}
.company__top_list-txt {background: #f3f3f3; padding: 3.5rem; height: 50%;}
.company__top_list-txt p {font-size: 16px; font-weight: 700; color: #3a3c3e; line-height: 1.4;}
.company__txt {padding: 4rem 5% 0;}
.company__txt p {font-size: 22px; color: #4b4b4b; font-weight: 500; line-height: 1.8;}
.company__focus {margin-top: 9rem;}
.company__focus-tit {padding: 6rem 0; text-align: left; position: relative;}
.company__focus-tit::before {display: block; content: ''; width: calc(100% + (var(--inner-padding)*2)); height: 100%; background: #3a3c3e; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.company__focus-tit h2 {font-size: 3.5rem; font-weight: 600; color: #fff; position: relative; z-index: 1;}
.company__focus-tit h2 span {color: #d32426;}
.company__focus-tit p {font-size: 20px; font-weight: 600; color: #fff; position: relative; z-index: 1;}
.company__focus-list {margin-top: 8rem; text-align: left;}
.company__focus-list.type01 .company__focus-item {display: flex; justify-content: space-between;}
.company__focus-list h2 {font-size: 20px; font-weight: 700; color: #4b4b4b; margin-bottom: 1.5rem;}
.company__focus-item+.company__focus-item {margin-top: 8rem;}
.company__focus-item p {font-size: 16px; font-weight: 500; color: #666;}
.company__focus-list li+li {margin-top: 1rem;}
.company__focus-list ul p {font-weight: 600; padding-left: 3rem; position: relative;}
.company__focus-list ul p::after {display: block; content: ''; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #a72523; position: absolute; top: 8px; left: 0; transform: translateX(100%);}
.company__focus-list.type02 {padding-top: 10rem; margin-top: 12rem; position: relative;}
.company__focus-list.type02::after {display: block; content: ''; width: calc(100% + (var(--inner-padding)*2)); height: 1px; background: #e1e1e1; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.company__focus-list.type02 ul p {padding-left: 2rem;}
.company__focus-list.type02 ul p::after {width: 4px; height: 4px; border: 0; background: #000; left: 3px;}
.company__history {margin: 12rem 0; padding: 8rem var(--inner-padding); width: 100%; background: url('../images/sub/02_bg.png') no-repeat center / cover;}
.company__history-tit {margin-bottom: 3rem;}
.company__history-tit p {font-size: 3.6rem; color: #fff; line-height: 1; font-weight: 600;}
.company__history-content {width: 110rem; margin: auto;}
.company__history-item {display: flex; align-items: center; position: relative;}
.company__history-item+.company__history-item {margin-top: 14rem;}
.company__history-item+.company__history-item::before {content: ''; position: absolute; left: calc(50% - 60px); top: -8rem; transform: translateX(-50%); background: url('../images/sub/company_ellipse.png') no-repeat center / contain; width: 6px; height: 32px;}
.company__history-item:first-child+.company__history-item:before {top: -11rem;}
.company__history-icon {flex: none; width: 200px; height: 200px; background-color: #a72523; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.company__history-item:nth-child(2) .company__history-icon {background-color: #3a3c3e;}
.company__history-item:nth-child(3) .company__history-icon {background-color: #2c789e;}
.company__history-detail {display: flex; align-items: center;}
.company__history-category {flex: none; width: 20rem; margin-left: 4rem; margin-right: 5rem;}
.company__history-category p {font-size: 3.6rem; font-weight: 600; color: #fff; line-height: 1;}
.company__history-ul {padding: 1rem 0; position: relative; border-left: 1px solid rgb(255, 255, 255, 0.2);}
.company__history-li {margin-left: 4rem; display: flex; align-items: flex-start;}
.company__history-li+.company__history-li {margin-top: 3rem;}
.company__history-year {margin-right: 3rem;}
.company__history-year p {font-size: 20px; color: #fff; line-height: 1; font-weight: 800;}
.company__history-txt li {font-size: 16px; color: #fff; font-weight: 600; line-height: 1.3;}
.company__history-txt li+li {margin-top: 8px;}

.company__certificate-header {margin-left: var(--inner-padding); display: flex; align-items: center; justify-content: space-between; position: relative; }
.company__certificate-header::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 2px; background-color: #000; display: block;}
.company__certificate-tit {background-color: #fff; position: relative; padding-right: 4rem;}
.company__certificate-tit p {position: relative; font-size: 3.6rem; font-weight: 600; color: #222; line-height: 1;}
.company__certificate-mark {margin-right: var(--inner-padding); display: flex; align-items: center; background-color: #fff; position: relative; padding: 0 4rem;}
.company__certificate-mark li:nth-child(2) {margin: 0 4.5rem;}
.company__certificate-img {margin: 6rem var(--inner-padding) 0; display: grid; grid-template-columns: repeat(6,1fr); gap: 2rem;}
.company__certificate-img li {border: 1px solid #e5e5e5; border-radius: 8px; overflow: hidden;}
.company__certificate-img li img {width: 100%; height: 100%; object-fit: cover;}


@media (max-width: 1280px){
	.company__certificate-item {height: 60px;}
	.company__certificate-item:first-child {height: 30px;}
	.company__certificate-item img {width: 100%; height: 100%; object-fit: contain;}

	.company__top_list-txt p {font-size: 14px;}
	.company__txt p br {display: none;}
}
@media (max-width: 1024px){
	.company__history-item, .company__history-detail {flex-direction: column; width: 100%;}
	.company__history-ul {border-left: initial; width: 100%; border-top: 1px solid rgb(255, 255, 255, 0.2); padding: 3.5rem 0; border-bottom: 1px solid rgb(255, 255, 255, 0.2);}
	.company__history-category {width: initial; margin: 3rem 0;}
	.company__history-item+.company__history-item::before {display: none;}
	.company__history-item+.company__history-item {margin-top: 15rem;}
	.company__history-content {width: initial;}
	.company__history-li {margin: 0 2rem;}

	.company__certificate-item {height: 50px;}
	.company__certificate-item:first-child {height: 25px;}
	.company__certificate-mark {padding: 0 3rem;}
	.company__certificate-tit {padding-right: 3rem;}
	.company__certificate-mark li:nth-child(2) {margin: 0 3rem;}

	.company__info-description p {font-size: 24px;}
	.company__top_list-txt {padding: 3.5rem 1.5rem;}
	.company__top_list-txt p {font-weight: 500;}
	.company__txt p {font-size: 18px;}
	.company__focus-tit h2 {font-size: 28px;}
	.company__focus-list.type01 .company__focus-item {flex-direction: column-reverse;}
	.company__focus-img {display: inline-block; margin: 0 auto 5rem;}
}
@media (max-width: 960px){
	.company__certificate-img {grid-template-columns: repeat(3, 1fr); gap: 5%;}
	.company__certificate-item {height: 45px;}
	.company__certificate-item:first-child {height: 22px;}
	.company__certificate-mark li:nth-child(2) {margin: 0 2.5rem;}
	.company__certificate-mark {padding: 0 2rem;}
	.company__certificate-tit {padding-right: 2rem;}

	.company__focus-list h2 {font-size: 18px;}
}
@media (max-width: 768px){
	.company__history-icon {width: 175px; height: 175px;}

	.company__certificate-item {height: 40px;}
	.company__certificate-item:first-child {height: 20px;}
	.company__certificate-mark li:nth-child(2) {margin: 0 2rem;}
	.company__certificate-mark {padding: 0 1.5rem;}
	.company__certificate-tit {padding-right: 1.5rem;}

	.company__info-description p {font-size: 20px;}
	.company__top_list {flex-direction: column;}
	.company__top_list-item {flex-direction: row; min-height: 10rem;}
	.company__top_list-ico {height: auto; width: 50%; padding: 3rem;}
	.company__top_list-txt {display: flex; align-items: center; justify-content: center; height: auto; width: 50%;}
	.company__top_list-item+.company__top_list-item {border-left: 0; border-top: 1px solid #dcdcdc;}
	.company__focus-tit h2 {font-size: 24px;}
	.company__focus-tit p {font-size: 18px;}
	.company__focus-img {max-width: 75%;}
}
@media (max-width: 650px){
	.company__history-li {flex-direction: column;}
	.company__history-year {margin-bottom: 1rem;}
	.company__history-txt li {color: rgb(255, 255, 255, 0.75); font-weight: 500; letter-spacing: 0;}

	.company__info-description img {max-width: 50%;}
}
@media (max-width: 576px){
	.company__logo img {width: 25rem;}

	.company__certificate-tit {padding: 0;}
	.company__certificate-header {flex-direction: column; margin-left: initial;}
	.company__certificate-header::before {top: calc(50% + 3.5rem);}
	.company__certificate-mark {padding: 0 2rem; margin: 3rem 0 0;}
	.company__certificate-img {grid-template-columns: repeat(2, 1fr);}

	.company__focus-tit h2 {font-size: 20px; font-weight: 500;}
	.company__focus-tit p {font-size: 16px; font-weight: 500;}
}
@media (max-width: 480px){
	.company__certificate-img {gap: 3rem;}

	.company__info-description img {max-width: 70%;}
	.company__info-description p {font-size: 18px;}
	.company__info-description h5 {font-weight: 500;}
	.company__txt p {font-size: 16px;}
	.company__top_list-item {flex-direction: column;}
	.company__top_list-ico,
	.company__top_list-txt {width: 100%;}
	.company__focus-list h2 {font-weight: 600;}
}




/* 03. Business Scope */
.cont-scope {margin-bottom: 18rem; font-family: 'Montserrat';}
.scope__header {margin-top: 4rem;}
.scope__tit h5 {font-size: 0;}
.scope__subtit {margin-top: 3rem; font-size: 3.6rem; color: #222; font-weight: 600;}
.scope__ul {margin: 5rem var(--inner-padding) 10rem; display: flex; flex-direction: column; gap: 3rem;}
.scope__li {display: flex; align-items: center;}
.scope__icon-box {width: 15rem; height: 10rem; background-color: #ececec; border-radius: 10px; display: flex; justify-content: center; align-items: center;}
.scope__description {padding-left: 2.5rem; width: calc(100% - 15rem);}
.scope__li-tit {font-size: 18px; color: #ad3c3b; font-weight: 800;}
.scope__li-txt {margin-top: 6px; font-size: 16px; color: #4b4b4b; font-weight: 600; line-height: 1.3;}
.scope__mission {border-top: 1px solid #ececec; padding-bottom: 20rem;}
.scope__mission-header {margin-top: 7.5rem;}
.scope__mission-header h6 {margin-bottom: 3rem; font-size: 3.6rem; color: #222; font-weight: 600;}
.scope__mission-content {text-align: center; position: relative;}
.scope__mission-content img {margin: auto;}
.scope__mission-item {position: absolute; width: 27.5rem; text-align: left;}
.scope__mission-item:nth-child(3) .scope__mission-tit {color: #3a3b3d;}
.scope__mission-item:nth-child(4) .scope__mission-tit {color: #0b98af;}
.scope__mission-icon {display: none;}
.scope__mission-tit {font-size: 2.5rem; color: #a72523; font-weight: 700; line-height: 1.3;}
.scope__mission-txt {margin-top: 1.5rem; font-size: 16px; color: #8a8a8a; font-weight: 600; line-height: 1.4;}
.scope__mission-item:nth-child(2) {left: 0; top: 50%; transform: translateY(-50%);}
.scope__mission-item:nth-child(3) {left: calc(50% - 12rem); bottom: -38rem; transform: translateY(-50%);}
.scope__mission-item:nth-child(4) {right: 0; top: 50%; transform: translateY(-50%);}

@media (max-width: 1440px){
	.scope__mission-content img {width: 63rem;}
}
@media (max-width: 1280px){
	.scope__mission-item {position: relative; width: initial;}
	.scope__mission-item:nth-child(2) {left: initial; top: initial; transform: initial;}
	.scope__mission-item:nth-child(3) {left: initial; bottom: initial; transform: initial;}
	.scope__mission-item:nth-child(4) {right: initial; top: initial; transform: initial;}
	.scope__mission-item {margin-top: 7rem; text-align: center; padding: 0 10%;}
	.scope__mission-content img {margin-bottom: 10rem; width: initial;}
	.scope__mission {padding-bottom: 0;}
}
@media (max-width: 960px){
	.scope__icon-box {width: 16rem; height: 16rem; border-radius: 50%;}
	.scope__li {flex-direction: column;}
	.scope__description {width: initial; margin: 3rem 0 5rem; text-align: center; padding: 0 10%;}
	.scope__header, .scope__mission-header {text-align: center;}
	.scope__mission-header h6 {margin-bottom: 5rem;}
	.scope__tit img {margin: auto;}
	.scope__mission-txt {margin-top: 1rem;}
}
@media (max-width: 768px){
	.scope__mission-item, .scope__description {padding: 0 5%;}
}
@media (max-width: 576px){
	.scope__mission-tit {font-family: 20px;}
}
@media (max-width: 480px){
	.scope__mission-item, .scope__description {padding: 0;}
}








/* Product 리스트 페이지 */
.cont-product {margin-bottom: 12rem;}
.client {display: flex; align-items: center;}
.client__header {display: flex; align-items: center;}
.client__tit {margin-right: 6rem;}
.client__tit p {margin: 5px 0 0 5px; font-size: 25px; font-weight: 600; letter-spacing: -0.025em; color: #3a3c3e; font-weight: 600; line-height: 1;}
.client__tit-parts {text-align: center; background-color: #a72523; padding: 6px 12px; display: inline-block;}
.client__tit-parts span {font-size: 14px; line-height: 1; font-weight: 800; color: #fff; letter-spacing: 0.1em;}
.client__logo-wrapper {position: relative; display: flex; overflow: hidden; height: 60px;}
.client__logo {display: grid; grid-template-columns: repeat(7, 1fr); transition: transform 0.5s ease-in-out;  gap: 0 4rem; justify-content: center; transform: translateY(0);}
.client__logo img {max-width: 100%; max-height: 55px; object-fit: contain;}
.client__logo li {height: 60px; display: flex; justify-content: center; align-items: center;}
.client__nav {margin-left: 2rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.client__btn {cursor: pointer; font-size: 0; width: 20px; height: 20px; background: url('../images/sub/product/client-top.png') no-repeat center / contain;}
.client__btn.client__btn--bottom {background: url('../images/sub/product/client-bottom.png') no-repeat center / contain;}
.client__btn.client__btn--top:hover {animation: hover-top 0.5s ease-in-out infinite;}
.client__btn.client__btn--bottom:hover {animation: hover-bottom 0.5s ease-in-out infinite;}
.client__nav span {margin: 1.8rem 0; display: block; width: 4px; height: 4px; background-color: #a72523;}
@keyframes hover-top {0% { transform: translateY(-3px); } 50% { transform: translateY(0); } 100% { transform: translateY(3px);}}
@keyframes hover-bottom {0% { transform: translateY(3px); } 50% { transform: translateY(0); } 100% { transform: translateY(-3px);}}
.product-tab {margin: 5rem 0 5.5rem;}
.product-tab__list--pc {display: grid; grid-template-columns: repeat(6,1fr); border: 1px solid #e1e1e1; border-radius: 25px; overflow: hidden; position: relative;}
.product-tab__list--pc li {display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; margin-bottom:-1px;  border-bottom: 1px solid #e1e1e1;}
.product-tab__list--pc li:nth-child(-n+5)::before {content:''; display: block; width:1px; height:100%; background-color: #e1e1e1; position: absolute; top:0; z-index: -1;}
.product-tab__list--pc li:nth-child(1)::before {left:16.66%;}
.product-tab__list--pc li:nth-child(2)::before {left:calc(16.66% * 2);}
.product-tab__list--pc li:nth-child(3)::before {left:calc(16.66% * 3);}
.product-tab__list--pc li:nth-child(4)::before {left:calc(16.66% * 4);}
.product-tab__list--pc li:nth-child(5)::before {left:calc(16.66% * 5);}


.product-tab__list--pc li a {width: 100%; height: 100%; padding: 1.5rem; display: flex; align-items: center;}
.product-tab__list--pc li:hover {background-color: #f1f1f1;}
.product-tab__list--pc li p {font-size: 14px; color: #666; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2; width: 100%;}
.product-tab__list--pc li:hover p{color:var(--color-main);}
.product-tab__list--pc li.li-active {background-color: #a72523; border: 1px solid #a72523;}
.product-tab__list--pc li.li-active p {color: #fff;}
.product-tab__list--pc li.li-none {pointer-events: none;}
.product-tab__list--mo {display: none;}
.product-header {display: flex; align-items: center; justify-content: space-between;}
.product-header__total p {font-size: 15px; color: #666; font-weight: 600;}
.product-header__total p span {color: #a72523;}
.product-header__control {display: flex; align-items: center;}
.product-header__control--box {display: flex; align-items: center;}
.product-header__control--box p {font-size: 15px; color: #222; font-weight: 800; letter-spacing: -0.025em; line-height: 1;}
.product-header__control--box+.product-header__control--box {margin-left: 3rem;}
.product-header__select {line-height: 1; margin-left: 1rem; background-color: #fff; border: #dcdcdc 1px solid; border-radius: 5px; height: 40px; padding: 1rem 5rem 1rem 1.5rem; font-size: 14px; color: #666;  font-weight: 500; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('../images/sub/articles/select-box_arrow.png') no-repeat right 10px center; background-size: 12px 7px; }
.product-header__view {display: flex; align-items: center; margin-left: 1.5rem;}
.product-header__view-option {cursor: pointer;  width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid #dcdcdc; border-radius: 5px;}
.product-header__view-option--active {background-color: #3a3c3e; border: 1px solid #3a3c3e;}
.product-header__view-option--active img {filter: invert(1000%) saturate(1000%) brightness(1000%);}
.product-header__view-option+.product-header__view-option {margin-left: 8px;}
.product-header__view-option p {font-size: 0;}
.product-area {margin: 2.5rem 0 4rem; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 3rem 0 6rem;}
.product-list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 0 2rem;}
.product-list ul li { border:1px solid #e1e1e1; border-radius: 2rem; overflow: hidden; letter-spacing: -0.015em; font-weight: 700; margin: 2rem 0; transition: all 0.3s ease-in-out;}
.product-list ul li.nolist {grid-column: 1 / 5;grid-row: 1 / 2; pointer-events: none;}

.product-list ul li a {cursor: pointer; width: 100%; height: 100%;}
.product-list__img {position: relative; height: 38.5rem; padding: 2rem; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.product-list__img img {object-fit: contain; max-width: 100%; max-height: 100%; transition: all 0.5s ease-in-out;}
.product-list__img img.hover {opacity: 0; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.product-list li:hover {border-color:var(--color-main); transform: translateY(-1rem);}
.product-list li:hover .product-list__img { overflow: hidden;}
.product-list li:hover .product-list__img img.normal {opacity: 0;}
.product-list li:hover .product-list__img img.once{transform:scale(1.3);}
.product-list li:hover .product-list__img img.hover { opacity: 1;  transform:translate(-50%, -50%) scale(1.3);}
@keyframes hover-prod-img {0% {transform: scale(1);} 100% { transform: scale(1.3);}}


.product-area .description-tit__category {padding: 1.6rem 2rem; background-color: #f4f4f4;}
.product-area .description-tit__category p {font-size: 15px; line-height: 1.2; color: #222; line-clamp: 1; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.product-area .description-tit__tit {padding: 0.5rem 2.5rem; height: 8.5rem; display: flex; align-items: center; border-bottom: 1px solid #eee;}
.product-area .description-tit__tit p {font-size: 18px; word-break: break-all; color: #222; line-height: 1.2; line-clamp: 2; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.product-list ul li.nolist .description-tit__tit {justify-content: center;}
.product-list ul li.nolist .description-tit__tit p{color:#999;}


.product-area .description-txt {padding: 2.5rem;}
.product-area .description-txt__thumnail {font-size: 15px; color: #1c78a5; line-clamp: 1; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.product-area .description-txt__cms {font-size: 14px; color: #a72523; line-clamp: 1; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.product-list.view-ver__list ul {grid-template-columns: repeat(2, 1fr); gap: 0; padding: 0;}
.product-list.view-ver__list ul li {border: initial; border-radius: 0; padding: 4rem 0; margin: 0; border-bottom: 1px solid #eee; }
.product-list.view-ver__list ul li:nth-child(n) {padding-left: 3rem;}
.product-list.view-ver__list ul li:nth-child(2n-1) {padding-right: 3rem; padding-left: 0;}
.product-list.view-ver__list ul li a {display: flex; flex-wrap: wrap; align-items: center;}
.product-list.view-ver__list ul li a .product-list__img {width: 50%; height: 33rem; border: 1px solid #eee; border-radius: 15px; padding: 5rem;}
.product-list.view-ver__list ul li a .product-list__description {width: 50%; padding-left: 2.5rem;}
.product-list.view-ver__list .description-tit__category {background-color: initial;}
.product-list.view-ver__list .description-tit__tit {border-top: 1px solid #eee; height: initial; padding: 3.5rem 1.8rem;}
.product-list.view-ver__list .description-tit__category, .product-list.view-ver__list .description-txt {padding: 2.5rem 1.8rem;}
.product-list.view-ver__list li:hover .description-tit__tit {border-bottom: 1px solid #0b98af; border-top: 1px solid #0b98af;}
.product-list.view-ver__list ul li:hover a .product-list__img {border: 1px solid #0b98af;}
.product-list.view-ver__list .description-tit__category p, .product-list.view-ver__list .description-txt__thumnail, .product-list.view-ver__list .description-txt__cms {font-size: 16px;}




@media (max-width: 1440px){
	.client__logo {gap: 0 3rem;}
	.product-list.view-ver__list ul li a .product-list__img {padding: 3.5rem;}
}
@media (max-width: 1280px){
	.client__logo {gap: 0 2rem;}
	.product-list ul {grid-template-columns: repeat(3,1fr);}
	.product-list.view-ver__list ul {grid-template-columns: repeat(1,1fr);}
	.product-list.view-ver__list ul li a .product-list__img {width: 33rem;}
	.product-list.view-ver__list ul li a .product-list__description {width: calc(100% - 33rem);}
	.product-list.view-ver__list ul li:nth-child(n), .product-list.view-ver__list ul li:nth-child(2n-1) {padding-right: 0; padding-left: 0;}
	.product-list.view-ver__list ul li a .product-list__img {padding: 4rem;}

}
@media (max-width: 1024px){
	.client {flex-direction: column; align-items: initial;}
	.client__tit {margin-right: 0; text-align: left; margin-bottom: 2rem; display: flex; align-items: center;}
	.client__tit p {margin-top: 0; margin-left: 1.5rem;}
	.client__logo {gap: 0 4rem;}
}
@media (max-width: 960px){
	.client__logo {gap: 0 3rem;}
	.client__nav {margin-left: 3rem;}
	.product-tab__list--pc {display: none;}
	.product-tab__list--mo {display: block; background-color: #a72523; color: #fff; font-weight: 500; border-radius: 8px;}
	.product-tab__select {width: 100%; padding: 1.5rem 2rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('../images/sub/articles/select-box_arrow_.png') no-repeat right 10px center; background-size: 12px 7px; }
	.product-tab__select option {color: #666; font-weight: 500;}
	.product-header {flex-direction: column;}
	.product-header__total p {font-size: 16px;}
	.product-header__control {margin-top: 2rem;}
}
@media (max-width: 768px){
	.client__logo {grid-template-columns: repeat(5,1fr); gap: 0 5%;}
	.client__tit {margin-bottom: 1rem;}
	.product-list ul {grid-template-columns: repeat(2,1fr);}
	.client__btn {width: 20px; height: 20px;}
	.client__nav span {margin: 1.5rem 0;}
	.product-list.view-ver__list ul li a .product-list__img {width: 28rem; height: 28rem;}
	.product-list.view-ver__list ul li a .product-list__description {width: calc(100% - 28rem);}
	.product-list.view-ver__list ul li a .product-list__img {padding: 3.5rem;}

}
@media (max-width: 650px){
	.product-header__select {width: calc(100% - 65px)}
	.product-header__control--box+.product-header__control--box {margin-left: 0; margin: 1rem 0; width: calc(100% - 100px);}
	.product-header__control--box+.product-header__control--box .product-header__select {width: calc(100% - 10rem);}
	.product-header__control--box p {width: 65px;}
	.product-header__view {margin-left: 1rem;}
	.product-header__control {flex-wrap: wrap;}
	.product-header__control--box {width: 100%;}
	.product-list.view-ver__list .description-tit__tit {padding: 2.5rem 1.3rem;}
	.product-list.view-ver__list .description-tit__category, .product-list.view-ver__list .description-txt {padding: 1.5rem 1.3rem;}
}
@media (max-width: 576px){
	.product-list li:hover .product-list__img {padding: 4rem;}
	.client__logo {grid-template-columns: repeat(3,1fr); gap: 0 4%;}
	.product-list ul {grid-template-columns: repeat(1,1fr);}
	.cont-product .description-tit__tit {height: initial; padding: 2rem 1.8rem;}
	.product-area .description-tit__category p {text-align: center;}
	.product-area .description-txt {text-align: center;}
	.product-list.view-ver__list ul li {padding: 5rem 0;}
	.product-list.view-ver__list li .description-tit__tit {border: none; padding: 0;}
	.product-list.view-ver__list li:hover .description-tit__tit {border-bottom: initial; border-top: initial;}
	.product-list.view-ver__list ul li a .product-list__img {width: 100%; height: 30rem; border: none;}
	.product-list.view-ver__list ul li a .product-list__description, .product-area .description-tit__tit p {width: 100%; text-align: center;}
	.product-list.view-ver__list .description-tit__category p, .product-list.view-ver__list .description-txt__thumnail,
	.product-list.view-ver__list .description-txt__cms, .product-area .description-tit__tit p {line-height: 1.2; line-clamp: initial; -webkit-line-clamp: initial; display: initial; -webkit-box-orient: initial; overflow: initial;}
	.product-list.view-ver__list .description-txt {padding-bottom: 0; display: flex; flex-direction: column; justify-content: center;}
	.product-list.view-ver__list ul li:hover a .product-list__img {border: initial; padding-top: 0;}
	.product-list.view-ver__list .description-tit__category p {color: #666;}
}
@media (max-width: 480px){
	.product-header__select {width: calc(100% - 70px)}
	.product-header__control--box p {width: 70px;}
	.client__logo {gap: 0 3rem;}
}




/* 제품 VIEW 페이지 */
.product-view {margin-bottom: 12rem;}
.product-view__tit-wrap {border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.product-view__tit-box {margin-bottom: 1rem; padding-top: 4rem;}
.product-view__tit-box h5 {font-size: 3rem; line-height: 1.2; font-weight: 700; color: #222; line-clamp: 3; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.product-view__item-box {display: flex; align-items: center;}
.product-view__img-main {width: 55rem; height: 55rem; padding: 5rem; display: flex; justify-content: center; align-items: center;}
.product-view__img-main img {max-width: 100%; max-height: 100%; min-width: 20rem; min-height: 20rem; object-fit: contain;}
.product-view__txt-main {width: calc(100% - 55rem); padding-left: 5rem;}
.product-view__description {padding: 0 2rem;}
.product-view__description-thumbnail {font-size: 20px; color: #1c78a5; font-weight: 800; line-height: 1.2;}
.product-view__description-model {font-size: 20px; color: #a72523; font-weight: 800; line-height: 1.2; margin-top: 1rem;}
.product-view__meta {background-color: #f4f4f4; border-radius: 10px; padding: 2.5rem 3rem; margin: 4.5rem 0 2rem;}
.product-view__meta p {font-size: 16px; color: #222; font-weight: 600; line-height: 1.2;}
.product-view__meta-category {margin-top: 10px;display: flex;align-items: baseline;}
.product-view__meta-label {color: #666; line-height: 1; padding-right: 14px; margin-right: 10px; position: relative;}
.product-view__meta-label::before {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 12px; background-color: #bfbfbf;}
.product-view__img-ul {margin-bottom: 7rem; display: grid; grid-template-columns: repeat(6,1fr); gap: 8px;}
.product-view__img-ul>li {cursor: pointer; background-color: #fff; padding: 2rem; height: 12rem; display: flex; justify-content: center; align-content: center; border: 1px solid #eee; border-radius: 8px;}
.product-view__img-ul>li:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.12); transition: all 0.3s ease;}
.product-view__img-ul>li img {width: 100%; height: 100%; object-fit: contain;}
.product-view__img-ul>li.view-active {border: 1px solid #a72523;}
.product-view__detail-ul {margin: 6rem 2.5rem 9rem;}
.product-view__detail-ul>li {list-style-type: disc; font-size: 15px; color: #666; line-height: 1.2; font-weight: 600;}
.product-view__detail-ul>li::marker {color: #000;}
.product-view__detail-ul>li+li {margin-top: 1.5rem;}
.product-video__area {background-color: #f4f4f4; padding: 8rem 0;}
.product-video__wrap {width: 100rem; height: 55rem; margin: auto;}
.product-option__area {margin: 7.5rem var(--inner-padding) 10rem;}
.product-option__tit p, .related-products__tit p {font-size: 2.5rem; color: #222; letter-spacing: -0.025em; font-weight: 700;}
.product-option__inner-box {margin-top: 4rem;}
.product-option__inner-tit {padding: 2.5rem 3rem; background-color: #f4f4f4; border: 1px solid #e5e5e5; border-bottom: none; border-radius: 15px 15px 0 0;}
.product-option__inner-tit p {font-size: 16px; font-weight: 800; color: #222; line-height: 1;}
.product-option__ul {display: grid; overflow: hidden; grid-template-columns: repeat(2, 1fr); border: 1px solid #e5e5e5; border-radius: 0 0 15px 15px;}
.product-option__ul>li a {display: flex; align-items: center; width: 100%; height: 100%;}
.product-option__ul>li+li {border-top: 1px solid #e5e5e5;}
.product-option__ul>li:nth-child(2n-1) {border-right: 1px solid #e5e5e5;}
.product-option__ul>li:nth-child(1), .product-option__ul>li:nth-child(2) {border-top: 1px solid #000;}
.product-option__txt {width: calc(100% - 60px); height: 60px; padding: 1rem 3rem; display: flex; align-items: center;}
.product-option__txt p { font-size: 16px; color: #666; font-weight: 600; line-height: 1.1; word-break: break-all; line-clamp: 2; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.product-option__btn {width: 60px; height: 60px; background-color: #fff; display: flex; justify-content: center; align-items: center;}
.product-option__btn p {transition: transform 0.8s ease-in-out; font-size: 0; margin: auto; width: 16px; height: 16px; background: url('../images/sub/product/view/pro-view-plus.png') no-repeat center / contain;}
.product-option__ul>li:hover .product-option__btn {background-color: #000;}
.product-option__ul>li:hover .product-option__btn p {transform: rotate(360deg); background: url('../images/sub/product/view/pro-view-plus_.png') no-repeat center / contain;}
.product-option__ul>li:hover .product-option__txt p {color: #000;}

.product-down__inner-box {margin-top: 8rem;}
.product-option__tit + .product-down__inner-box {margin-top: 4rem;}
.product-down__inner-box ul {display: grid; grid-template-columns: repeat(2,1fr); gap: 12px;}
.product-down__inner-box ul>li {position: relative; cursor: pointer; display: flex; align-items: center; background-color: #f4f4f4; border-radius: 10px; padding: 1.5rem 9rem 1.5rem 1.5rem; border: 2px solid #f4f4f4; }
.product-down__inner-box ul>li::before {content: ''; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); background: url('../images/sub/product/view/pro-view-down.png') no-repeat center / contain; width: 19px; height: 16px;}
.product-down__inner-box ul>li p {padding-left: 35px; line-clamp: 2; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; position: relative; word-break: break-all; color: #222; font-size: 16px; font-weight: 600;}
.product-down__inner-box ul>li p::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/product/view/pro-view-pdf.png') no-repeat center / contain; width: 20px; height: 27px; }
.product-down__inner-box ul>li:hover {border: 2px solid #a72523; background-color: #fff;}
.product-down__inner-box ul>li:hover p {color: #a72523;}
.product-down__inner-box ul>li:hover::before {background: url('../images/sub/product/view/pro-view-down_.png') no-repeat center / contain;}


.product-tabs__area {margin: 12rem var(--inner-padding) 10rem;}
.product-view__area + .product-tabs__area {margin-top:5rem;}
.product-tabs__nav {display: flex; background-color: #a72523; border-top: 1px solid #a72523;}
.product-tabs__nav>li {position: relative; padding: 1.5rem 3rem; cursor: pointer;}
.product-tabs__nav>li p { font-size: 18px; font-weight: 600; color: #fff; line-height: 1; text-align: center;}
.product-tabs__nav>li::before {content: ''; position: absolute; left: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background-color: rgb(255, 255, 255, 0.3); display: block;}
.product-tabs__nav>li.nav--active {background-color: #fff;}
.product-tabs__nav>li.nav--active p {color: #a72523;}
.product-tabs__content {padding-top: 5rem;}
.view-item__inner-txt p {font-size: 16px; color: #666; font-weight: 600; }
.view-item__inner-txt p+p {margin-top: 4rem;}
.view-item__inner-table thead tr {background-color: #ececec; border-bottom: 1px solid #a72523;}
.view-item__inner-table tr th {position: relative; font-size: 18px; color: #222; font-weight: 700; line-height: 1; padding: 2rem; text-align: center;}
.view-item__inner-table tr th {width: 35%;}
.view-item__inner-table tr th+th {width: 65%;}
.view-item__inner-table tr th+th::before {content: ''; position: absolute; left: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background-color: #a72523; display: block;}
.view-item__inner-table tr td {padding: 1.5rem 3.5rem; font-size: 16px; columns: #222; font-weight: 600; line-height: 1.5; border-bottom: 1px solid #e5e5e5;}
.view-item__inner-table tr td+td {border-left: 1px solid #e5e5e5;}
.view-item__inner-pdf ul li+li {margin-top: 2rem;}
.view-item__inner-pdf ul li a {padding-left: 3.5rem; position: relative; }
.view-item__inner-pdf ul li a::before {content: ''; position: absolute; left: 0; top: 0; background: url('../images/sub/product/view/pro-view-pdf.png') no-repeat center / contain; width: 20px; height: 27px;}
.view-item__inner-pdf ul li a p {word-break: break-all; padding: 0 0.2rem; display: inline; font-size: 16px; color: #666; font-weight: 600; border-bottom: 1px solid #949494;}
.view-item__inner-pdf ul li:hover a p {border-bottom: 1px solid #a72523; color: #a72523;}
.view-item__inquiry {display: flex; justify-content: center; align-items: center; margin: 1.5rem 0;}
.view-item__inquiry .ico {margin-right: 10rem;}
.view-item__inquiry .txt>p {font-size: 16px; color: #666; font-weight: 700; line-height: 1.2;}
.view-item__inquiry .txt>p+p {font-size: 20px; color: #181818; font-weight: 700; line-height: 1.2; margin-top: 5px;}
.view-item__inquiry .txt .inquiry-btn {margin-top: 20px; cursor: pointer; background-color: #171717; width: 23rem; height: 6rem; padding: 0 15px 0 30px; border-radius: 9999px; display: flex; justify-content: space-between; align-items: center;}
.view-item__inquiry .txt .inquiry-btn:hover {background-color: #a72523;}
.view-item__inquiry .txt .inquiry-btn p {font-size: 20px; color: #fff; font-weight: 600; list-style: 1;}
.view-item__inquiry .txt .inner-circle {font-size: 0; position: relative; width: 3.3rem; height: 3.3rem; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center;}
.view-item__inquiry .txt .inner-circle::before {content: ''; position: absolute; left: calc(50% + 2px); top: 50%; transform: translate(-50%, -50%); background: url('../images/sub/product/view/pro-view-inquiry_arrow.png') no-repeat center / contain; width: 9px; height: 15px;}
.view-item__inquiry:hover .txt .inner-circle::before {background: url('../images/sub/product/view/pro-view-inquiry_arrow_.png') no-repeat center / contain;}
.related-products__area {border-top: 2px solid #000; padding-top: 7rem;}
.related-products__area .product-area {border-top: none; margin-top: 3rem; padding-top: 0; border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.related-products__nav {display: flex; align-items: center; justify-content: center;}
.related-products__prev, .related-products__next {cursor: pointer; padding: 1rem;}
.related-products__prev p {background: url('../images/sub/product/view/pro-view-other_prev.png') no-repeat center / contain;}
.related-products__next p {background: url('../images/sub/product/view/pro-view-other_next.png') no-repeat center / contain;}
.related-products__prev p,
.related-products__next p {font-size: 0; width: 18px; height: 30px;}
.related-products__prev:hover {animation: hover-prev 0.5s ease-in-out infinite;}
.related-products__next:hover {animation: hover-next 0.5s ease-in-out infinite;}
@keyframes hover-prev {0% {transform: translateX(0); } 50% { transform: translateX(-5px); } 100% { transform: translateX(0);}}
@keyframes hover-next {0% {transform: translateX(0); } 50% { transform: translateX(5px); } 100% { transform: translateX(0);}}
.related-products__scroll {margin: 0 3rem;}
.related-products__scroll-handle {background-color: #000; display: block; width: 30px; height: 30px;}
.related-products__nav {margin-top: 6rem;}
.product-list {overflow: hidden; width: 100%;}
.product-view .product-list ul {display: flex; gap: 10px; transition: transform 0.3s ease-in-out;}
.product-view .product-list ul li {flex: 0 0 calc(25% - 10px);}
.related-products__scroll {position: relative; width: 100px; height: 1px; background: #c7c7c7; cursor: pointer; min-width: 35rem;}
.related-products__scroll-handle {position: absolute; width: 35px; height: 3px; top: 50%;  transform: translateY(-50%); background: #000; cursor: grab;}
.related-products__scroll-handle:active {cursor: grabbing;}
.product-tabs__nav-mo {display: none;}

@media (max-width: 1280px){
	.product-view__txt-main {width: 100%; padding-left: 0; display: flex; flex-direction: column;}
	.product-view__img-main {width: 100%; height: initial;}
	.product-view__item-box {flex-direction: column;}
	.product-view__info {order:2;}
	.product-view__description {padding: 1rem;}
	.product-view__img-ul {grid-template-columns: repeat(8, 1fr); order:1; margin-bottom:3rem; margin-top:2rem; padding-top:3rem; border-top:1px solid #e1e1e1;}
	.product-view__meta {margin: 3rem 0 4rem;}
	.product-view__tit-box {margin-bottom: 0; text-align: center;}
	.product-view__img-main img {min-width: 25rem; min-height: 25rem; max-height: 50rem; max-width: 50rem;}
	.product-view__description {text-align: center;}
	.product-view__description-thumbnail, .product-view__description-model {font-size: 18px;}
	.product-view__tit-box h5 {line-clamp: initial; -webkit-line-clamp: initial; display: initial; -webkit-box-orient: initial; overflow: initial;}
}
@media (max-width: 1024px){
	.product-view .product-list ul li {flex: 0 0 calc(33.3% - 10px);}
	.product-view__img-ul>li {height: 11rem;}
	.product-view__tit-box h5 {font-size: 24px;}
	.product-video__wrap {width: 80rem; height: 45rem;}
	.product-option__ul, .product-down__inner-box ul {grid-template-columns: repeat(1,1fr);}
	.product-option__ul>li:nth-child(2) {border-top: 1px solid #e5e5e5;}
	.product-down__inner-box ul>li::before {right: 18px;}
	.product-down__inner-box ul>li {padding: 1.5rem 7.5rem 1.5rem 1.5rem;}
}
@media (max-width: 960px){
	.product-view__img-ul>li {height: 10rem;}
	.view-item__inquiry .ico {margin-right: 5rem;}
	.product-tabs__nav>li p {font-size: 16px;}
	.product-video__wrap {width: 60rem; height: 35rem;}
}
@media (max-width: 768px){
	.product-view__img-ul>li {height: 8.5rem;}
}
@media (max-width: 650px){
	.product-view .product-list ul li {flex: 0 0 calc(50% - 10px);}
	.product-view__img-ul {grid-template-columns: repeat(6, 1fr);}
	.product-view__img-ul>li {height: 10rem;}
	.view-item__inner-pdf ul li a {padding-left: 30px;}
	.product-view__img-main img {min-width: 25rem; min-height: 25rem; max-height: 40rem; max-width: 40rem;}
}
@media (max-width: 576px){
	.product-tabs__nav {display: none;}
	.product-tabs__nav-mo {display: block; background-color: #a72523; border-radius: 5px;}
	.product-tabs__nav-mo select {color: #fff; padding: 1.5rem 2rem; font-weight: 600; width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('../images/sub/articles/select-box_arrow_.png') no-repeat right 10px center; background-size: 12px 7px; }
	.product-tabs__nav-mo select option {color: #666;}
	.product-tabs__content {padding-top: 3rem;}
	.product-tabs__area {margin: 12rem var(--inner-padding) 5rem;}
	.related-products__area {margin-top: 10rem;}
	.view-item__inner-table {width: 100%; overflow-x: auto;}
	.view-item__inner-table table {width: 535px;}
	.product-view__img-ul>li {height: 9rem;}
	.view-item__inquiry .txt>p+p, .view-item__inquiry .txt .inquiry-btn p {font-size: 18px;}
	.view-item__inner-table tr th {font-size: 16px;}
	.view-item__inner-table tr td, .view-item__inquiry .txt>p {font-size: 15px;}
	.product-video__wrap {width: 40rem; height: 25rem;}
	.view-item__inquiry {flex-direction: column; text-align: center;}
	.view-item__inquiry .txt .inquiry-btn {margin: 3rem auto 0;}
	.view-item__inquiry .ico {margin-right: 0; margin-bottom: 3rem; margin-top: 2rem; width: 90px;}
	.product-view__detail-ul>li {word-break: break-all;}
}
@media (max-width: 480px){
	.product-view .product-list ul li {flex: 0 0 calc(100% - 10px);}
	.related-products__scroll {width: 50rem; margin: 0 1.5rem; min-width: 30rem;}
	.product-view__tit-box h5 {font-size: 22px;}
	.product-view__img-ul>li {height: 10rem; padding: 1.5rem;}
	.product-view__img-ul {grid-template-columns: repeat(5,1fr);}
	.product-view__img-main img {min-width: 20rem; min-height: 20rem;}
	.product-option__tit p, .related-products__tit p {font-size: 18px;}
}
@media (max-width: 350px){
	.product-view__img-ul>li {height: 8rem;}
	.product-area .description-tit__tit p {font-size: 18px;}
	.product-area .description-tit__category p {font-size: 14px;}
}












/* ===================================================== */
/* 페이지네이션 */
.board-bottom { font-size: max(1rem, 8px); display: flex; justify-content: center; align-items: center; gap: 1.5em; padding-top: 7rem; text-align: center; color: #888;}
.board-bottom a { display: flex; justify-content: center; align-items: center; position: relative; width: 4em; height: 4em;}
/* 이전 페이지, 다음 페이지 */
.board-page-btn {display: flex; }
.board-page-btn a::before { width: 40%; height: 40%; background-color: #ccc; mask: url(../images/board/page_next.svg) no-repeat center/contain; -webkit-mask: url(../images/board/page_next.svg) no-repeat center/contain; content: ''; transition: .2s;}
.board-page-btn a:where(.prev_end, .next_end)::before {mask-image: url(../images/board/page_end.svg); -webkit-mask-image: url(../images/board/page_end.svg); }
.board-page-btn:first-child a {transform: scaleX(-1);}
.board-page-btn a:hover::before {background-color: var(--board-color); transform: translateX(15%);}
/* 번호 페이지  */
.board-pagelist {flex-wrap: wrap; display: flex; justify-content: center; gap: 1em; letter-spacing: normal; white-space: nowrap;}
.board-pagelist a {border-radius: 0.5em;}
.board-pagelist a span {font-size: calc(1em + 7px);}
.board-pagelist a:hover { background-color: #f5f5f5; }
.board-pagelist li.on a { background-color: var(--board-color); color: #fff;}

@media (max-width: 640px) {
	.board-bottom {font-size: 1.7vw;}
	.board-pagelist { max-width: 24em; font-weight: 500; }
}
@media (max-width: 480px) {
	.board-bottom {font-size: max(2vw, 6.5px);}
}
/* 페이지네이션 */
/* ===================================================== */


/* ===================================================== */
/* 하단 버튼 */
.newBoard__btn { padding-top: 6rem; font-size: calc(5px + 1.5rem); text-align:center;}
.newBoard__btn:not(:has(.btn)) {display: none;}
.newBoard__btn .newBoard__btn-wrap {display: flex; justify-content: center;}
.newBoard__btn .btn_w {display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem;}
.newBoard__btn .btn { display: flex; justify-content: center; align-items: center; min-width: 18rem; padding: 1.8rem 2rem; border-radius: 0.35em; font-weight: 500; transition: .3s ease-in-out; line-height: 1;}
.newBoard__btn .btn:where(.type1) { background-color:#222; color:#fff; border:1px solid transparent; --board-color:#222; }
.newBoard__btn .btn:where(.type2) { background-color:#ddd; color:#222; border:1px solid transparent; --board-color:#ddd; }
.newBoard__btn .btn:where(.type3) { border: 1px solid #222; background-color:#fff; color: #222; }
.newBoard__btn .btn:where(.type4) { border: 1px solid #ddd; }
.newBoard__btn .btn:hover { background-color:#fff; color:var(--board-color); border-color: var(--board-color); }

@media (max-width: 768px) {
	.newBoard__btn .btn_w { gap: 2vw;}
	.newBoard__btn .btn { min-width: 15rem; }
}
@media (max-width: 640px) {
	.newBoard__btn .btn { width: 40%; }
}
@media (max-width: 480px) {
	.newBoard__btn .btn { flex-grow: 1;}
}
/* 하단 버튼 */
/* ===================================================== */






/* 25.02.06 수정 */
.product-list__description .description-txt+.description-txt {display: none;}
.product-list ul li:hover .product-list__description .description-txt {display: none;}
.product-list ul li:hover .product-list__description .description-txt.once,
.product-list ul li:hover .product-list__description .description-txt+.description-txt {display: block;}



/* 25.02.07 제품상세 옵션 팝업 추가*/
.product-option__pop {position: fixed; z-index: 1000; inset: 0; height:100vh; width:100vw; display: none; }
.product-option__pop-wrap {position: fixed; top: 50%; left: 50%; z-index: 301; transform: translate(-50%, -50%);width:100%; max-width: 140rem; border-radius: 1rem; background-color: #fff; max-height:calc(100vh - 4rem); min-height: 320px; overflow: hidden;}
.product-option__pop-header {display: flex; height:8rem; align-items: center; justify-content: space-between; gap:1rem; padding:1rem 3rem; background-color: #3a3c3e;}
.product-option__pop-header .title {color:#fff; font-size: 2.5rem; font-weight: 600; letter-spacing: -0.025em;}
.product-option__pop-header .close {position: relative; display: block; width:3.6rem; height:3.6rem; font-size:0; overflow: hidden; transition: all 0.3s ease-in-out;}
.product-option__pop-header .close::before,
.product-option__pop-header .close::after {content:''; display: block; width:100%; height:0.3rem; border-radius: 4px; background-color: #fff; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%) rotate(45deg);}
.product-option__pop-header .close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.product-option__pop-header .close:hover {transform: rotate(180deg);}

.product-option__pop-contents {overflow:auto; padding:4rem; overscroll-behavior: contain;}
.product-option__pop-contents::-webkit-scrollbar {width: calc(1rem - 3px); background-color: #eee;}
.product-option__pop-contents::-webkit-scrollbar-thumb { min-height: 30%; background-color: var(--color-main);}

.pop-dim { opacity: 1; position: fixed; inset: 0; z-index: 300; background-color: var(--color-black-a6); transition: opacity .3s;}

@media (max-width: 1440px) {
	.product-option__pop-wrap {width: calc(100% - var(--inner-padding)); max-height:calc(100vh - var(--inner-padding));}
}




.sub-visual.nth-5 + .sub-content .join-popup-layer::after {content:''; display: block; width:200vw; height:200vh; position: fixed; background-color:var(--color-black-a4); z-index: -1; top:50%; left:50%; transform: translate(-50%, -50%);}
.sub-visual.nth-5 + .sub-content .search-kwd input[type="text"] {background-color: #fff;}

.cate__select-wrap {display: flex;align-items: center; flex-wrap: wrap; gap:1rem;}
@media (max-width: 1024px) {
	.cate__select-wrap .base__form-item.type1 {min-width:auto;}
	.sub-visual.nth-5 + .sub-content .join-popup-layer {width: calc(100% - var(--inner-padding) * 2) !important;}
}

@media (max-width: 768px) {
	.cate__select-wrap .base__form-item.type1 {width:100%;}
	.sub-visual.nth-5 + .sub-content .search-box {padding:1rem; margin-bottom:2rem;}
}

@media (max-width: 480px) {
	.sub-visual.nth-5 + .sub-content .search-kwd {margin:0; gap:1rem; flex-wrap: wrap;}
	.sub-visual.nth-5 + .sub-content .search-kwd input[type="text"] {width:100%;}
	.sub-visual.nth-5 + .sub-content .search-kwd .search-btn {width:100%; margin:0; font-size:1.8rem; height:auto;}
	.sub-visual.nth-5 + .sub-content .list-box .list-btn-wrap {display: flex; align-items: center; gap:1rem; justify-content: center;}
	.sub-visual.nth-5 + .sub-content .list-box .list-btn-wrap .list-btn {height:4rem; margin:0; padding:0; min-width:11rem; font-size:2rem; display: flex; align-items: center; justify-content: center; }
}

/* 25.02.21. Inquiry 옵션버튼 추가 */
.list-btn-wrap.op-btn .list-btn {display: inline-block; cursor: pointer; padding: 1rem 3rem 1rem 2rem; min-width: 150px; font-size: 1.8rem; font-weight: 400; color: #222; text-align: center; border-radius: 10px; vertical-align: baseline; position: relative; transition: all 0.3s ease-in-out;}
.list-btn-wrap.op-btn .btn01 {
	border: 1px solid #e3e3e3;
	background: #fff;
}
.list-btn-wrap.op-btn .list-btn::before,
.list-btn-wrap.op-btn .list-btn::after {content:''; display: block; width:1.2rem; height:2px; background-color: #000; position: absolute; top:50%; right:0.5rem; transition: all 0.5s ease-in-out;}
.list-btn-wrap.op-btn .list-btn::before {transform: translate(-50%, -50%);}
.list-btn-wrap.op-btn .list-btn::after {transform: translate(-50%, -50%) rotate(90deg);}

.list-btn-wrap.op-btn .list-btn:hover {background-color: var(--color-main); color:#fff; border-color: var(--color-main);}
.list-btn-wrap.op-btn .list-btn:hover::before,
.list-btn-wrap.op-btn .list-btn:hover::after {background-color: #fff;}
.list-btn-wrap.op-btn .list-btn:hover::before {transform: translate(-50%, -50%) rotate(360deg);}
.list-btn-wrap.op-btn .list-btn:hover::after {transform: translate(-50%, -50%) rotate(450deg);}


.list-btn-wrap.op-list {min-height:auto; display: flex; align-items: center; flex-wrap: wrap; gap:0 1rem;}

.list-btn-wrap.op-list .list-btn {display: inline-block; cursor: pointer; padding: 0.5rem 1.5rem 0.5rem 1rem; margin-top:1rem; min-width: auto; font-size: 1.6rem;
	color: #222; text-align: center; border-radius: 2rem; border-color:#e3e3e3 ;
	vertical-align: baseline;}

.list-btn-wrap.op-list .list-btn:hover {background-color:var(--color-main); color:#fff; transition: all 0.3s ease-in-out;}
.list-btn-wrap.op-list .list-btn span {display: inline-block; transition: all 0.3s ease-in-out; position: relative; width:2rem; height:2rem; font-size:0 !important; vertical-align: middle;}
.list-btn-wrap.op-list .list-btn span::before,
.list-btn-wrap.op-list .list-btn span::after {content: ''; display: block; width: 1rem; height:2px; background-color:#ff0000; position: absolute; top:50%; left:50%; margin-right:5px;}
.list-btn-wrap.op-list .list-btn span::before {transform: translate(-50%, -50%) rotate(45deg);}
.list-btn-wrap.op-list .list-btn span::after {transform: translate(-50%, -50%) rotate(-45deg);}

.list-btn-wrap.op-list .list-btn:hover {border-color:var(--color-main)}
.list-btn-wrap.op-list .list-btn:hover span {transform: rotate(360deg);}
.list-btn-wrap.op-list .list-btn:hover span::before,
.list-btn-wrap.op-list .list-btn:hover span::after {background-color: #fff;}


/*25.02.25 제품상세 썸네일 이미지 수정*/
.product-view__img-main {position: relative; overflow: hidden;}
.product-view__img-main img {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width: calc(100% - 10rem); max-height:calc(100% - 10rem);}
@media (max-width: 1280px) {
	.product-view__img-main {margin-top:1rem;}
	.product-view__img-main img {max-width: 100%; max-height:100%;}
}