@charset "utf-8";

@media (max-width: 1440px) {
	.header-wrap{padding:36px 24px;}
	.gnav-dep1 > li > a{padding:0 16px;}
}
@media (max-width:1280px){
	/* layout */
	.header-inner{padding:0 150px;}
	.gnav-dep1 > li > a{padding:0 8px; font-size:17px;}

	a.go-inquery{padding:0 12px; font-size:14px;}

	.footer-copyright{width:100%; margin:0;}

	/* main */
	.visual-slider-nav{padding-left:40px;}

}
@media (max-width: 1024px) {

	/* common */

	/* layout */
	.header-wrap{height:6.8rem; padding:16px 16px 16px 24px;}
	.header-inner{padding:0;}
	.btn-menu{display:block;}

	a.go-inquery{display:none;}
	a.go-kakao{display:none;}

	.header-logo{position:relative; top:unset; height:18px;}
	.header-logo img{height:18px;}
	.header-nav{display:none;}

	#footer{padding:50px 24px 24px 24px;}
	.footer-logo{margin-bottom:36px;}
	.footer-logo img{height:20px;}

	.footer-contact{display:block;}
	.footer-contact .company{font-size:15px;line-height:1.2; margin-bottom:10px;}
	.footer-contact address{justify-content: flex-start; font-size:14px;line-height:1.2;width:100%;}
	.footer-contact .info{display:flex; flex-wrap:wrap; margin-top:5px;}
	.footer-copyright{margin:10px 0 0 0; align-self: unset; font-size:12px;}

	.page-top{height:360px;}
	.page-title{font-size:48px;line-height:1.5px;margin-top:30px;}

	.page-contents{padding:60px 24px 80px 24px;}
	.page-contents.tab{padding:40px 24px 80px;}

	/* main */
	.main-section-title{font-size:16px;}
	.main-con-title{font-size:48px;}
	.main-title-sub{font-size:16px;}

	.main-visual .slide1{background-position:70% center;}
	.main-visual .slide2{background-position:70% center;}

	.main-media-items{gap:40px;}
	.main-media-item{width:calc(50% - 20px);}

	.main-business-item .hover h4{font-size:32px;}
	.main-business-item .hover p{font-size:16px;}

	.main-contact-title{padding-top:0;}

	/* contents */
	.product-intro1{gap:40px; padding:80px 24px; flex-wrap:wrap;}
	.product-intro1 .photo{width:100%; max-width:100%;}
	.product-intro1 .photo img{width:100%;}
	.product-intro1 .product-intro1-title{margin-bottom:40px;}

	.badge-category{font-size:14px; height:24px;}

	.product-item{padding:36px; flex-wrap:wrap; gap:20px;}
	.product-item .photo{width:100%;}

	/* 설치사례 */
	.case-list{gap:2rem;}
	.case-list .item-row{width:100%;}
	.case-list .photo{width:200px;height:auto; aspect-ratio: 245/300;}
	.case-list .info{width:calc(100% - 200px); padding:32px;}

	.data-view-contents{padding:3.2rem 0;}

	.main-contact-items{width:100%; flex:none;}

}

