@charset "utf-8";

/* ***** responsive ***** */
@media all and (max-width:1300px){
	#visualSlider li{height:600px;}
	#visualSlider li .txt-grp{padding:0 80px;width:auto;}
	#visualSlider > button{width:50px;height:50px;}
	#visualSlider .swiper-button-prev{left:15px;}
	#visualSlider .swiper-button-next{right:15px;}
}

@media all and (max-width:1210px){
	.main-section6 .inner{gap:20px;}
	.main-section6 .left{width:calc(55% - 10px);}
	.main-section6 .right{width:calc(45% - 10px);}
	.sub-section2 .con{width:auto;}
	.sub-section3 .grp strong{margin-right:0;}
	.sub-section4 .left{padding:0 15px;}
	.sub-section4 .con{padding-right:30px;width:100%;}
	.product-list > li > a{width:auto;}
	.product-view .middle .img{margin-left:auto;height:auto;}
	.product-view .middle .img.empty{min-width:400px;min-height:400px;}
}

@media all and (max-width:1024px){
	#header{height:60px;border-bottom:1px solid #eee;box-sizing:border-box;}
	#header .logo img{height:36px;}
	#header .btn-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;}
	#header #gnb{display:none;position:fixed;left:0;top:60px;width:100%;height:auto;background:#fff;}
	#gnb .menu{display:block;}
	#gnb .menu > li.last{margin-left:0;}
	#gnb .menu > li > a{width:auto;padding:0 20px;height:50px;line-height:50px;text-align:left;border-bottom:1px solid #eee;}
	#gnb .menu > li.last > a{background:transparent;color:#000;}
	#header.active #gnb{display:block;}
	#header.active .btn-menu span:nth-child(1){transform:translateY(9px) rotate(45deg);}
	#header.active .btn-menu span:nth-child(2){opacity:0;}
	#header.active .btn-menu span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}
	#container{padding-top:60px;}

	#footer{padding:70px 0;}
	#footer > .inner{flex-direction:column;gap:30px;}
	#footer .center{width:auto;}
	#footer .right{text-align:left;}
	#footer .f-sns, #footer .f-link{justify-content:flex-start;}

	#visualSlider li .txt-grp > .txt-wrap.txt1 > span{font-size:50px;}
	.main-product{flex-direction:column;}
	.main-product li a{padding:30px 15px;height:auto;}
	.main-product li a:before{background-size:cover;}
	.main-product li a:hover{width:100%;}
	.main-feature{gap:10px;}
	.main-feature > li a{padding:28px 10px 15px;}
	.agent-list{gap:10px;}
	.agent-list li{width:calc(25% - 8px);}

	.sub-section1 .row1,
	.sub-section1 .row2{flex-direction:column;}
	.sub-section3 .grp{flex-wrap:wrap;}
	.sub-section3 .grp .img{margin-left:0;width:100%;}
	.sub-section4{flex-direction:column;}
	.sub-section4 .left,
	.sub-section4 .right{width:100%;}
	.sub-section4 .con{position:static;padding:80px 0;}
	.business-list{gap:10px;width:auto;}
	.value-list{flex-wrap:wrap;justify-content:center;width:auto;}
	.product-tab > li > a{width:150px;}
	.product-view .middle{flex-direction:column;}
	.product-view .middle .img{margin:0 auto;max-width:610px;width:auto;}
	.customer-list > li strong{font-size:20px;}
}

