@charset "utf-8";

@media screen and (max-width: 1400px) {
	.sliderInput {position: relative;width: 100%;background: #000;border-radius: 0;}
	.sliderInfo .sliderTextBox {margin:0 auto ;}
	#counterWrap {margin: 0 auto;width: 82%;}

	.slider .slick-slide {height: 600px;}
	#scrollBtn {display: none;}
	.sliderTextBox .text02 {font-size: 34px;line-height: 48px;}
	.sliderTextBox .text02 br {display: none;}

	.slideraApliInfo {border-radius: 0;border: 0;}

	.slideraApliInfo .appliBox {width: 60%;}
	.slideraApliInfo .appliBox .appliText{display: flex;}
	.slideraApliInfo .appliBox .appliText>ul{flex: 2;padding-right: 10px;}
	.slideraApliInfo .appliBox .appliText>.appliBtn {margin: 10px 0;width: 70px;line-height: 90px;}
	.slideraApliInfo .appliBox .appliText>.appliBtn > a{width: 100%;height: 100%;padding: 0;border-radius: 5px;}

	.appliBoxSliderInfo {border-radius: 0;border: 0;background: #f5f5f5;border-bottom: 1px solid #f1f1f1;}
	.appliBoxSliderInfo .bigTitle {color: #181818;}
	.appliBoxSliderInfo .appliBoxSlider > div {color: #181818;}
	.appliBoxSliderInfo .appliBoxSlider ul li { padding: 6px 0;font-size:15px;}
}

@media screen and (max-width: 1079px) {
	.mainHeader.tblack .menu>li>a {color: #fff;}

	#headerWrap.nav-up .mainHeader.tblack {top: -70px;}
	#headerWrap.nav-down .mainHeader.tblack {background: #ffffffd6;border-bottom: 1px solid #eaeaea;box-shadow: 1px 1px 1px #00000014;}

	.mainHeader.open #mask {display: block;}
	.mainHeader #mask {display: none;}

	/*모바일버튼*/
	.mainHeader .mobileMenu {display: block;}
	.nav-down .mainHeader .menuBtn span {background: #000;}
	.nav-down .mainHeader .menuBtn.active span {background: #fff;}

	.mainHeader nav {display: none;}
	.mainHeader.open nav {display: block;}
	.mainHeader.open nav .menu {display: block;position: fixed;top: -20px;right: 0;width: 360px;height: 100vh;background: #25262b;padding-top: 100px;z-index: 9999;overflow: hidden;}
	.mainHeader.open nav .menu>li {display: block;border-bottom: 1px solid #333333;}
	.mainHeader.open nav .menu>li>a {margin: 0 0%;}
	.mainHeader.open nav .subMenu {position: relative;display: none;top: 0px;padding: 20px 0;}
	.mainHeader.open nav .mobileMenu {display: block;}
	/**/

	.mainHeader {padding: 10px 0;}
	.mainHeader.open {}
	.textBox {margin: 0;padding-bottom: 30px;}
	.stepBox {display: flex;flex-direction: column;align-items: center;}
	.mainHeader.tblack .menu>li>p {color:  #fff;}

	#scrollnavi {display: none;}

	#counterWrap {display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.sliderTextBox .text02 {margin-bottom: 20px !important;padding: 0 20px;}
	#counterWrap>li .title {font-size: 30px;width: 230px;text-align: left;}
	#counterWrap>li .num {font-size: 40px;width: 120px;}
	#counterWrap>li .text {font-size: 30px;}

	.mainHeader>.inner {max-width: 1080px;}

	#partner .partnerBox {padding: 30px 0 0 0;}

	.tabSlider .slick-arrow,
	.partnerSlider .slick-arrow{top: -20px;}
	.tabSlider .slick-slide.img{margin: 0 10px;}

	.stepBox {grid-gap: 30px;}
	section#main {padding:  0}
	section#customer {padding-bottom: 0;}
	section {padding:  100px 0;}

	footer {position: initial;}
	.mainFooter {width: 94%;padding: 0 3%;}
}

@media screen and (max-width: 800px) {
	.areaBox {flex-direction: column;}
	.areaBox .areaImg {height: 490px;width: 100%;min-width: 320px;flex: none;background-size: contain;}
}

@media screen and (max-width: 767px) {
	section {padding: 60px 0;}

	.subHead {height: 200px;}
	.subHead .subTitle {font-size: 30px;}
	#asideMenu {position: absolute;top: 0;}

	.sliderInfo .sliderText {padding:  0 20px;}
	.sliderInfo .sliderText>p {font-size: 32px;line-height: inherit;}
	.slick .slick-slide.img { margin: 0 5px;}
	.infoBoxPhoto {margin: 20px 0 50px 0;}
	.infoBox .title {border: 0}
	section#customer {padding-top: 20px;}
	#subPage article {width:  90%;padding: 60px 5%;}

	#counterWrap {width: 100%;}

	.mainFooter .fotterText {padding-left: 0;padding-top: 40px;}
	.mainFooter .fotterText p br {display: none;}

	.company .companyStep {flex-direction: column;padding: 30px 0 0 0;}
	.company .companyStep li {margin-bottom: 20px;}
	.company .companyStep li:last-child {margin-bottom: 0;}

	.applicationWrap {}
	.appliInfo .appliBox {margin: 0 auto 35px;}
	.appliBox>.appliText > li{flex-direction: column;border: 0;}
	.appliBox>.appliText > li .tit {line-height: inherit;margin-bottom: 5px;align-self: flex-start;}
	.appliBoxSliderInfo .appliBoxSlider ul li { padding:0;}

	#customer .customerWrap{flex-direction: column;}
	#customer .customerBg {padding-bottom: 60px;}
	#customer .notice {padding: 0;padding-bottom: 50px;}
	.customerWrap  .boList {grid-template-columns: repeat(1, 1fr);}

	.stepBox .stepInfo {padding: 20px 0 30px 0;}
	.boList {grid-template-columns: repeat(1, 1fr);}

	.inputBox>li.hide {display: none;}

	.elevatorBox { margin: 25px 0;}
	.inputBox.add>ul {flex-direction: column;}
	.inputBox.add>ul:last-child {}
	.inputBox.add>ul li {margin-right: 0;}
	.inputBox.add>ul label {width: 70px;}
	.inputBox.add .addBox > li:last-child {align-self: flex-end;margin-top: 5px;}

	.appliInfo .appliBox .title.bd0 { flex-direction: column;align-items: normal;}
	.appliInfo .appliBox .title .flex {flex-direction: column;flex: 1;}

	.totalAmount {margin: 5px 0 0 0;}
	.totalInfo {padding: 5px;}

	.appliBox .inputBox.ul2>li {width: 100%;padding: 10px 0 0 0;}
	.appliBox.confirm .inputBox  {margin-bottom: 10px;}
	.appliBox.confirm .inputBox.border>li {flex-direction: column;padding: 0;}
	.appliBox.confirm .inputBox.border>li label {flex: 1;margin-right: 0;margin-bottom: 10px;width: 100%;}
	.appliBox.confirm .inputBox>li label {width: 60px;}
	.inputBox .numBox .num {margin-right: 0;}

	.slideraApliInfo .appliBox {width: 100%;}
}

@media screen and (max-width: 600px) {
	.sliderTextBox .text02.hidden {display: none;}
	.sliderTextBox .text02 br {display: block;}
	.sliderTextBox .text01 {font-size: 20px;}

	.appliBox>.appliText li .tit {width: 80px;}
}

@media screen and (max-width: 500px) {
	.mainHeader {top: 0;}

	section article { width: 90%;padding: 0 5%;}
	.mainHeader.tblack .mobileMenu {top: 0;margin-top: 10px;}
	.textBox .titB {font-size: 24px;}
	.sliderInfo .sliderText>p {font-size: 26px;}
	.sliderInfo .sliderText .text02 {display: contents;}
	.slider .slick-slide {height:  450px;}

	#counterWrap>li .title {font-size: 24px;width: 162px;text-align: left;}
	#counterWrap>li .num {font-size: 36px;width: 116px;}
	#counterWrap>li .text {font-size: 26px;}

	#partner .partnerBox {grid-template-columns: repeat(1, 1fr);}

	#customer .customerWrap {padding-bottom: 80px;}
	#customer .faqBox img {width: 12px;}
	#customer .faqBox p {padding-left: 1px;height: 25px;line-height: 25px;}
	#customer .plusBtn > a img {margin-top: 0;width: 30px;}

	.pointBtn {right: 20px;bottom: 20px;}
	.mainFooter {width: 90%;padding:  0 5%;}

	.subtexttit br {display: none;}

}