@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2022-03-14
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1460px){
	.sub-tab-list-style.top-fixed {left: 50%; width: calc(100% - var(--area-padding)* 2); transform: translateX(-50%);}
}
@media all and (max-width:1280px){
	.sub-tab-list-style.top-fixed {top: var(--header-height);}
}
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1280px){
	.sub-tab-list-style .area{padding:0}
	.sub-tab-list-style ul li a em {font-size: 1.8rem;}
}
/* @media all and (max-width:1024px){
	Tab Fixed Move
	.sub-tab-list-style.top-fixed{top:80px;}
} */
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	.sub-tab-list-style.top-fixed {width: 100%}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#152a52; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box; border-radius: 0; padding: 0;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent; border-radius: 0;}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:15px;}
	.sub-drop-menu-style ul li.selected{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }

	.custom-list-tab-style.sns-style ul li a {padding: 10px 15px;}
	.custom-list-tab-style ul li a svg, .custom-list-tab-style.sns-style ul li a i {display: none;}
}

/* ******************  회사개요 ********************** */
@media all and (max-width: 1460px) {
	.right-white-txt {right: var(--area-padding)}
}

@media all and (max-width:1280px){
	.cm-active-list-box.sixItem {grid-template-columns: repeat(4, 1fr);}
	.summary-img-box::before {height: 124vw;}
	.right-white-txt {bottom: -1.4rem;}
	/* .sub-tab-con.bg::before {height: 87%; top: 20rem;} */
}

@media all and (max-width:800px){
	.company-page.summary #fixedContentM2 {padding-top: 6rem;}
	.company-page .sub-tab-con.bg {padding-bottom: 6rem;}
	.company-page .sub-tab-con.bg > .area {padding-bottom: 0;}
	.company-page.summary .certifi-list-style05 .certificate-list {margin-top: 4.5rem;}
	.company-page.summary {padding-bottom: 6rem;}
	/* .sub-tab-con.bg::before {height: 93.2%; top: 11rem;} */
	.summary-top-txt-box .tit {font-size: 3rem;}
	.right-white-txt {display: none;}
	.cm-active-list-box li {padding: 2rem 1rem;}
	.cm-active-list-box li .txt-box .txt {word-break: break-word;}
	
	.summary-img-box::before {height: 183vw; border-radius: 5rem 5rem 0 0;}
	.summary-top-txt-box {margin-top: 5rem;}

	.cm-active-list-box.sixItem {grid-template-columns: repeat(2, 1fr);}
}

@media all and (max-width:640px){
	.summary-img-box::before {height: 237vw;}
}

@media all and (max-width:480px){
	.summary-img-box::before {height: 350vw;}
}

/* ******************  CI ********************** */
@media all and (max-width:800px){
	.company-page.ci {padding-top: 4rem;}
	.ci-content-container {display: block; margin-top: 8rem;}
	.ci-content-container img {max-width: 50%;}
	.ci-content-container .ci-con-tit {font-size: 3rem;}
	.ci-content-container .content-tit-box {width: 100%; padding-right: 0; margin-bottom: 4rem;}
	.ci-content-container .content-wrap {width: 100%;}
	.ci-content-container .ci-top-logo-con .top-logo-box figure {padding: 5rem 0;}
	.ci-content-container .ci-top-logo-con .top-logo-box {margin-bottom: 2.5rem; padding: 0 2rem;}
	.ci-content-container .ci-top-logo-con .top-logo-box p {font-size: 1.8rem;}

	.ci-content-container .down-btn-box {margin-bottom: 5rem;}
	.ci-content-container .down-btn-box .down-btn {min-width: 15rem; padding: 0 1.5rem;}
	.ci-content-container .down-btn-box .down-btn span {font-size: 1.5rem;}

	.ci-content-container .ci-cm-logo-box, .ci-content-container .ci-color-box {grid-template-columns: 1fr; grid-gap: 3rem 0;}
	.ci-content-container .ci-cm-logo-box.mt-60 {margin-top: 3rem;}
}

@media all and (max-width:480px){
	.ci-content-container .down-btn-box {flex-direction: column; align-items: center; gap: 1rem 0;}
	.ci-content-container .down-btn-box .down-btn {width: 24rem; min-width: auto;}
}