@media all and (max-width:768px){
	.mobile-only{display:block !important;}
	.web-only{display:none !important;}

	body{font-size:14px;}
	-webkit-input-placeholder{font-size:12px;}
	-moz-placeholder{font-size:12px;}
	-ms-input-placeholder{font-size:12px;}

	#footer{padding:40px 0;}
	#footer > .inner{gap:20px;}
	#footer .f-logo img{height:50px;}
	#footer .center b{display:none;}
	#footer .f-sns{margin-bottom:20px;}

	.title-area{margin-bottom:30px !important;}
	.title-area em,
	.main-section2 em{margin-bottom:12px !important;}
	.title-area .title{margin-bottom:15px !important;font-size:24px !important;}

	.main-section2,
	.main-section3,
	.main-section4,
	.main-section5,
	.main-section6{padding:40px 0;}
	.main-section6 .inner{flex-direction:column;}
	.main-section6 .left,
	.main-section6 .right{width:auto;}

	#visualSlider li{height:300px;}
	#visualSlider li .txt-grp{top:60px;padding:0 60px;}
	#visualSlider li .txt-grp > .txt-wrap > span{font-size:14px;}
	#visualSlider li .txt-grp > .txt-wrap.txt1{margin-bottom:20px;}
	#visualSlider li .txt-grp > .txt-wrap.txt1 > span{font-size:30px;}
	#visualSlider .swiper-button-prev{left:0px;}
	#visualSlider .swiper-button-next{right:0px;}
	.main-section2:before{bottom:-300px;background-size:auto 200px;}
	.main-section2 .con{width:auto;}
	.main-section2 .title{padding-bottom:17px;font-size:24px;}
	.main-product{margin-bottom:30px;}
	.main-product li .title{font-size:18px;}
	.main-product li .desc{margin-bottom:15px;padding-bottom:15px;}
	.main-product li .tag{margin-bottom:15px;}
	.main-feature{flex-wrap:wrap;}
	.main-feature > li{flex:1 1 40%;}
	.main-feature > li a{min-height:210px;}
	.main-feature > li i{width:50px;height:50px;line-height:50px;}
	.main-feature > li img{width:40px;}
	.main-feature > li .title{line-height:24px;font-size:18px;}
	.agent-list li{width:calc(50% - 5px);height:80px;line-height:80px;}
	.agent-list li img{height:60px;}
	.main-section6 .left{min-height:270px;}
	.notice-content .tab-bar li a{font-size:16px;}
	.notice-content .tab-bar li.active a{font-size:18px;}
	.notice-content .tab-page .list > li{height:42px;line-height:42px;}
	.notice-content .tab-page .list > li.empty{height:210px;}
	.qna-info .h3-title{font-size:18px !important;}
	.qna-info strong{font-size:24px;}
	
	.sub-top{height:200px;}
	.sub-top h2{padding-top:60px;line-height:140px;font-size:24px;}
	.tab-link > ul{gap:0 20px;}
	.tab-link > ul > li{padding:15px 0;}
	.tab-link > ul > li > a{font-size:16px;}
	.menu-tab{padding:15px 0;}
	.menu-tab ul{gap:20px;}
	.menu-tab li a{font-size:16px;}
	.btn{padding:5px 20px !important;min-width:140px !important;font-size:16px !important;}
	.product-view .top .btn{padding:5px 10px !important;min-width:100px !important;font-size:13px !important;}
	.info-box{margin:40px 0;padding:30px 20px;}
	.info-box .title{margin-bottom:15px;font-size:18px;}
	.list-num > li{margin-bottom:10px;}
	.list-square > li{padding-left:12px;}
	.h3-title{margin-bottom:15px !important;font-size:24px !important;}
	.h4-title{margin-bottom:12px !important;}
	.section-title{margin-bottom:30px !important;}
	.sub-section1,
	.sub-section2,
	.sub-section3{padding:40px 0;}
	.sub-section1 .h4-title{font-size:20px;line-height:1.5em;}
	.sub-section1 .row1{margin-bottom:40px;}
	.sub-section1 p{margin-bottom:20px;font-size:16px;}
	.business-list > li span{height:50px;font-size:16px;}
	.value-list > li{width:140px;height:140px;font-size:16px;background-size:contain;}
	.value-list > li img{width:36px;}
	.sub-section2:before{display:none;}
	.sub-section2 .txt{font-size:16px;}
	.sub-section3 .grp strong{font-size:24px;}
	.sub-section3 .grp .img{gap:10px;}
	.sub-section3 .grp .img img{width:calc(50% - 5px);}
	.sub-section4 .con{padding:40px 0;}
	.sub-section4 .right{height:250px;}
	.agent-section,
	.request-section{padding:40px 0;}
	.product-tab > li > a{width:100px;height:40px;font-size:16px;}
	.product-list{gap:10px;}
	.product-list > li{width:calc(50% - 5px);}
	.product-list > li .title{font-size:18px;}
	.product-view,
	.customer-section,
	.notice-section,
	.qna-section,
	.faq-section{padding:40px 0;}
	.contact-section{padding-bottom:40px;}
	.qna-section:before{display:none;}
	.qna-section .con{width:auto;}
	.qna-section p{margin-bottom:20px;}
	.qna-section .info{margin-bottom:20px;padding-top:15px;}
	.product-view .h4-title{font-size:16px;}
	.product-view .top{padding-bottom:40px;}
	.product-view .middle{gap:20px;margin-bottom:0;}
	.product-view .middle .h4-title{line-height:1.5em;}
	.product-view .btn-area{margin:30px 0;}
	.customer-list{flex-direction:column;gap:10px;}
	.customer-list > li{padding:20px;}
	.customer-list > li i{width:60px;height:60px;line-height:60px;}
	.customer-list > li b{font-size:18px;}
	.customer-list > li .btn.line{margin-top:0;font-size:14px;}
	.notice-list > li > a{padding:20px 4px;}
	.notice-list > li .title{margin-bottom:10px;font-size:18px;}
	.notice-list > li .date{display:block;position:static;margin-top:10px;}
	.faq-list > li .title{padding:10px 48px 10px 20px;font-size:16px;}
	.faq-list > li .title:before{right:0;top:0;width:40px;height:40px;}
	.faq-list > li .con{padding:10px 20px;}
	.form-list > li.cols2{width:100%;}

	.w380{width:auto;}
}

@media all and (max-width:500px){
	.business-list{flex-wrap:wrap;}
	.business-list > li{width:calc(50% - 5px);}
	.business-list > li span{height:40px;font-size:14px;}
	.qna-section .info{flex-direction:column;gap:10px;}
	.product-tab{flex-wrap:wrap;gap:5px;}
	.product-tab > li{flex:1 1 40%;}
	.product-tab > li > a{width:100%;}
	.product-list{flex-direction:column;}
	.product-list > li{width:100%;}
	.product-view .middle .img.empty{min-width:280px;min-height:280px;}
	.product-view .middle .btn{margin:5px 0;width:100%;}
}

@media all and (max-width:360px){
	
}