/*===========================================================================
	메인 - index.html
============================================================================*/


/* 상품목록 - product categories */
.product-wrap {background:#f3f3f3; padding:40px 0 ;}
.product-wrap .col-group {align-items: flex-start;}
.product-wrap .mobile h2 {cursor: pointer;}
.product-wrap .mobile .list-group {display: none;}
.product-wrap h2.col-group {align-items: center;}
.product-wrap h2 img {width: 20px; margin-left:10px;}
.product-wrap .product-list {width:30%; margin-right:40px;}
.product-wrap .product-list .list-group {width: 100%;}
.product-wrap .product-list .list-group li {padding:6px 0 6px 20px;}
.product-wrap .product-list .list-group li:nth-child(1) {border-left:3px solid #e31c79;}
.product-wrap .product-list .list-group li:nth-child(2) {border-left:3px solid #ff6900;}
.product-wrap .product-list .list-group li:nth-child(3) {border-left:3px solid #ffd100;}
.product-wrap .product-list .list-group li:nth-child(4) {border-left:3px solid #2dccd3;}
.product-wrap .product-list .list-group li:nth-child(5) {border-left:3px solid #ff6900;}
.product-wrap .product-list .list-group li:nth-child(6) {border-left:3px solid #a2aaad;}
.product-wrap .product-list .list-group li:nth-child(7) {border-left:3px solid #db1723;}
.product-wrap .product-list .list-group li:nth-child(8) {border-left:3px solid #f9423a;}
.product-wrap .product-list .list-group li:nth-child(9) {border-left:3px solid #ff6900;}
.product-wrap .product-list .list-group li a {font-size:15px;}
.product-wrap .product-list .overview-btn {width: 100%; margin-top: 30px; text-align: center; padding:10px; color:#fff;}
.product-wrap .product-slide {width:70%;} 
.product-wrap .product-slide .swiper-slide {padding:10px; background:#fff; margin-bottom: 36px; box-shadow:0 0 5px 0 rgb(125 125 125 / 50%);}  
.product-wrap .product-slide .swiper-slide .img-box {height:120px;}
.product-wrap .product-slide .swiper-slide .img-box img {height:100%;}
.product-wrap .product-slide .txt-box {margin-top: 20px;}
.product-wrap .product-slide .txt-box .tit {margin-bottom: 30px;}
.product-wrap .product-slide .txt-box .description {-webkit-line-clamp:4;}
.product-wrap .product-slide .txt-box .hyper-btn {text-align: right; margin-top:30px;}
.product-wrap .product-slide .txt-box .hyper-btn button {background:#5b86a3; color:#fff; padding:0 12px; line-height: 36px; font-size:16px; font-weight: bold;}

/* 서비스 */
.service-wrap .service-group {flex-wrap:wrap;}
.service-wrap .service-group li {width: 50%;}

/* 최신 글 */
.article-wrap .post-group li {width: calc(25% - 8px); margin-right:10px;}
.article-wrap .post-group li:last-child {margin-right:0px;}
.article-wrap .post-group li a {display: block; padding:20px; border:1px solid #e3e3e3;}
.article-wrap .post-group li a .img-box {height:170px;}
.article-wrap .post-group li a .img-box img {height: 100%; object-fit: contain;}
.article-wrap .post-group li a .txt-box {margin-top: 20px;} 

/*===========================================================================
	Ardex
============================================================================*/
/* about us */
.contact_us_wrap .top-info {margin-bottom: 40px; padding:20px; background:#f3f3f3;}
.contact_us_wrap .top-info h3 {font-size:24px; margin-bottom:14px; font-weight: bold;}
.contact_us_wrap .top-info a {display: inline-block;}
.common-txt-group h3 {font-size:24px; margin-bottom:20px; font-weight: bold;}
.common-txt-group .common-txt-list {border-bottom:#999 dotted 1px; padding:14px 0;}
.common-txt-group .common-txt-list strong {width: 140px; text-align: center; font-size:20px; color:#cc7a03;}
.common-txt-group .common-txt-list p {font-size:18px;}
.about_us_wrap .video-box {margin-top: 40px;}
.about_us_wrap .video-box iframe{margin: 0 auto;}

/* subscribe */
.subscribe_wrap .top-description { padding:20px; background:#f3f3f3;}
/*===========================================================================
	Products
============================================================================*/
/* overview (products list) */
.overview-wrap .category-group li .category-list {position:relative; padding:22px 0; border-bottom:1px solid #eee; font-size:24px; font-weight: 600;}
.overview-wrap .category-group li:last-child .category-list img {object-fit: fill;}
.overview-wrap .category-group li .category-list img.product-img {width: 140px; margin-left:10px; height: 93px; cursor: pointer; margin-right: 30px; object-fit: cover;}
.overview-wrap .category-group li .category-list .txt-box {cursor: pointer;}
.overview-wrap .category-group li .category-list p img.arrow {margin-left:10px; margin-top: -2px; vertical-align: middle; width: 12px; height: 22px; cursor: pointer;}
.overview-wrap .category-group li .category-list > a {font-size:17px; margin-left: auto; white-space: nowrap; padding:10px 12px; background:#5b86a3; color:#fff; text-align: center; box-shadow: 0 2px 4px 0 rgb(155 155 155 / 50%);}
.overview-wrap .category-group li .sub-category {display:none; padding:24px 0;}
.overview-wrap .category-group li .sub-category.show {display:flex; }
.overview-wrap .category-group li .sub-category a {position:relative; padding:12px; border:1px solid #eee; border-top:0; box-shadow: 0 0 5px 0 rgb(125 125 125 / 50%);}
.overview-wrap .category-group li .sub-category a .img-box {height: 160px; margin-bottom: 34px; text-align: center;}
.overview-wrap .category-group li .sub-category a .img-box img {width:auto; height: 100%; max-width:100%;}
.overview-wrap .category-group li .sub-category a .txt-box {text-align: left;}
.overview-wrap .category-group li .sub-category a .txt-box h3.tit {font-size: 18px;}
.overview-wrap .gray-group .txt-box h3 {position:relative; font-size:18px; overflow:inherit; margin-bottom: 12px;}
.overview-wrap .gray-group .txt-box h3:before {content:''; position:absolute; top:50%; transform: translateY(-50%); left:-30px; width: 24px; height: 3px; background-color: #1f1f1f;}
.overview-wrap .category-group li .sub-category a .txt-box p {}
.overview-wrap .category-group li .sub-category a .hyper-btn {text-align: right; margin-top:30px;}
.overview-wrap .category-group li .sub-category a .hyper-btn button {background:#5b86a3; color:#fff; padding:0 12px; line-height: 36px; font-size:16px; font-weight: bold;}
.overview-wrap .category-group li .sub-category .swiper-button-next {padding:30px 6px; background-color:rgba(255,255,255,.75); box-shadow: 0 0 5px 0 rgb(125 125 125 / 50%); background-size: 10px 44px;}
.overview-wrap .category-group li .sub-category .swiper-button-prev {padding:30px 6px; background-color:rgba(255,255,255,.75); box-shadow: 0 0 5px 0 rgb(125 125 125 / 50%); background-size: 10px 44px;}
.overview-wrap .category-group li .sub-category .swiper-btn-group {z-index:100; position:absolute; top:50%; transform: translateY(-50%); justify-content: space-between; width: 100%;}
.overview-wrap .category-group li .sub-category .swiper-btn-group .swiper-button-next {position:inherit;}
.overview-wrap .category-group li .sub-category .swiper-btn-group .swiper-button-prev {position:inherit;}

/* product */
.products-wrap .category-group {flex-wrap:wrap;}
.products-wrap .category-group li {width: calc(25% - 26px); margin-bottom: 40px; margin-right:30px; box-shadow: 0 0 5px 0 rgb(125 125 125 / 50%);}
.products-wrap .category-group li:nth-child(4n) {margin-right: 0;}
.products-wrap .category-group li a {padding: 12px;}
.products-wrap .category-group li a .img-box {height: 160px; text-align: center; margin:20px 0 30px}
.products-wrap .category-group li a .img-box img {width:auto; max-width: 100%; height: 100%;}
.products-wrap .category-group li a .hyper-btn {text-align: right; margin-top:30px;}
.products-wrap .category-group li a .hyper-btn button {background:#5b86a3; color:#fff; padding:0 12px; line-height: 36px; font-size:16px; font-weight: bold;}
.others-products-wrap .top-group .left.banner-box img {object-fit: contain;}

/* product detail */
.products-detail-wrap iframe {width:100%;}
.products-detail-wrap .top-group {justify-content: space-between;}
.products-detail-wrap .top-group li.img-video-box {width: 33.3%;}
.products-detail-wrap .top-group li.img-video-box li {max-width:189px; height: 80px !important; padding:6px; box-shadow: 0 0 5px 0 rgb(125 125 125 / 50%); margin-bottom: 20px; cursor:pointer;}
.products-detail-wrap .top-group li.img-video-box li img {height: 100%; object-fit: contain;}
.products-detail-wrap .top-group li.main-box {height: 300px;}
.products-detail-wrap .top-group li.main-box img {width: auto; height: 100%; margin:0 auto;}
.products-detail-wrap .top-group li.right h2 {margin:20px 0 20px;}
.products-detail-wrap .txt-box h3 {position:relative; font-size:18px; overflow:inherit; margin-bottom: 12px;}
.products-detail-wrap .txt-box h3:before {content:''; position:absolute; top:50%; transform: translateY(-50%); left:-30px; width: 24px; height: 3px; background-color: #1f1f1f;}
.products-detail-wrap .tab-content .txt-box {}
.products-detail-wrap .tab-content .contents-box {margin-top:40px;}
.products-detail-wrap .tab-content .contents-box a {text-decoration: underline; display:inline-block; }
.products-detail-wrap .tab-content .calculator-box .form-list label {display: block; width: 100%; margin-bottom: 10px;}
.products-detail-wrap .tab-content .calculator-box .form-list select {width: 60%; height: 50px; border:1px solid #e1e1e1;}
.products-detail-wrap .tab-content .info-box ul {padding-left: 20px;}
.products-detail-wrap .tab-content .info-box ul li {font-size:14px; margin-top: 10px; line-height:2;}
.products-detail-wrap .tab-content .info-box h4 {font-size:16px; margin-top: 30px;}
.products-detail-wrap .tab-content .download-box li {padding:10px 0;}
.products-detail-wrap .tab-content .download-box a {display: flex;}
.products-detail-wrap .tab-content .download-box a img {width: 20px; margin-top: 2px;}
.products-detail-wrap .tab-content .download-box a span {margin-left:4px; text-decoration: underline;}
.vertical-swiper .swiper-wrapper {margin:4px 0 0 4px;}

/* post */
.post-wrap .tabs-group ul {justify-content: center; margin-bottom: 60px;}
.post-wrap .tabs-group ul li {margin:0 10px;}
.post-wrap .tabs-group ul li button {min-width: 140px; font-size:15px; color:#666; white-space:nowrap; background:#f2f4f7; height:50px; padding:0 28px; border-radius:5px; border:1px solid transparent; transition:0.3s;}
.post-wrap .tabs-group ul li.active button {border-color: #666; font-weight: 600; background:#fff;}
.post-wrap .gray-group .txt-box h3 {position:relative; font-size:18px; overflow:inherit; margin-bottom: 12px;}
.post-wrap .gray-group .txt-box h3:before {content:''; position:absolute; top:50%; transform: translateY(-50%); left:-30px; width: 24px; height: 3px; background-color: #1f1f1f;}
.post-wrap .tabs-group .subscribe-btn {float:right; padding:14px 26px; margin-top:-4px; white-space: nowrap; border-radius:20px; background:#5b86a3; color:#fff;}
.post-wrap .archiv-wrap {background:inherit; padding:0;}
.post-wrap .archiv-wrap .tit-box {margin-bottom: 20px;}

/* post detail */

.post-detail-wrap .post-detail {width: 800px; padding-top:80px; margin: 0 auto;}
.post-detail-wrap .post-detail .detail-header {padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #dbdbdb;}
.post-detail-wrap .post-detail .detail-header .tit {font-size:30px}
.post-detail-wrap .post-detail .news-contents p::selection {background:#f5f5dc;}
.post-detail-wrap .post-detail .news-contents p a:hover {text-decoration: underline;}
.post-detail-wrap .post-detail .news-contents p span { line-height: 1.5;}
.post-detail-wrap .post-detail .news-contents p span::selection {background:#f5f5dc;}
.post-detail-wrap .post-detail .news-contents iframe {position: absolute;width: 100%;height: 100%;}
.post-detail-wrap .post-detail table th ,.post-detail-wrap .post-detail table td {border:1px solid #e2e2e2; word-break: break-all;}
.post-detail-wrap .btn-group {padding-bottom:30px; border-bottom:1px solid #e3e3e3;}
.post-detail-wrap .btn-group .share-group li a {display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; padding:6px; border:1px solid #dbdbdb; text-align: center; border-radius:50%; margin-right:6px;}
.post-detail-wrap .btn-group .share-group li a img {width: auto; height:24px; margin:0 auto; cursor:pointer;}
.post-detail-wrap .btn-group .share-group li a.icon-twitter img {width: auto; height:18px; margin:0 auto;}
.post-detail-wrap .btn-group a {margin: 0 0 0 auto; width: 120px; height: 46px; line-height: 46px;}
.post-detail-wrap .post-group {margin-top:30px;}
.post-detail-wrap .post-group ul li {width:calc(33% - 11px)}
.post-detail-wrap .post-group ul li:nth-child(3n) {margin-right:0;}
.post-detail-wrap .before-txt-group {z-index:10; position:fixed; bottom:0; left:0; padding:0 40px; width: 100%; height: 60px; border-top:1px solid #eee; background:#fff;}
.post-detail-wrap .before-txt-group a {font-size:12px; color:#999;}
.post-detail-wrap .before-txt-group p {width:50px; margin-left:auto;}
.post-detail-wrap .before-txt-group a strong{font-weight: 500; margin-left: 20px; font-size:15px; color:#333;}

/*===========================================================================
	Services
============================================================================*/
/* Academy */
.catalog-group {margin-bottom:40px;}
.catalog-group li {position:relative; width: calc(100% / 3); cursor: pointer;}
.academy-wrap .top-description p a {display: inline-block; }
.academy-wrap .top-description p a:hover {text-decoration: underline;}
.academy-wrap .catalog-group li p {width: 70%; font-size:16px; white-space: nowrap;}
.academy-wrap .inquery-group {padding:24px 0;}
.academy-wrap .inquery-group li {position:relative; width: calc((100% -5px) / 2);}
.academy-wrap .inquery-group li:first-child {margin-right:10px;}
.academy-wrap .inquery-group li p {position:absolute; bottom:20px; left:0px; display: inline-block; padding:10px 10px 10px 60px; font-size:20px; font-weight: 600; background:rgba(255,255,255,0.8); transition:0.4s;}
.academy-wrap .inquery-group li:hover p{background:#004563; color:#fff;}
.academy-wrap .common-txt-group {padding:24px 0; border:0; border-top:3px solid #004563; border-bottom:3px solid #004563;}
.academy-wrap .common-txt-group .common-txt-list {border:0;}
.academy-wrap .common-txt-group .common-txt-list strong {font-size:18px; width: 100%; color:#222; margin-bottom: 4px; text-align: left;}
.academy-wrap .common-txt-group .common-txt-list p {font-size:16px;}

/* BIM OBJECT */
.bim_object .gray-group .txt-box {margin-bottom: 12px;}
.bim_object .gray-group .txt-box h3 {position:relative; font-size:18px; overflow:inherit; margin-bottom: 12px;}
.bim_object .gray-group .txt-box h3:before {content:''; position:absolute; top:50%; transform: translateY(-50%); left:-30px; width: 24px; height: 3px; background-color: #1f1f1f;}

/* Color selector */
.color-select-wrap .products-selector-group {}
.color-select-wrap .products-selector-group h3 {font-size:24px; margin-bottom: 14px;}
.color-select-wrap .products-selector-group .selector-box {}
.color-select-wrap .products-selector-group .selector-box select {display: block; width: 100%; min-height:50px; padding: 6px 12px; border: 2px solid #5b86a3; font-size: 18px;}
.color-select-wrap .video-group {margin-top:40px;}
.color-select-wrap .video-group > div {width: calc(50% - 10px);}
.color-select-wrap .video-group > div:first-child {margin-right:20px;}
.color-select-wrap .video-group > div iframe {width: 100%;}

/*===========================================================================
	References
============================================================================*/
/* references */
.references-wrap .common-txt-group .common-txt-list {align-items: flex-start;}
.references-wrap .common-txt-group .common-txt-list strong {margin-right:40px;}

/* 시공후기 갤러리 (Ardex Gallery) */
.gallery-wrap .tabs-group ul {justify-content: center; margin-bottom: 60px;}
.gallery-wrap .tabs-group ul li {margin:0 10px;}
.gallery-wrap .tabs-group ul li button {width: 140px; font-size:15px; color:#666; background:#f2f4f7; height:50px; padding:0 28px; border-radius:5px; border:1px solid transparent; transition:0.3s;}
.gallery-wrap .tabs-group ul li.active button {border-color: #666; font-weight: 600; background:#fff;}
.gallery-wrap .tabs-group .filter-group h3 {font-size:18px; margin-bottom:10px;}
.gallery-wrap .tabs-group .filter-group ul {justify-content: flex-start;}
.gallery-wrap .tabs-group .filter-group:first-child ul {margin-bottom: 20px;}
.gallery-wrap .tabs-group .filter-group ul li {margin-left:0px;}
.gallery-wrap .tabs-group ul li button {min-width:120px; width:auto;}
.gallery-wrap .post-group ul li .txt-box .hyper-btn {background:#5b86a3; font-weight: bold; background:#fff; text-align: right;}
.gallery-wrap .post-group ul li .txt-box .hyper-btn button {padding: 0 12px	; line-height: 36px; font-size: 14px; border:1px solid #666; background:#fff; border-radius:5px; color:#666;}

/* gallery detail */
.gallery-detail-wrap {overflow: hidden;}
.gallery-detail-wrap .gallery-detail {position:relative; width: 64%; max-height: 500px; margin:100px 0 200px 100px;}
.gallery-detail-wrap .gallery-detail h2 {width: 100%; font-size:34px; text-align: left; color:#004563; text-align: center; margin-bottom: 20px;}
.gallery-detail-wrap .gallery-detail .left {width: 100%; text-align: center;}
.gallery-detail-wrap .gallery-detail .left img {height: 100%;}
.gallery-detail-wrap .gallery-detail .right {position:absolute; right: -280px; bottom:-25%; width: 600px; text-align: left; padding:40px 60px; background:rgba(0, 69, 99, 0.9);}
.gallery-detail-wrap .gallery-detail .right h3 {font-size:46px; color:#fff; margin-bottom: 20px;}
.gallery-detail-wrap .gallery-detail .right p {font-size:16px; color:#fff;}
.gallery-detail-wrap .gallery-detail .right .btn-box {justify-content: center; margin-top: 40px;}
.gallery-detail-wrap .gallery-detail .right .btn-box a {padding:12px 20px; font-weight: 400; background:#788aae; color:#fff; margin:0 10px; text-align: center;}

/*===========================================================================
	검색페이지
============================================================================*/
.search-wrap {padding-top:80px !important;}
.search-wrap h2 {margin-bottom: 0;}
.search-wrap .search-box {width: auto; margin:40px auto; justify-content: flex-start;}
.search-wrap .search-box input {width: 800px; border:2px solid #5b86a3;}
.search-wrap .search-box button {margin-left:-2px; border:2px solid #5b86a3;}
.search-wrap .search-group .list-more {text-align: right;}
.search-wrap .search-group .total-counter {font-size:18px; padding-bottom:24px;}
.search-wrap .search-group .total-group .total-list a {display: block; padding:10px 0;}
.search-wrap .search-group .total-group .tit {position:relative; font-size:18px; overflow:inherit; color:#858585; border-bottom: 2px solid #5b86a3; padding-bottom: 10px;}
/* .search-wrap .search-group .total-group .tit::before {content:''; position:absolute; top:50%; transform: translateY(-50%); left:-30px; width: 24px; height: 3px; background-color: #1f1f1f;;} */
.search-wrap .search-group .total-group .total-list a .description {font-size:16px; line-height: 1.2;}
.search-wrap .search-group .total-group .total-list {border-bottom: 1px solid #eee;}
.search-wrap .search-group .total-group .total-list:last-child {margin-bottom:20px;}
.search-wrap .search-group .total-group .list-more {color: #858585}
/*===========================================================================
	반응형
============================================================================*/
@media (max-width:1300px) {
	.academy-wrap .catalog-group li p {font-size:1vw;}
}
@media (max-width:800px) {
	.post-detail-wrap .post-detail {width: 100%;}
}
@media (max-width:768px) {
	/* 메인 - 상품목록 - product categories */
    .product-wrap .container {flex-wrap:wrap;}
	.product-wrap .product-list {width: 100%; margin:0 0 20px;}
	.product-wrap .product-slide {width: 100%;}
	.article-wrap .post-group {flex-wrap: wrap;}
	.article-wrap .post-group li {width: calc(50% - 8px); margin-bottom:10px}
	.article-wrap .post-group li:nth-child(2n) {margin-right:0;}

	/* ARDEX- about us */
	.about_us_wrap .video-box {width: 100%; padding-bottom: 56.25%; position: relative;}
	.about_us_wrap .video-box iframe {width: 100%;position: absolute; height: 100%;}

	/* PRODUCTS - overview (products list) */
	.overview-wrap .gray-group .txt-box h3:before {left:-14px; width: 12px;}
	.overview-wrap .category-group li .category-list > a {font-size:16px;}

	/* PRODUCTS - DETAIL */
	.products-wrap .category-group li:nth-child(4n) {margin-right:auto;}
	.products-wrap .category-group li {width: calc(50% - 20px);}
	.products-wrap .category-group li:nth-child(2n) {margin-right:0;}
	.products-detail-wrap .top-group li.img-video-box {width: 100%;}
	.products-detail-wrap .top-group li.main-box {min-width: 75%; max-height:40vh; margin: 0 auto; text-align: center; margin-bottom:20px}
	.products-detail-wrap .top-group li.main-box img {width: 100%;}
	.products-detail-wrap .top-group li.img-video-box ul {display: flex;}
	.products-detail-wrap .top-group li.img-video-box li:not(:last-child) {width: 32%; min-width: auto; margin-right:10px;}
	.products-detail-wrap .txt-box h3:before {left:-14px; width: 12px;}

	/* POST */
	.post-wrap .gray-group .txt-box h3:before {left:-14px; width: 12px;}
	.post-wrap .tabs-group ul {justify-content: flex-start; overflow-x: scroll; margin-bottom: 60px;}
	.post-wrap .tabs-group ul li button {min-width:100px; height: 44px; white-space: nowrap; padding:0 16px; font-size:14px;}


	/* POST-DETAIL */
	.post-detail-wrap .post-group ul li {width: 100%; margin:0 0 20px 0;}

	.references-wrap .common-txt-group .common-txt-list strong {word-break: keep-all;}
	.references-wrap .common-txt-group .common-txt-list > div {width: calc(100% - 74px);}
	.references-wrap .common-txt-group .common-txt-list > div p {width: 100%; word-break: keep-all;}

	.catalog-group {flex-wrap:wrap;}
	.catalog-group li {width: 100%;}
	.academy-wrap .catalog-group li p {font-size:14px;}


	/* GALLERY */
	.gallery-wrap .tabs-group .filter-group ul {overflow-x: scroll;}
	.gallery-wrap .tabs-group ul li button {min-width:100px; height: 44px; white-space: nowrap; padding:0 16px; font-size:14px;}
	/* GALLERY DETAIL */
	.gallery-detail-wrap .gallery-detail {max-height: initial; width: 100%; flex-wrap:wrap; margin:100px 0 200px;}
	.gallery-detail-wrap .gallery-detail .left, .gallery-detail-wrap .gallery-detail .right {width: 100%;}
	.gallery-detail-wrap .gallery-detail .right {position: relative; right:auto; bottom:auto; max-width: 100%; padding:40px 20px 20px; border-radius:0 30px 0 0;}
	.gallery-detail-wrap .gallery-detail .right h3 {font-size:34px;}
	.gallery-detail-wrap .gallery-detail .right .gallery-m-logo {position:absolute; top:-30px; left:15px; overflow:hidden; display:flex; justify-content: center; align-items: center; width: 60px; height:60px; padding:4px; border:1px solid #dbdbdb; border-radius:50%; background:#fff; }
	.gallery-detail-wrap .gallery-detail .right .gallery-m-logo img {height:100%;}

	/* Color selector */
	.color-select-wrap .video-group {flex-wrap: wrap;}
	.color-select-wrap .video-group .left{width: 100%;padding-bottom: 56.25%;position: relative;}
	.color-select-wrap .video-group .right{width: 100%;padding-bottom: 56.25%;position: relative;}
	.color-select-wrap .video-group iframe{position: absolute; width: 100%; height: 100%;}
	.color-select-wrap .video-group > div {width: 100%; margin-bottom: 20px;}
	.color-select-wrap .video-group > div:first-child {margin-right:0px;}

	.post-detail-wrap .post-detail {padding-top:35px}
	.post-detail-wrap .before-txt-group {padding:0 10px}
	.post-detail-wrap .before-txt-group .logo img {width:38px}
	.post-detail-wrap .before-txt-group a strong {width:100%; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;font-size:14px}
	.post-detail-wrap .before-txt-group a {display:flex; width:86%; align-items: flex-end;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	
}

@media (max-width:600px) {
	/* PRODUCTS - overview (products list) */
	.overview-wrap .category-group li .category-list p {font-size:16px;}
	.overview-wrap .category-group li .category-list p img.arrow {height: 14px; margin-top:0;}
	
	.academy-wrap .inquery-group {flex-wrap:wrap;}
	.academy-wrap .inquery-group li {width: 100%;}
} 

@media (max-width:480px) {
	/* 메인 - 상품목록 - product categories */
	.service-wrap .service-group li {width: 100%;}
	.article-wrap .post-group li {width: 100%;}
	
	/* PRODUCTS - overview (products list) */
	.overview-wrap .category-group li .category-list {flex-wrap:wrap; padding:14px 0;}
	.overview-wrap .category-group li .category-list p {width: 100%; margin-top:10px;}
	.overview-wrap .category-group li .category-list img.product-img {height: 62px;}
	.overview-wrap .category-group li .category-list > a {position:absolute; top:26px; right:0;}
	
	/* PRODUCTS - DETAIL */
	.products-wrap .category-group li:nth-child(2n) {margin-right:auto;}
	.products-wrap .category-group li {width: 100%; margin-right:0;}
	.mobile .tabs > li .tab-content {padding:20px 10px;}
	.products-detail-wrap .txt-box h3 {font-size:16px;}
	.products-detail-wrap .tab-content .contents-box {margin-top:10px;}
	.products-detail-wrap .form-list label {font-size:16px;}
	.products-detail-wrap .form-list input {height:44px;}
	.products-detail-wrap .tab-content .info-box h4 {margin-top: 20px;} 
	.products-detail-wrap .tab-content .info-box ul li {font-weight: 400;}
	.products-detail-wrap .tab-content .contents-box {font-weight: 400; line-height: 1.5;}
	.products-detail-wrap .tab-content .contents-box a {font-weight: 600;}
	.products-detail-wrap .tab-content .contents-box .info-box p {font-weight: 400;}
	.products-detail-wrap .tab-content .calculator-box .form-list select {height: 44px;}
	.products-detail-wrap .tab-content .calculator-box .calcul-info {font-size:13px;}
	.products-detail-wrap .tab-content .calculator-box .form-list label {font-size:14px;}

	/* ardex */
	.common-txt-group .common-txt-list strong {width: 74px; font-size:16px; text-align: left;}
	.common-txt-group .common-txt-list p {width: calc(100% - 74px); font-size:16px;}
	.common-txt-group .common-txt-list > div {width: calc(100% - 74px);}
	.common-txt-group .common-txt-list > div p:not(:first-child) {margin-top:10px;}
	
	/* ACADEMY */
	.academy-wrap .catalog-group li p {font-size:3.4vw;}
	.academy-wrap .common-txt-group .common-txt-list strong {font-size:16px;}
	.academy-wrap .common-txt-group .common-txt-list p {width: 100%; font-size:16px;}
	.academy-wrap .inquery-group li p {font-size:16px;}

	/* GALLERY DETAIL */
	.gallery-detail-wrap .gallery-detail h2 {font-size:30px;}
	.gallery-detail-wrap .gallery-detail .right h3 {font-size:28px;}
	.gallery-detail-wrap .gallery-detail .right p {font-size:15px;}
	.gallery-detail-wrap .gallery-detail .right .btn-box a {width: 50%; font-size:14px; margin:0;}
	.gallery-detail-wrap .gallery-detail .right .btn-box a:first-child {border-right:1px solid #dbdbdb;}
	.gallery-detail-wrap .gallery-detail .right .btn-box {margin-top: 30px;}
	.gallery-detail-wrap .gallery-detail .right .btn-box a {border-right:0;}
	.search-wrap .search-group .total-group .total-list a .tit::before {width: 12px; left: -14px;}

}
@media (max-width:360px) {
	.overview-wrap .category-group li .category-list img.product-img {width: 120px;}
}