@media (max-width:768px){

	/* main */
	.main-section-title{font-size:12px; margin-bottom:24px;}
	.main-con-title{font-size:32px; margin-bottom:12px;}
	.main-title-sub{font-size:14px;}

	.ic-more-main{width:34px;height:34px;}

	.badge-category{padding:0 10px;}

	.main-visual .swiper-slide{padding:0 24px; height:100vh;}
	.visual-slider-nav{padding-left:24px; bottom:30px;}
	.main-visual .slide1{background-image:url(/assets/img/main/visual1_m.jpg);}
	.main-visual .slide2{background-image:url(/assets/img/main/visual2_m.jpg);}
	.main-visual-copy{position:absolute;left:24px;bottom:80px;}
	.main-visual-copy .copy-lg{font-size:32px;}
	.main-visual-copy .copy-sm{font-size:18px;}
	.visual-slider-nav .swiper-scrollbar{width:180px !important;}

	.main-case{padding:56px 24px 20px 24px;}
	.main-case-title{margin-bottom:26px;}
	.case-slider .swiper-slide{width:266px;}
	.case-slider .swiper-slide:after{right:-15px;}
	.case-slider .photo{margin-bottom:20px;}
	.case-slider .title{margin-bottom:12px;}
	.case-slider .title span{font-size:20px;}
	.case-slider .summary{font-size:15px;}
	.case-slider-nav{margin-top:36px;}

	.main-business{padding:56px 24px;}
	.main-business-title{margin-bottom:26px;}
	.main-business-title .main-con-title{margin-bottom:12px;}
	.main-business-item .hover .btn-more{display:none;}
	.main-business-item .hover h4{font-size:26px; margin-bottom:12px;}
	.main-business-item .hover p{font-size:14px;}

	.main-media{padding:56px 24px;}
	.main-media .main-section-title{margin-bottom:24px;}
	.main-media-items{gap:60px; flex-wrap:wrap;}
	.main-media-item{width:100%;}
	.main-media-title h3{font-size:32px;font-weight:800;}
	.main-media-header{margin-bottom:26px;}
	.main-media-header .btn-media-more{width:40px;height:40px;}
	.main-media-items{gap:40px;}
	.main-press-list{gap:12px;}
	.main-press-list a{padding:14px 20px;}
	.main-press-list .title{font-size:14px;}
	.main-press-list .date{font-size:12px;}

	.main-contact{padding:50px 24px; min-height:0;}

	.main-contact-items a{padding:30px 36px; width:100%; gap:14px; min-height:0;}
	.main-contact-items .title{font-size:24px;}
	.main-contact-items p{font-size:15px;}
	.main-contact-items p br{display:none;}
	.main-contact-items .ic-more-main{transform:translateX(6px);}


	/* contents */
	.data-view-top .title{font-size:2.8rem;}

	.product-intro1 .product-intro1-title .strong{font-size:32px; line-height:1.2;}

	.product-intro2{padding:80px 16px;}
	.product-intro2-title h3{font-size:32px; line-height:1.2;}
	.product-intro2-title p{font-size:16px;}
	.product-intro2-items{flex-wrap:wrap;gap:8px;}
	.product-intro2-items li{width:calc(50% - 10px);}

	/* A매거진 */
	.card-list .item-row{padding:4rem 0; gap:2.4rem; align-items: flex-start;}
	.card-list .photo{width:20rem; height:auto; aspect-ratio: 30/22;}
	.card-list .photo img{min-height:100%;min-width:100%; object-fit: cover; transition: all 0.3s;}
	.card-list .info{width:calc(100% - 200px - 24px); padding:0;}
	.card-list .info .title{font-size:2rem;margin-bottom:12px;}
	.card-list .info .summary{font-size:14px; height:64px; margin-bottom:10px;}

	.main-contact-items{margin:0; width:100%;}
	.main-contact-items a{width:calc(50% - 6px);}

}

