.container { width:100%; max-width:100% !important; padding-top:0px; }
.container .rightPage { max-width:100% !important; padding:0; }

header{position: fixed; left: 0; top: 0; width: 100%; height: 88px; background: transparent; backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); transition: all .4s ease; z-index: 10; border-bottom: 0;}
header.on{background: rgba(0, 0, 0, 0.11);}
header .headerPos{position: relative; text-align: center; width: 100%; height: 100%;}
header .inner{width: 1058px; height: 100%; display: inline-flex; position: relative;}
header .gnb{display: inline-flex; align-items: center;}
header .gnb li{margin-right: 77px; padding-top: 22px;}
header .gnb li:last-child{margin-right: 0;}
header .gnb li a{font-weight: 500; font-size: 18px; color: #fff;}
header.on .gnb{display: none;}
header .goConsult{position: absolute; right: 21.9vw; top: 50%; transform: translateY(-50%); width: 188px; height: 49px; border-radius: 5px; background: #ffa923; font-weight: bold; font-size: 18px; letter-spacing: -0.9px; color: #fff; display: none; align-items: center; justify-content: center; cursor: pointer; user-select: none;}
header.on .goConsult{display: flex;}
header .topBtn{position: absolute; right: 42px; top: 50%; transform: translateY(-50%); cursor: pointer; display: none;}
header.on .topBtn{display: block;}
header .logo a{display: block; margin: 0 84px 0 50px; width: 262px; height: 80px; text-indent: -9999px; background: url('../images/logo_pcW.png') no-repeat;}
header.on .logo a{background: url('/images/logo_pcB.png') no-repeat;}

.section1{width: 100%;}
.section1 .inner{position: relative;}
.section1 #s1_anchor{position: absolute; left: 0; top: -88px; background: transparent; width: 1px; height: 1px;}
.section2{width: 100%; max-height: 889px; padding-top: 4.8vw; padding-bottom: 10.3vw; background: #f6f8fc;}
.wrap.pc .section2 .inner{width: fit-content; max-width: 1304px; margin: 0 0 0 24.2vw; }
.section2 .pcContent .sec2Top{display: block; width: 30vw; max-width: 576px;}
.section2 .pcContent div{display: grid; grid-auto-flow: column; align-items: end; width: 100%; margin-top: 5.2vw;}
.section2 .pcContent div img:first-child{width: 15.5vw; max-width: 298px;}
.section2 .pcContent div img:last-child{width: 48.4vw; margin-left: 7.6%; max-width: 929px;}
.section3 { max-height: 939px; background: #e6efff; padding-top: 178px; }
.section3 .sec3Txt{margin-right: 2.9vw; max-width: 491px; width: 25.6vw;}
.section3 .sec3Hi{max-width: 451px; width: 23.4vw;}
.slide { 
  display: flex; 
  overflow: hidden;
  position: relative;
}
.slide .rolling-list ul { 
	display: flex;
}
.slide .rolling-list ul li { 
	width: 328px; 
	height: 275px; 
    box-sizing: border-box; 
    border-radius: 40px 40px 0 0; 
    margin: 0 11px;  
    display: flex; 
    align-items: center; 
    flex-shrink: 0; 
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.14);
	border: 1px solid #e3e3e3;
	background: #fff;
	text-align: center;
	opacity: 1;
	transition: opacity 0.3s;
	justify-content: center;
}

.slide:before { content:""; top: 0; left:0; position: absolute; display: inline-block; width: 38%; height: 100%; z-index: 1; background-image: linear-gradient(90deg, rgba(230, 239, 255, 0.7)
, transparent ); }
.slide:after { content:""; top: 0; right:0; position: absolute; display: inline-block; width: 38%; height: 100%; z-index: 1; background-image: linear-gradient(90deg, transparent, rgba(230, 239, 255, 0.7)); }

.innerDiv { margin-bottom: 115px; display: flex;align-items: center; justify-content: center; text-align: center; }
.rolling-list.original {
	animation: rollingleft1 65s linear infinite;
}
.rolling-list.clone {
	animation: rollingleft2 65s linear infinite;
}
@keyframes rollingleft1 {
	0% { transform: translateX(0); }
	50% { transform: translateX(-100%); }
	50.01% { transform: translateX(100%); }
	100% { transform: translateX(0); }
}

@keyframes rollingleft2 {
	0% { transition: translateX(0); }
	100% { transform: translateX(-200%); }
}

@media all and (max-width:968px ){
	.sec1 { padding-top: 80px; }
	.innerDiv { margin-bottom: 60px; }

}

.section4{width: 100%; background: #4a64f5;}
.section4 .w1228Img{width: 100%; max-width: 1228px;}
.section5{width: 100%; background: #e6efff;}
.section6{width: 100%; background: #fbfbfb;}
.section7{width: 100%; background: #e9e9e9;}
.section8{width: 100%; background: #242e61;}

.modalDownload { width:100%; height:100%; position:fixed; top:0; left:0; z-index:1030; background-color:rgba(0,0,0,0.7); text-align:center; display:none; overflow:auto; align-items: center; justify-content: center;}
.modalX {  width:27px; height:27px; display:inline-block; background:url('../../images/modalX.png')  no-repeat;  position:absolute; right:-21px; top:49px; }
.modalX:hover { background:url('../../images/modalX_hover.png') no-repeat; cursor:pointer; }

/*견적서 나오기 전 임시 모달*/
.consultAlarm{width: 474px; height: 218px; display: flex; align-items: center; flex-direction: column; background: #fff url('../../images/consultAlarmBg.png') no-repeat center 32px; border-radius:10px; padding-top: 108px;}
.consultAlarm p{font-weight: 700; font-size: 18px; color: #000; margin-bottom: 24px;}
.consultAlarm .okBtn{width: 104px; height: 39px; display: flex; align-items: center; justify-content: center; background: #e9e9e9; border-radius: 3px; font-size: 13px; color: #000; cursor: pointer; user-select: none;}
.consultAlarm .okBtn:hover{background: #6b6b6b; color: #fff;}

#modalDownload1 { width:127px; height:621px; display:inline-block; position:absolute; top:240px; left:284px; background:url('../../images/modalDownload1.png') no-repeat; display:none;  cursor:pointer; }
#modalDownload2 { width:127px; height:621px; display:inline-block; position:absolute; top:240px; left:415px; background:url('../../images/modalDownload2.png') no-repeat; display:none; cursor:pointer; }
#modalDownload3 { width:127px; height:621px; display:inline-block; position:absolute; top:240px; left:546px; background:url('../../images/modalDownload3.png') no-repeat; display:none; cursor:pointer; }

.modalDownload::-webkit-scrollbar { width:1px; }
.modalDownload::-webkit-scrollbar-thumb { background-color:#bfbfbf; }
.modalDownload::-webkit-scrollbar-track { background-color:#dcdcdc; }

#footer { height:100%; max-height:616px; }
#footer .inner { width:100%; height:100%; text-align:center; position:relative; }
#footer .inner img { width:100%; max-width:1080px; display:inline-block; margin:0 auto 0; }

.w1080Img{width: 100%; max-width: 1080px;}

@media (max-width: 1586px){
	.section3 .sec3Txt{width: 29.6vw;}
	.section3 .sec3Hi{width: 27.4vw;}
	.section4 .w1228Img{width: calc(100% - 8rem);}
}

@media (max-width: 1400px){
	section .inner{width: 100%;}
	main img{width: calc(100% - 8rem);}
	.w1080Img{width: calc(100% - 16rem);}
	.section4 .w1228Img{width: calc(100% - 16rem);}
	/*주먹 영역 반응형*/
	.wrap.pc .section2 .inner{margin: 0 0 0 16.2vw;}
	.section2 .pcContent .sec2Top{width: 34vw;}
	.section2 .pcContent div img:first-child{width: 19.5vw;}
	.section2 .pcContent div img:last-child{width: 52.4vw;}
}

@media (max-width: 1280px){
	main img{width: calc(100% - 4rem);}
	.w1080Img{width: calc(100% - 12rem);}
	section .inner.w1228{width: 100%;}
	footer .container{width: calc(100% - 100px); max-width: 1080px;	}
}

@media (max-width: 1080px){
	.m1080Img{display: inline-block; width: 100%;}
	.w1080Img{width: 100%;}
	.show1080{display: initial !important;}
    .hide1080{display: none !important;}
	.pcOnly{display: none !important;}
	.mobileOnly{display: initial !important;}
    .mobileHide{display: none !important;}
    .pcImg{display: none;}
	.pcContent{display: none;}
	.m_top.on{position: fixed; right: 0; bottom: 97px; display: inline-block; width: 53px; height: 53px; background: url('../images/mTop.png') no-repeat; cursor: pointer; z-index: 99;}
	.m_goConsult.on{position: fixed; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; background: #ffa923; font-weight: bold; font-size: 22px; letter-spacing: -1.1px;  color: #fff; cursor: pointer; z-index: 99;}
	header{height: 84px;}
	header.on .goConsult{display: none;}
	header .logo a{margin: 9px 0 0 1rem; width: 196px; height: 59px; text-indent: -9999px; background: url('../images/logo_mW.png') no-repeat;}
	header.on .logo a{background: url('../images/logo_mB.png') no-repeat;}
	header .gnb{display: none;}

	.topBtn{display: none !important;}
	main img{margin-top: 17.8vw; margin-bottom: 10vw;}
	.wrap.pc .section2 .inner{margin: 0;}
	.section2{padding: 0;}
	.section3{padding-top: 0;}
	.section3 .innerDiv{padding-top: 17.1vw; padding-bottom: 10.5vw; margin-bottom: 0;}
	.section3 .sec3Txt{width: 45.5vw;}
	.section3 .sec3Hi{width: 41.8vw;}
	.slide .rolling-list ul li{width: 30vw; height: 23vw; border-radius: 3.8vw 3.8vw 0 0; margin:  0 1vw;}
	.slide .rolling-list ul li img{max-width: 185px; width: 17.1vw;}
	section .inner.w1228{width: 100%;}
	footer{margin-bottom: 60px;}
	.boxFooter .pcOnly{margin: 0;}
}

@media (max-width: 768px){
	footer .copyright{font-size: 0.9em;}
}

@media (max-width: 570px){
	footer .copyright{font-size: 0.8em;}
}

@media (max-width: 570px){
	footer .container{height: auto;}
	footer .copyright{padding: 12vw 0 10.4vw 0; height: auto; font-size: 0.7rem;}
}

@media (max-width: 510px){
	footer .copyright{font-size: 2.2vw;}
}