/* ******************  채용정보 ********************** */
@media all and (max-width:1280px){
	.company-page.recruit .summary-img-box::before {height: 107vw;}
	.company-page.recruit .sub-tab-con.bg > .area {padding-bottom: 27rem;}
	.com-recruit-schema-box .txt-list-box figure img {padding: 30%; box-sizing: border-box;}
	.process-contact-list-box .contact-list {padding: 4.36rem 0;}
}

@media all and (max-width:800px){
	.company-page.recruit {padding-bottom: 6rem;}
	.company-page.recruit .sub-tab-con.bg > .area {padding-bottom: 0;}
	.company-page.recruit .sub-tab-con.bg {padding-bottom: 6rem; margin-bottom: 8rem;}
	.company-page.recruit .summary-img-box .txt-box {top: 4rem; padding: 0 2rem; box-sizing: border-box;}
	.company-page.recruit .summary-img-box .txt-box .big-txt {font-size: 2.4rem;}
	.company-page.recruit .summary-img-box .txt-box .txt {display: none;/* font-size: 1.6rem; */}
	.company-page.recruit .summary-img-box::before {height: 233vw;}
	.company-page.recruit .summary-img-box .inner {border-radius: 3rem;}
	.summary-img-box img {border-radius: 3rem;}

	.com-recruit-schema-box {display: block; margin-top: 5rem;}
	.com-recruit-schema-box .img-box {display: none;}
	.com-recruit-schema-box .txt-list-box {width: 100%; margin-top: 5rem; margin-left: 0; gap: 4rem 0;}
	.com-recruit-schema-box .txt-list-box figure {width: 12rem; padding-top: 12rem;}
	.com-recruit-schema-box .txt-list-box .inner-txt-box h4 {font-size: 2.6rem;}
	.com-recruit-schema-box .txt-list-box .inner-txt-box p {font-size: 1.6rem;}
	.com-recruit-schema-box .txt-list-box .inner-txt-box {width: calc(100% - 15rem); padding-left: 3rem;}
	.com-recruit-schema-box .txt-list-box .txt-list:nth-child(2) {left: 0;}

	.cm-active-list-box.fourItem {grid-template-columns: repeat(2, 1fr); grid-gap: 3rem;}
	.cm-active-list-box.fourItem li::before {display: none;}
	.cm-active-list-box.fourItem li .txt-box {margin-top: 1rem;}
	.cm-active-list-box.fourItem li .txt-box .tit {font-size: 1.6rem;}
	.cm-active-list-box.fourItem li .txt-box .txt {font-size: 1.8rem;}

	.company-page.recruit .cm-active-list-box li img {max-width: 75%; display: block; margin: auto;}

	.process-contact-list-box {flex-direction: column;}
	.process-contact-list-box .contact-list {width: 100%; padding: 2.5rem; box-sizing: border-box;}
	.process-contact-list-box .contact-list:nth-child(2) {border: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}

	.company-page.recruit .sub-tab-con#fixedContentM2 {margin-top: 0; padding-bottom: 8rem;}
}

@media all and (max-width:640px){
	.company-page.recruit .summary-img-box::before {height: 280vw;}
	.company-page.recruit .summary-img-box .inner {padding-top: 45%;}
	.company-page.recruit .summary-img-box .txt-box .big-txt {font-size: 2rem;}
	.company-page.recruit .summary-img-box .txt-box .txt {font-size: 1.4rem;}
}

@media all and (max-width:480px){
	.company-page.recruit .summary-img-box .inner {padding-top: 55%;}
	.com-recruit-schema-box .txt-list-box figure {width: 10rem; padding-top: 10rem;}
	.com-recruit-schema-box .txt-list-box .inner-txt-box {width: calc(100% - 13rem);}
}

/* ******************  mvc ********************** */
@media all and (max-width:800px){
	.mvc-page-con {min-height: 60vh;}
	.mvc-page-con .content-box h4 {font-size: 4.5rem;}
	.mvc-page-con .content-box p {font-size: 2rem;}
	
	.mvc-page-con .content-box dl {font-size: 4.5rem;}
	.mvc-page-con .content-box h1,
	.mvc-page-con .content-box h2{font-size: 2rem;}
}

/* ******************  오시는 길 ********************** */
@media all and (max-width:1280px){
	.location-map-con::before {top: 26.5%;}
}