@media (max-width:640px){
	:root {
		--font-size-default: 1.6rem;
	}

	/* common */
	select{background-size:2rem 2rem; padding:0 3.6rem 0 1.2rem;}
	input[type="text"],
	input[type="password"],
	input[type="file"],
	input[type="date"]{padding:0 1.2rem;}
	.input-textarea{padding:1.6rem;}

	.btns-wrap{margin:32px 0;}
	.btns-wrap .btn{min-width:12rem;}

	.pagination{margin:32px 0;}

	.con-title{font-size:2rem; margin-bottom:2rem;}

	/* layout */
	.footer-contact .info{gap:5px;}
	.footer-contact .info li{width:100%; line-height:1.2;}
	.footer-contact .info li:after{display:none;}

	.page-top{height:270px;}
	.page-title{font-size:24px;line-height:1.5;margin-top:30px;}

	.page-contents{padding:40px 24px 50px 24px;}
	.page-contents.tab{padding:20px 24px 50px;}

	/* main */
	.main-visual-copy .copy-lg{font-size:24px;}
	.main-visual-copy .copy-sm{font-size:14px;}

	.case-slider .summary{height:60px;}

	.main-contact-inner{gap:0;}
	.main-contact .main-con-title{margin-bottom:26px;}
	.main-contact .main-title-sub{display:none;}
	.main-contact-items{flex-wrap:wrap; margin:0;}
	.main-contact-items a{width:100%;}

	/* contents */
	.product-intro1-items dd br{display:none;}

	.con-tab-nav{margin-bottom:20px;}
	.con-tab-nav li{width:22%;}
	.con-tab-nav button{font-size:16px;height:50px;}
	.con-tab-nav button .num{display:block;}
	.con-tab-nav button .txt{display:none;}
	.con-tab-nav .active{flex:1;}
	.con-tab-nav .active button .num{display:none;}
	.con-tab-nav .active button .txt{display:block;}

	.mechanism-photo{margin-bottom:28px;}
	.mechanism-photo img{aspect-ratio: 312/200;}

	.tab-sec-title{margin-bottom:28px;}
	.tab-sec-title .title{font-size:24px;line-height:1.25;}
	.tab-sec-title .title-sub{font-size:14px; margin-top:10px;}

	.mechanism-step{gap:44px;}
	.mechanism-step li{padding:28px 20px;}
	.mechanism-step li .num{font-size:20px;top:28px;right:20px;}
	.mechanism-step li strong{font-size:20px; margin-bottom:14px;}
	.mechanism-step li p{font-size:14px;}
	.mechanism-step li + li:before{top:-38px;}

	.product-item{padding:24px;}
	.product-item .product-name{font-size:20px;line-height:1.25;}
	.product-item .sub-txt{font-size:14px;margin-top:10px;}
	.product-item .spec-items li{font-size:16px; gap:16px;}

	.case-list .info .title{font-size:20px;}
	.case-list .info .summary{font-size:14px; margin-bottom:10px;height:64px;}

	.board-list-top{flex-wrap:wrap; gap:8px;}
	.board-list-top .data-search{width:100%;}
	.board-list-top .data-search-form{width:100%;}
	.board-list .item-row .number{width:4rem;}
	.board-list .item-row .date{width:8rem;}

	.data-view-top .title{font-size:2rem; margin-bottom:1.2rem;}
	.data-view-top .date{font-size:1.4rem;}
	.data-view-top{padding-bottom:3.2rem;}

	.data-attachfile{padding:16px 0; gap:16px;}
	.data-attachfile .label{width:80px;}
	.data-attachfile .attachfile-list{gap:8px 16px;}

	.agree-wrap .agree-contents{padding:2rem;}
	.inquery-form .form-row .item-label{width:6.8rem;}
	.inquery-form .form-row.flex-wrap .item-label{margin:0;}

}
@media (max-width:480px){

	.product-intro2-items{flex-wrap:wrap;gap:8px;}
	.product-intro2-items li{width:calc(50% - 4px);}
	.product-intro2-items li{padding:32px 16px;}
	.product-intro2-items li em{font-size:20px;}
	.product-intro2-items li p{font-size:14px;}

	.case-list .photo{width:160px;}
	.case-list .info{width:calc(100% - 160px);}

	.product-intro2-items p br{display:none;}

	/* A매거진 */
	.card-list .item-row{padding:3.2rem 0;}
	.card-list .photo{width:17rem;}
	.card-list .info{width:calc(100% - 170px - 24px);}
	.card-list .info .title{font-size:18px;margin-bottom:4px;}
	.card-list .info .summary{font-size:14px; margin-bottom:6px;}

}