html{font-size:62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
body{height:100%; font-family: 'Pretendard', sans-serif; font-size:1.6rem; line-height: 1.2; overflow-x:hidden; word-wrap:break-word; word-break: keep-all;}

#app{width:100%; overflow-x:hidden;}
.main #fullpage{opacity: 0; transition: opacity 3s; overflow: hidden;}
#fullpage.init{opacity: 1; overflow: auto;}

/* header */
#header{position: fixed; top:0; left:0; right:0; z-index: 999; padding:46px 0; transition: background 0.2s;}
#header .inner{max-width:1752px; padding:0 16px; margin:0 auto; display:flex; align-items: center; position: relative;}
#header .logo{width:20.2rem; height:3.6rem; position: relative;}
#header .logo:before{content:""; display:block; width:100%; height:100%; background:url('../img/main_renewal/logo.png') no-repeat center / 20.2rem auto; position: absolute; top:0; left:0}
#header .logo:after{content:""; display:block; width:100%; height:100%; background:url('../img/main_renewal/logo-w.png') no-repeat center / 20.2rem auto; position: absolute; top:0; left:0; opacity: 0;}
#header .logo a{display:block; width:100%; height:100%; position: relative; z-index: 1;}
#header .gnb{position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
#header .gnb-list{display:flex; justify-content: center;}
#header .gnb .list-item{margin:0 3rem; position: relative;}
#header .gnb .item-link{display:block; font-size:1.8rem; font-weight:700; color:#000; letter-spacing: -0.04em; position: relative; padding:1em 0;}
#header .gnb .item-link.more{padding-right:16px;}
#header .gnb .item-link.more:after{content:""; display:block; width:0; height:0; border-top:4px solid #000; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:none; position: absolute; right:0; top:50%; margin-top:-4px}
#header .gnb .sub{position: absolute; top:52px; left:50%; transform:translateX(-50%); text-align: center; display: none; box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
#header .gnb .sub-list{border-radius:5px; padding:20px 16px; background:#fff;}
#header .gnb .list-sub-item + .list-sub-item{margin-top:1em;}
#header .gnb .sub .item-sub-link{white-space: nowrap; font-weight:500; font-size:16px;}
#header .gnb .sub .item-sub-link:hover{color:#29d7b6}
#header .utill{display:flex; align-items: center; gap:6px; flex:none; margin-left:auto;}
#header .utill .utill-item{min-width:10rem; height:4rem; padding:0 24px; border-radius: 9999px; background:#000; color:#fff; font-size:1.6rem; font-weight:800; display:flex; align-items: center; justify-content: center; padding-top:1px;}
#header .utill .utill-item .icon{font-weight:400; font-size:1.8rem; margin-right:6px; margin-left:-4px; margin-top:2px}
#header .utill .utill-item.login{background:#29d7b6}
#header{transition: opacity 0.3s}
#header.on{border-bottom:1px solid #eee;;}
#header.white{border-bottom:none;}
#header.white .logo:after{opacity: 1;}
#header.white .logo:before{opacity: 0;}
#header.white .gnb .item-link{color:#fff;}
#header.white .gnb .item-link.more:after{border-top-color:#fff;}
#header.white .utill .utill-item.contact{background:#333}
#header.hide{opacity: 0;}

#header .utill .utill-item.dashboard{background:#29d7b6;}
#header .utill .utill-item.logout{background:#181818;}
#header .utill .utill-item.admin{background:#DF2F41}

.sub #header{transition: all 0.2s; background:#fff; height:133px;}
.sub #header.sub_on{background:#fff; border-bottom:1px solid #eee; height:100px; padding:30px 0;}
.sub_white #header{border-bottom:none; transition: all 0.2s; height:133px;}
.sub_white #header .logo:after{opacity: 1;}
.sub_white #header .logo:before{opacity: 0;}
.sub_white #header .gnb .item-link{color:#fff;}
.sub_white #header .gnb .item-link.more:after{border-top-color:#fff;}
.sub_white #header .utill .utill-item.contact{background:#333}
.sub_white #header.sub_on{background:#fff; border-bottom:1px solid #eee; height:100px; padding:30px 0; }
.sub_white #header.sub_on .logo:after{opacity: 0;}
.sub_white #header.sub_on .logo:before{opacity: 1;}
.sub_white #header.sub_on .gnb .item-link{color:#000;}
.sub_white #header.sub_on .gnb .item-link.more:after{border-top-color:#000;}
.sub_white #header.sub_on .utill .utill-item.contact{background:#000}
/* mobile menu */
.mobile-menu-btn{padding-left:1rem; margin-left:2rem; position: relative; display:none;}
.mobile-menu-btn:before{content:""; display:block; width:1px; height:2rem; background:#ddd; position: absolute; left:0; top:50%; margin-top:-1rem;}
.mobile-menu-btn .menu-btn{display:flex; align-items: center; justify-content: center; width:5rem; height:5rem; font-size:24px; position:relative;}
.mobile-menu-btn .menu-btn .icon{position: relative; z-index: 1;}
.mobile-menu-btn .menu-btn:after{content:""; display:block; width:4rem; height:4rem; border-radius: 4px; background:#eee; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity: 0; transition: opacity 0.2s;}
.mobile-menu-btn .menu-btn:hover:after{opacity: 1;}
.m-panel{position: fixed; right:0; top:0; width:calc(100vw - 50px); max-width: 400px; background:#000; height:100%; z-index: 9999; color:#fff; transform: translateX(100%); display:none; transition: transform 0.32s;}
.m-panel.on{transform: translateX(0);}
.m-panel-inner{padding:20px 24px}
.m-panel-inner .close-btn{display:flex; align-items:center; justify-content:center; width:4rem; height:4rem; margin-left:auto; font-size:2.4rem;}
.m-panel-inner .m-logo{width:200px; margin:20px 0 30px;}
.m-panel-inner .m-logo img{width:100%;}
.m-panel-inner .utill{border-top:1px solid rgba(255,255,255,0.2); padding-top:2rem; width:100%; display: flex; gap:5px;}
.m-panel-inner .utill-item{display:flex; align-items: center; justify-content: center; background:#333; width:100%; height:4rem; border-radius: 3px; font-size:1.5rem;}
.m-panel-inner .utill-item.login{background:#29d7b6}
.m-panel-inner .gnb{margin-top:60px;}
.m-panel-inner .list-item{margin-bottom:40px;}
.m-panel-inner .item-link{font-size:2rem; font-weight:700}
.m-panel-inner .sub{margin-top:14px}
.m-panel-inner .sub-list{display:flex; flex-wrap: wrap; white-space: nowrap; margin:-5px 0 0 0; opacity: 0.65;}
.m-panel-inner .list-sub-item{width:50%; margin: 5px 0 0 0;}

/* anchor */
.sub .page-anchor{display:none;}
.page-anchor{position: fixed;left: 7rem; top:50%;transform: translateY(-50%);z-index: 9999; display:none;}
.page-anchor .list-item{margin:8px 0;position: relative;padding-left: 16px;}
.page-anchor .list-item a{color:#999; font-size:14px; font-weight:600; letter-spacing: -0.05em;}
.page-anchor .list-item.on a{color:#000; font-weight:700;}
.page-anchor .list-item.on:before{content:""; display:block;width: 3px;height: 14px;position: absolute; left:0; top:50%;margin-top: -6px; background:#29d7b6}

/* footer */
#footer{background:#000; color:#fff; padding-top:5rem; padding-bottom:16rem; margin-top:5px;}
#footer .inner{max-width:1440px; padding:0 16px; margin:0 auto; }
#footer .footer-top{display:flex; justify-content: space-between; margin-bottom:4rem;}
#footer .footer-logo{display:block; width:20.2rem; height:3.6rem; background:url('../img/main/logo_w.png') no-repeat center / 20.2rem auto;}
#footer .footer-logo img{width:100%;}
#footer .footer-menu{display:flex;}
#footer .footer-menu .menu-item{height:3.2rem; line-height:3.2rem; padding:0 1em; font-size:1.4rem; font-weight:500; letter-spacing: -0.05em; background:#3a3a3a; margin-left:2px; transition: background 0.2s;}
#footer .footer-menu .menu-item:hover{background:#29d7b6}
#footer .footer-info{margin-bottom:4rem; display:flex; flex-wrap:wrap; width:100%; max-width:60rem;}
#footer .footer-info .info-item{display:flex; white-space: nowrap; font-size:1.6rem; letter-spacing: -0.04em; font-weight:500; margin:0 2em 0.4em 0;}
#footer .footer-info .item-title{margin-right:1em;}
#footer .footer-info .item-content{opacity: 0.55;}
#footer .footer-notice{opacity: 0.55; margin-bottom:1rem;}
#footer .footer-copy{font-weight:500}

.cmm-title{font-size:4rem; font-weight:800; letter-spacing: -0.04em; color:#000}
.gradient-text{background: rgb(42,214,184); background: linear-gradient(90deg, rgba(42,214,184,1) 0%, rgba(58,190,220,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:900}
.gradient-text2{background: rgb(255,209,252); background: linear-gradient(270deg, rgba(255,209,252,1) 0%, rgba(250,208,198,1) 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:900}
.cmm-title-sub{color:#777; font-weight:600; font-size:2.4rem; letter-spacing: -0.04em;margin-bottom:20px; line-height: 1.3;}
.cmm-btn{display:inline-flex; margin:0 4px; align-items: center; justify-content: center; width:20rem; height:6rem; border-radius: 9999px; background:#091a29; color:#fff; font-size:2rem; font-weight:800; transition: background 0.2s;}
.cmm-btn .icon{font-weight: 400; margin-left:24px; margin-right: -10px;}
.cmm-btn.line{background:none; border:3px solid #000;}
.cmm-btn.green{background:#29d7b6; color:#fff;}

.section.m-sec{min-height:900px;}
.m-sec.sec-01{background:#f5f8fa; /*background: url(../img/main_renewal/sec1-bg.png) no-repeat left top / 100% auto; */ position: relative;}
.m-sec.sec-01 .hero-wrapper{height:100vh;}
.m-sec.sec-01 .hero-wrapper .left{padding-top:50px; position: relative; z-index: 3;}
.m-sec.sec-01 .hero-wrapper .hero-title{padding-bottom:20px;} 
.m-sec.sec-01 .mo-bg{display:none}

.hero-wrapper{display:flex; align-items:center; text-align: left;padding-top:80px;margin-top:-60px; position:relative; z-index: 2;}
.hero-wrapper .left, .hero-wrapper .right{width:50%;}
.hero-wrapper .left{margin-left:54px}
.hero-wrapper .hero-title .cmm-title{margin-bottom:50px; color:#000;}
.hero-wrapper .hero-title .sub{margin-bottom:1.4rem;}
.hero-wrapper .hero-title .sub span{display:inline-block; font-size:2rem; color:#000; font-weight:500; position: relative;}
.hero-wrapper .hero-title .sub span + span{padding-left:10px; margin-left:10px;}
.hero-wrapper .hero-title .sub span:before{content:""; display:block; width:4px; height:4px; border-radius: 50%; background:#888; position: absolute; left:-4px; top:50%; margin-top:-2px; }
.hero-wrapper .hero-title .sub span:first-child::before{display: none;}
.hero-wrapper .cmm-btn.down-btn{background:#29d7b6; box-shadow: 0 10px 20px rgb(0 0 0 / 12%); width:6rem;}
.hero-wrapper .cmm-btn.down-btn .icon{margin:0;}
.hero-wrapper .arrow{display:block; margin-top:5rem;}
.hero-wrapper .arrow-icon{display:block; font-size:2.2rem; color:#000; margin-bottom:8px;}
.hero-wrapper .arrow-label{font-size:14px; color:#aaa; letter-spacing: 0.02em;}
.hero-wrapper .right .img-wrapper{position: relative; margin-top:60px;}
.hero-wrapper .right .img-wrapper .bg{position: absolute;left: 14px;top: 53%;transform: translateY(-50%);}
.hero-wrapper .screen{position: absolute; left:0; top:0; z-index: 1;}
.hero-wrapper .screen.pc{position:relative; left:85px; transform:translateX(50px); opacity: 0; transition: all 0.52s; transition-delay: 0.05s}
.hero-wrapper .screen.mobile{bottom:-20px; top:auto; transform:translateX(50px); opacity: 0; transition: all 0.52s; }
.hero-wrapper.on .screen.pc{position:relative; left:85px; transform:translateX(0); opacity: 1;}
.hero-wrapper.on .screen.pc img{margin-left:-120px;}
.hero-wrapper.on .screen.mobile{bottom:-20px; top:auto; transform:translateX(0); opacity: 1;}
.hero-wrapper.on .screen.mobile img{margin-left:-60px;}

.movie{position: relative; width:100%; height:100%;}
.movie .video-wrapper{display:flex; align-items:center; justify-content:center; width:100%; height:100%; position:relative; background:#000; position: absolute; left:0; top:0; }
.movie .video-wrapper:after{content:""; display:block; background:url(../img/main_renewal/movie-poster2.jpg) no-repeat center; background-size:cover; opacity: 0.28; position: absolute; top:0; right:0; bottom:0; left:0;}
.movie .video-frame{max-width:1000px; aspect-ratio:16/9; border-radius:8px; overflow:hidden; position:relative; z-index:1; width:100%; }
.movie .video-frame iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.movie video{width:100%; height:100%; object-fit: cover;}
.movie .poster{position: absolute;  left:0; top:0; bottom:0; right:0; width:100%; height:100%; object-fit: cover; z-index: 9;}
.movie .poster img{width:100%; height:100%; object-fit: cover; }
.movie .play-btn{position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); background:url(../img/main_renewal/play-btn.png) no-repeat center / 100% auto; width:178px; height:178px; z-index: 10;}

.m-sec{overflow: hidden;}
.m-sec.bg{background:#f5f8fa;}
.m-sec .sec-inner{max-width:1440px; padding:0 16px; margin:0 auto; position: relative;}
.m-sec .sec-txt{padding-left:54px;}
.m-sec .sec-txt .num{color:#ccc; font-weight:800; font-size:2rem; margin-bottom:10px;}
.m-sec .sec-txt .cmm-title{margin-bottom:20px;}
.m-sec .sec-txt .cmm-title-sub{margin-bottom:20px;}
.m-sec .exp-list{color:#4abba5; font-size:1.8rem; font-weight:700; letter-spacing: -0.04em; margin-bottom:50px;}
.m-sec .exp-list li{margin-bottom: 4px;}
.m-sec .exp-list .icon{font-size:2.4rem; font-weight: 400; vertical-align: sub; margin-right:4px;}
.m-sec .sec-txt .cmm-btn{margin-left: 0;}
.m-sec .sec-img{position: absolute; bottom:0; left:calc(50% + 60px);}
.m-sec .sec-img img{ box-shadow: -30px 27px 24px 0px rgba(0, 0, 0, 0.54); border-radius: 32px;}
.m-sec .sec-img .screen{position: absolute; left:0; bottom:-200px;}
.m-sec .sec-img .screen .screen-name{margin-bottom:1.6em; font-size:1.6rem; font-weight:700; letter-spacing:-0.05em; color:#000; opacity: 0.32;}
.m-sec .sec-img .phone{position: absolute; left:100px; bottom:-150px}
.m-sec .arrow-wrapper{position: absolute; width:100%; left:0; top:50%; transform: translateY(-50%); z-index: 5;}
.m-sec .arrow-wrapper .sec-inner{display:flex; justify-content: space-between;}
.m-sec .arrow-wrapper .nav-item{width:40px; height:40px; background:rgba(0,0,0,0.5); color:#fff; font-weight:400; font-size:24px; display:flex; align-items: center; justify-content: center; border-radius: 3px; opacity: 0.4; transition: opacity 0.2s;}
.m-sec .arrow-wrapper .nav-item.prev{margin-left:-80px;}
.m-sec .arrow-wrapper .nav-item.next{margin-right:-80px}
.m-sec .arrow-wrapper .nav-item:hover{opacity: 1;}

.m-sec.contact{background:#000; color:#fff; text-align: center;}
.main .m-sec .contact-top{margin-top:0;}
.contact-wrapper{margin:-120px auto 0;}
.contact-wrapper .contact-btn{margin-bottom:120px; z-index: 1; position: relative;}
.contact-wrapper .cmm-title{color:#fff; margin-bottom: 30px;}
.contact-wrapper .cmm-title-sub{color:#fff; opacity: 0.74; margin-bottom:40px;}
.contact-wrapper .cmm-btn.line{border-color: #fff; color:#fff;}
.contact-wrapper .contact-img{position: relative; z-index:10;}
.contact-wrapper .contact-img:before{content:""; display:block; width:640px; height:640px; background:#29d7b6; border-radius: 50%; position: absolute; top:-10px; right:43%; filter:blur(100px); z-index:1}
.contact-wrapper .contact-img:after{content:""; display:block; width:640px; height:640px; background:#39bfdb; border-radius: 50%; position: absolute; top:-10px; left:43%; filter:blur(100px); z-index:1}
.contact-wrapper .contact-img img{position: absolute; left:50%; top:0; transform: translateX(-50%);z-index: 2;}

.m-sec[data-anchor-use="use"]:before{content:""; display:block; width:1px; height:100%; background:#eee; position: absolute; top:132px; left:7rem;}

.sec-lottie{position: absolute;left:44%; top:50%; margin-top:-18%;max-width:1002px; width:55vw;}
.lottie-player{position: relative;}
.lottie-player:after{content:""; display:block; width:100%; padding-bottom:60%;}
.lottie-player svg{vertical-align: top; position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
.browser-mockup{border:1px solid #ddd;box-shadow:0 .1em 1em 0 rgba(0,0,0,0.2);position:relative;border-radius:8px;overflow:hidden}
.browser-mockup:before{display:block;position:absolute;content:'';top:14px;left:1em;width:.5em;height:.5em;border-radius:50%;background-color:#f44;box-shadow:0 0 0 2px #f44,1.5em 0 0 2px #9b3,3em 0 0 2px #fb5}
.browser-mockup.with-tab:after{display:block;position:absolute;content:'';top:-2em;left:5.5em;width:20%;height:0;border-bottom:2em solid #fff;border-left:.8em solid transparent;border-right:.8em solid transparent}
.browser-mockup.with-url:after{display:block;position:absolute;content:'';top:-1.6em;left:5.5em;width:calc(100% - 6em);height:1.2em;border-radius:2px;background-color:#fff}
.browser-mockup .top{height:34px;background:#eee;border-bottom:1px solid #ddd}

@media screen and (min-width:1201px) {
	#header .gnb .list-item:hover .item-link{color:#29d7b6}
	#header .gnb .list-item:hover .item-link.more:after{border-top-color:#29d7b6}
	.screen .cmm-btn:hover{color:#000; border:4px solid #000; background:transparent}
	.hero-wrapper .cmm-btn:hover{color:#000; border:4px solid #000; background:transparent !important}
	.slide-02 .hero-wrapper .cmm-btn:hover{color:#fff; border:4px solid #fff; background:transparent !important}

}

@media screen and (max-width:1600px) {
	#header{padding:26px 0;}
	.page-anchor{top:120px; left:50%; transform: translateX(-50%); width:100%; max-width:1440px; padding:0 68px; }
	.page-anchor .anchor-list{display:flex; white-space: nowrap; gap:20px;}
	.page-anchor .list-item{padding:0;}
	.page-anchor .list-item.on:before{bottom:-12px; top:auto; left:0; width:100%; height:3px;}
	.m-sec[data-anchor-use="use"]:before{display:none;}
}

@media screen and (max-width:1200px) {

	.cmm-title{font-size:3rem;}
	.cmm-title-sub{font-size:2rem;}
	.cmm-btn{width:14rem; height:4.5rem; font-size:1.6rem;}
	.cmm-btn .icon{margin-left:10px;}

	#header {background:#fff; border-bottom:1px solid #eee; padding:12px 0;}
	#header .logo{transform: scale(0.85); transform-origin:left center;}
	#header.white{background:#fff; border-bottom:1px solid #eee;}
	#header.white .logo:after{opacity:0;}
	#header.white .logo:before{opacity:1;}
	#header.white .gnb .item-link{color:#000;}
	#header.white .gnb .item-link.more:after{border-top-color:#000;}
	#header.white .utill .utill-item.contact{background:#000}
	#header .gnb{display:none}
	.page-anchor{display:none !important;}
	.mobile-menu-btn{display:block}

	.sub_white #header{height:76px;}
	.sub_white #header.sub_on{height:76px; padding:12px 0;}
	.sub_white #header .logo:before{opacity: 1;}
	.sub_white #header .logo::after{opacity: 0;}
	
	.section.m-sec{min-height:0; height:auto !important;}
	.section.m-sec.movie{min-height:800px; height:100vh !important;}
	.section.m-sec.screen{min-height:0; height:auto !important;}
	.section.m-sec.sec-01{min-height: auto !important;}
	.m-sec.sec-01 .fp-tableCell{height:auto !important}
	.m-sec.sec-01 .hero-wrapper{min-height:auto; height:auto; display:block;}
	.hero-wrapper .hero-img{transform: scale(0.8);}
	.hero-wrapper .hero-title .sub span{font-size:1.6rem;}
	.hero-wrapper .hero-title{margin:0}
	.m-sec.sec-01 .hero-wrapper .left{width:100%; margin: 0 auto; text-align: center; padding:14rem 0 0;}
	.m-sec.sec-01 .hero-wrapper .right{display:none;}
	.hero-wrapper .right .img-wrapper{margin:0; width:100%;}	
	.m-sec.sec-01 .mo-bg{display:block; margin-top: -10%;}
	.m-sec.sec-01 .mo-bg img{width: 100%;}
	.hero-wrapper .cmm-btn.down-btn{width:4.5rem;}
	
	
	.sec-lottie{position: relative; top:auto; left:auto; max-width:100%; width:100vw; margin:0 auto 20px;}
	.screen-wrap{width:100%;}
	.browser-mockup .top{height:24px}
	.browser-mockup:before{top:10px; width:0.3em; height:0.3em;  box-shadow: 0 0 0 2px #f44, 1em 0 0 2px #9b3, 2em 0 0 2px #fb5;}
	
	.m-sec.screen .sec-inner{display:flex; width:100%; height: 100%; flex-direction: column;}
	.m-sec.screen .sec-inner .sec-txt{flex:1; margin-bottom:70px;padding:80px 0 0; text-align: center;}
	.m-sec.screen .sec-inner .sec-img{position: relative; bottom:auto; left:auto; height:40vh; flex:0 0 40vh; }
	.m-sec .sec-img .screen{position: relative; left:auto; bottom:auto;}
	.m-sec .sec-img .screen img{transform:scale(0.65); transform-origin: left top;}
	.m-sec .sec-img .phone{width:250px; left:auto; right:0; bottom:-120px; border-radius: 24px;}
	
	.m-sec .sec-txt .num{font-size:1.6rem;}
	.m-sec .sec-txt .cmm-title{font-size:2.2rem;}
	.m-sec .sec-txt .cmm-title-sub{font-size:1.8rem}
	.m-sec .exp-list{font-size:1.6rem; margin-bottom:20px;}
	.m-sec .exp-list .icon{display:none;}
	
	.m-sec.movie{background:#111}
	.movie .video-wrapper{position: absolute; left:0; top:0; bottom:0; right:0; padding:20px; z-index: 10;}
	.mobile-video-frame{height:50vh; position: relative;}

	.contact-wrapper .contact-img img{max-width: 90vw;}
	.contact .sec-inner{height:100%; padding-top:60px;}
	.contact-wrapper {display:flex; flex-direction: column; height: 100%; margin:0;}
	.contact-wrapper .contact-btn{margin-bottom:60px}
	.contact-wrapper .contact-img img{position: relative; top:auto; left:auto; transform: none;}
}

@media screen and (max-width:1024px) {
	.section.m-sec.screen{min-height:0;}
	.section.m-sec.movie{min-height:600px;}
	.mobile-menu-btn{flex:none; margin-left:auto;}
	.mobile-menu-btn:before{display: none;}
	#header .utill{display:none;}
	.main .contact-top{margin-top:80px}
}

@media screen and (max-width:768px) {
	.cmm-title{font-size:2.8rem}
	.cmm-title-sub{font-size:1.9rem;}

	.hero-wrapper .hero-img{transform: scale(0.7);}
	.hero-wrapper .left{margin-left:20px}

	#footer .footer-top{display:block; padding-top:0rem; margin-bottom:3rem;}
    #footer .footer-logo{margin:5rem auto 4rem;}
    #footer .footer-menu .menu-item{width:100%; text-align: center; height:4.4rem; line-height:4.4rem;}
    #footer .footer-info{display:block;}
    #footer .footer-info .info-item{flex-wrap: wrap; margin-right:0; margin-bottom: 1rem;}
    #footer .footer-info .info-item:last-child .item-title{margin-bottom:0.6rem;}
    #footer .footer-info .item-content{white-space: normal;}
    #footer .footer-copy{text-align: center;}
}

@media screen and (max-width:640px) {
	.m-sec .sec-img .phone{width:200px; border-radius: 18px;}
}

@media screen and (max-width:450px) {
	.cmm-title{font-size:2.4rem}
	.cmm-title-sub{font-size:1.8rem;}
}

@media screen and (max-height:800px) {
}