@media all and (max-width:800px){
	.cm-active-list-box.fiveItem {grid-template-columns: repeat(2, 1fr); margin-top: 5rem;}
	.location-map-con::before {top: 13.5%; height: 94%; border-radius: 5rem 5rem 0 0;}
	.company-page.location {padding-bottom: 10rem;}
	.location-info-con .inner {display: block;}
	.location-info-con .location-info-tit {width: 100%; padding-right: 0;}
	.location-info-con .right-wrap {width: 100%; margin-top: 2rem;}

	.location-map-con .link-btn-box a {font-size: 1.5rem; padding: 0 1.5rem;}
	/* .location-map-con .link-btn-box a i {font-size: 2rem;} */

	.location-map-con {margin-bottom: 14rem;}
	.location-info-con .info-txt-list-box li {display: block; padding: 3rem;}
	.location-info-con .info-txt-list-box li .icon-box {align-items: flex-start; margin-right: 0; margin-bottom: 3rem;}
	.location-info-con .info-txt-list-box li .icon-box img {max-width: 100%;}
	.location-info-con .info-txt-list-box li .txt-box {width: 100%;}
	.location-info-con .info-txt-list-box li .icon-box .tit {width: 100%;}
}

@media all and (max-width:640px){
	.location-map-con::before {top: 11.5%;}
}

@media all and (max-width:480px){
	.location-map-con::before {top: 7.5%; height: 96%;}
	.location-map-con .link-btn-box {flex-direction: column; align-items: center;}
}

/* ******************  제품소개 :: 리스트 ********************** */
@media all and (max-width:1280px){
	.product-page .sub-tab-con .product-list-wrap {padding: 5rem 2rem 5rem 5rem;}
	.product-txt-con {width: 28%;}
	.product-txt-con h4 {font-size: 5.4rem;}
	.product-txt-con dl {font-size: 5.4rem;}
	.product-slide-con {width: calc(72% + 2.8rem);}
}

@media all and (max-width:800px){
	.product-page .sub-tab-content-style {padding-top: 2rem;}
	.product-page .sub-tab-con .product-list-wrap {display: block; border-radius: 4rem 4rem 4rem 0;}
	.product-txt-con {width: 100%;}
	.product-txt-con h4 {font-size: 5rem;}
	.product-txt-con dl {font-size: 5rem;}
	.product-slide-con {width: 100%; padding-left: 0; margin-top: 3rem;}
}

/* ******************  제품소개 :: 뷰 ********************** */
@media all and (max-width:1460px){
	.product-view-content .view-top-banner > .area {padding: 0;}
	.view-video-wrap > .area {padding: 0;}
}

@media all and (max-width:1280px){
	.product-view-content .view-top-banner {padding: 0 7rem;}
	.sub-tab-list-style.product-view-style .area {padding: 0  var(--area-padding);}
}

@media all and (max-width:800px){
	.product-page {padding-bottom: 7.5rem;}

	.product-view-content .sub-tab-wrapper-style {min-height: auto;}
	.sub-tab-list-style.product-view-style ul {display: none; position: static; border: 1px solid #ddd;}
	.sub-tab-list-style.product-view-style ul li {display: block; width: 100%;}

	.sub-tab-list-style.product-view-style.top-fixed .area {padding: 0;}

	.product-view-content .sub-tab-con {padding-top: 6rem;}
	.product-view-content #contentInfoCon {margin: 0 0 3rem 0;}

	.product-view-content .banner-con-wrap {display: block; padding: 5rem 0;}
	.product-view-content .view-top-banner {padding: 0 5rem; border-radius: 5rem 5rem 5rem 0; overflow: hidden; margin-bottom: 5rem;}
	.product-view-content .view-top-banner .area {padding: 0;}
	.product-view-content .banner-con-wrap .txt-box {width: 100%; padding-right: 0; padding-bottom: 3rem;}
	.product-view-content .banner-con-wrap .txt-box h4 {font-size: 4rem;}
	.product-view-content .banner-con-wrap .txt-box p {font-size: 2rem;}
	
	.product-view-content .banner-con-wrap .txt-box dl {font-size: 4rem;}
	.product-view-content .banner-con-wrap .txt-box span {font-size: 2rem;}
	
	.product-view-content .gallery-con22-list-con {width: 100%;}

	.gallery-con22-list-con .gallery-photo-wrap .photo-item .photo-list .nav-list {margin-top: 2rem;}
	.gallery-con22-list-con .gallery-photo-wrap .photo-item .photo-list .nav-list .slick-list {margin: 0 -0.7rem;}
	.gallery-con22-list-con .gallery-photo-wrap .photo-item .photo-list .nav-list .list-item {margin-bottom: 0; margin: 0 0.7rem;}
	.product-view-content .gallery-con22-list-con .nav-list .slick-list {display: block;}

	.view-detail-wrap .content-box {margin-top: 3rem;}
	.view-detail-wrap .view-detail-tit {font-size: 2.8rem;}
	.view-detail-wrap .view-detail-txt {padding-bottom: 2rem; font-size: 2rem;}

	.view-video-wrap {padding: 5rem; border-radius: 5rem 5rem 0 0;}

	.view-spec-wrap {padding: 5rem 0;}
	.view-spec-wrap .table-con {display: block;}
	
	.download-list-con-style02.product-style .download-item:hover {background-color: #fff !important;}
	.download-list-con-style02.product-style .download-item i {color: rgba(27, 165, 146, 1)}
}

@media all and (max-width:480px){
	.download-list-con-style02.product-style .download-item {padding: 0;}
	.download-list-con-style02.product-style .download-item a {display: block; padding: 2.5rem;}
	.download-list-con-style02.product-style .download-item .txt {width: 100%; margin-bottom: 2rem;}
	.download-list-con-style02.product-style .down-box {width: 100%;}
	.download-list-con-style02.product-style .download-item .down-txt {padding-right: 2rem;}
}

/* ****************** 고객지원 :: 머신비전 솔루션 ********************** */
@media all and (max-width:1280px){
	.machine-app-list-box .machine-app-list .img-box {gap: 0 6rem;}
	.machine-app-list-box .machine-app-list .img-box::before {width: 18.06%; height: 59.83%; left: 50%;}

	.machine-schema-con .top-schema-icon-box .top-schema-icon img {max-width: 70%;}
	.machine-schema-con .top-schema-icon-box .top-schema-icon p {font-size: 1.5rem;}

	.process-schema-con .process-list-box .process-list .inner .box i {font-size: 2.8rem;}
	.process-schema-con .process-list-box .process-list .inner .box p {font-size: 1.8rem;}
}

@media all and (max-width:1024px){
	.machine-schema-con .top-schema-icon-box .top-schema-icon img {max-width: 55%;}
}

@media all and (max-width:800px){
	.machine-schema-con {padding-top: 5rem;}
	.machine-schema-con::before {display: none;}
	.machine-big-txt {font-size: 2.2rem;}

	.machine-schema-con .top-schema-con {padding-top: 0; background: none; max-width: none;}
	.machine-schema-con .top-schema-con .inner {position: static; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.machine-schema-con .top-schema-con .top-schema-icon-box {display: flex; flex-flow: wrap; align-items: center; justify-content: center; gap: 3rem; max-width: 36rem; padding-bottom: 9rem;}
	.machine-schema-con .top-schema-con .top-schema-slide-box {position: static; transform: translate(0, 0);}
	.machine-schema-con .top-schema-icon-box .top-schema-icon {position: static; width: 14.8rem; height: 14.8rem; margin: 0 !important; transform: translate(0, 0) !important}
	.machine-schema-con .top-schema-con .top-schema-slide-box figure {max-width: 36rem; padding: 4rem 0 10rem 0;}
	.machine-schema-con .top-schema-con .top-schema-slide-box figure::after {bottom: 19%; left: 70%; width: 15rem; height: 15rem; box-shadow: 0px 1rem 2rem 0px rgba(27, 133, 124, 0.1);}
	.machine-schema-con .top-schema-con .top-schema-slide-box figure::before {bottom: 0; width: 5.53%; height: 14.386%;}
	.machine-big-tit {margin-top: 0;}
	.machine-schema-con .top-schema-icon-box .top-schema-icon:last-child .inner {transform: rotateZ(0);}
	.machine-schema-con .top-schema-icon-box .top-schema-icon .inner::before {display: none;}
	.machine-schema-con .top-schema-icon-box .top-schema-icon:last-child .inner::before {display: block; bottom: -70%;}

	.machine-vision-wrap .vision-content-con {margin-top: 6rem; padding-top: 5rem;}
	.machine-vision-wrap .vision-tit {font-size: 2.6rem;}
	.machine-vision-wrap .vision-txt01 {font-size: 1.8rem;}
	.machine-vision-wrap .vision-txt02 {font-size: 1.6rem;}

	.video-iframe-wrapper {margin-top: 5rem;}
	.video-cover-box .icon {width: 7rem; height: 7rem;}
	.video-cover-box .icon::before {width: 6.4rem; height: 6.4rem;}
	.video-cover-box .icon img {max-width: 20%;}

	.business-page.machine .video-cover-box02 .icon {width: 7rem; height: 7rem;}
	.business-page.machine .video-cover-box02 .icon::before {width: 6.4rem; height: 6.4rem;}
	.business-page.machine .video-cover-box02 .icon img {max-width: 20%;}

	.machine-vision-wrap .vision-content-con::before {height: 53rem; border-radius: 5rem 5rem 0 0;}

	.machine-feature-list-box {grid-template-columns: repeat(1, 1fr); margin-top: 5rem;}
	.machine-feature-list-box .machine-feature-list {padding: 3rem;}
	.machine-feature-list-box .machine-feature-list figure {padding-right: 1.5rem;}
	.machine-feature-list-box .machine-feature-list .txt-box {width: calc(100% - 9.4rem);}

	.machine-process-wrap, .machine-app-wrap {margin-top: 5rem; padding: 6rem 0; border-radius: 5rem 5rem 0 0;}
	.machine-process-wrap #contentInfoCon, .machine-app-wrap #contentInfoCon {margin-top: 0;}
	.machine-cm-con-txt {font-size: 1.8rem;}
	.process-schema {margin-top: 0;}

	/* .process-schema {left: 50%; transform: translateX(calc(-50% + 0.5px)) rotateZ(90deg);} 
	.process-schema-con .process-list-box {flex-wrap: wrap;}
	.process-schema-con .process-list-box .process-list {width: 50%;}
	.machine-process-wrap img {max-width:none;} */
	.process-schema-con {transform: rotateZ(90deg) scale(2) !important; margin: 60rem 0 50rem 0;}
	.process-schema-con .process-list-box .process-list .inner .box {transform: rotateZ(270deg) scale(0.5);}
	.process-schema-con .process-list-box .process-list:nth-child(odd) {margin-bottom: 10%;}

	.machine-app-list-box {grid-gap: 4rem 0;}
	.machine-app-list-box .machine-app-list .img-box {padding: 3rem; justify-content: center; grid-gap: 0 4.5rem;}
	.machine-app-list-box .machine-app-list .app-list-txt {padding-top: 2rem; font-size: 2rem;}
	.machine-app-list-box .machine-app-list .img-box::before {width: 20.834%; height: 77.592%;}
}

@media all and (max-width:640px){
	.machine-vision-wrap .vision-content-con::before {height: 52rem;}

	.process-schema-con {margin: 50rem 0 40rem 0;}
}

@media all and (max-width:480px){
	.machine-vision-wrap .vision-content-con::before {height: 55rem;}
	.video-cover-box .icon {width: 6rem; height: 6rem;}
	.video-cover-box .icon::before {width: 5.4rem; height: 5.4rem;}
	
	.machine-schema-con .top-schema-con .top-schema-slide-box figure::after {width: 11rem; height: 11rem;}

	.business-page.machine .video-cover-box02 .icon {width: 6rem; height: 6rem;}
	.business-page.machine .video-cover-box02 .icon::before {width: 5.4rem; height: 5.4rem;}

	.process-schema-con {margin: 40rem 0 30rem 0;}
}

@media all and (max-width:412px){
	.machine-vision-wrap .vision-content-con::before {height: 54.5rem;}

	.process-schema-con {margin: 100% 0 80% 0;}
}

/* ******************  비즈니스 :: 글로벌 파트너 ********************** */
@media all and (max-width:800px){
	.business-page.partners .top-txt-box h4 {font-size: 3rem;}
	
	.business-page.partners .top-txt-box dl {font-size: 3rem;}
	
	.partners-map-box {margin-top: 6rem !important;}

	.business-page.partners {padding-bottom: 7rem;}
	.partners-list-box {grid-template-columns: repeat(2, 1fr); grid-gap: 3rem; margin-top: 1rem; padding-bottom: 0;}
	.partners-list-box li {padding: 2.5rem;}
	.partners-list-box li .top-box {padding-bottom: 2rem;}

	.machine-app-list-box {grid-template-columns: repeat(1, 1fr); margin-top: 4rem;}
}

@media all and (max-width:480px){
	.partners-list-box {grid-template-columns: repeat(1, 1fr); grid-gap: 3rem 0; margin-top: 4rem;}
	.partners-list-box li {max-width: none;}
}

/* ****************** 소식 :: 공지사항 ********************** */
/********** SNS **********/
@media all and (max-width:800px){
	.sns-list-box {grid-template-columns: repeat(2, 1fr); grid-gap: 3rem; margin: 4rem 0 3rem 0;}
	.sns-list-box .sns-list .txt-box {position: relative; height: auto; opacity: 1; visibility: visible; padding: 2rem 0;/* padding: 3rem; */}
	.sns-list-box .sns-list .txt-box .date {color: #999;}
	.sns-list-box .sns-list .txt-box .txt {color: #000;}
	.sns-list-box .sns-list .txt-box i {display: none;}
	.sns-list-box figure::before {display: none;}
	.sns-list-box .sns-list .txt-box .txt {font-size: 2rem; padding-top: 0.7rem;}
	.sns-list-box .sns-list .txt-box i {left: 3rem; bottom: 2rem; font-size: 2.7rem;}

	.sns-tap-con {display: block;}
	.sns-tap-con .blog-btn {margin: 2rem auto 0;}
}

/* ****************** 고객지원 :: 제품문의 ********************** */
@media all and (max-width:1280px){
	.security-custom-box .security-code-box {padding-right: 2rem;}
	.support-page .bbs-write-tbl td {padding: 2rem 2.5rem 2rem 1.5rem;}
	.support-page .bbs-write-tbl th {font-size: 1.7rem;}

	.security-custom-box .security-code-box {width: 18%;}
	.security-custom-box input {width: 72.5% !important;}
}

@media all and (max-width:800px){
	.support-page .bbs-write-tbl colgroup {display: none;}
	.support-page .bbs-write-tbl tr {border-bottom: none; padding: 0;}
	.support-page .bbs-write-tbl td {box-sizing: border-box; padding: 1rem 0 2rem 0;}
	.support-page .bbs-write-tbl .write-input {max-width: none; height: 5rem;}
	.support-page .bbs-write-tbl .write-input::placeholder {font-size: 1.5rem;}

	.security-custom-box .security-code-box {width: 15%;}
	.security-custom-box input {width: 85% !important;}

	.online-btn-con {margin-top: 4rem;}
}

@media all and (max-width:640px){
	.security-custom-box .security-code-box {width: 17%;}
	.security-custom-box input {width: 83% !important;}
}

@media all and (max-width:480px){
	.security-custom-box .security-code-box {width: 23%;}
	.security-custom-box input {width: 77% !important;}
}

/* ****************** 고객지원 :: 원격지원 ********************** */
@media all and (max-width:800px){
	.remote-schema-box {flex-direction: column; padding-top: 0;}
	.remote-schema-box .left-img, .remote-schema-box .right-img {position: relative; -webkit-transform: translate3d(0, 30px, 0) !important;
    transform: translate3d(0, 30px, 0) !important;} 
	.remote-schema-box .left-img.animated, .remote-schema-box .right-img.animated {-webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;}
	.remote-schema-box .left-img.animated {transition-delay: 0s !important;}
	.remote-schema-box .center-img.animated {transition-delay: 0.3s !important;}
	.remote-schema-box .right-img.animated {transition-delay: 0.6s !important;}
	.remote-schema-box .left-img {left: 0; top: 4rem; width: 47.5%; z-index: 1;}
	.remote-schema-box .right-img {right: 0; bottom: 6rem; width: 60.278%; z-index: 1;}
	.remote-schema-box .center-img {width: 100%;}

	.remote-content-con {border-radius: 5rem 5rem 0 0; margin-top: 3rem; padding: 6rem 0;}
	.remote-step-list-box {grid-template-columns: repeat(2, 1fr); grid-gap: 4.666rem; margin-top: 5rem;}
	.remote-step-list-box .remote-step-list:nth-child(2)::before {display: none;}
	.remote-content-con .top-txt-box h3 {font-size: 2.4rem;}
	.remote-content-con .top-txt-box h2 {font-size: 2.4rem;}
	.remote-content-con .check-txt-list-box .check-txt-list {font-size: 1.8rem;}
	.remote-down-box {margin-top: 6rem;}
	.remote-down-box {flex-direction: column; align-items: center; gap: 2rem 0;}
}

@media all and (max-width:480px){
	.remote-step-list-box {grid-template-columns: repeat(1, 1fr); grid-gap: 4.5rem 0;}
	.remote-step-list-box .remote-step-list::before {display: none;}
}