/*header*/

@media screen and (max-width: 1180px) {
	.hd-menu-wrap .gnb > li {padding:0 20px;}
	.hd-menu-wrap .gnb > li:nth-of-type(4) {padding-left:10px;}
}

@media screen and (max-width: 1080px) {
	.hd-menu-wrap .gnb > li:nth-of-type(4) {padding-left:10px;}
	.hd-menu-wrap .gnb > li {padding:0 10px;}
}

@media screen and (max-width: 1024px) {
	#dain-header {height:60px;}
	#dain-header .hd-menu-wrap {display:none;}
	#dain-header .hd-inner .logo-box {width:60%;}
	#dain-header .hd-inner .mo-btn {display:block;}
	#dain-header .hd-inner .mo-btn span:nth-of-type(1) { transform: translateY(6px);}
	#dain-header .hd-inner .mo-btn span:nth-of-type(2) { transform: translateY(0px);}
	#dain-header .hd-inner .mo-btn span:nth-of-type(3) { transform: translateY(-6px);}
    .main-visual video {object-fit: scale-down;} 
    .main-visual .mo-video-box {aspect-ratio:auto;height:calc(100vh - 60px);}
    .new-add-video {display:none;}
    .main-visual .mo-video-box {display:block;}	
 	.main-visual {margin-top:0px;} 
}


/* ---- ms-btn ---- */
@media screen and (max-width: 1024px) {
	.ms-btn{font-size:14px; width:166px; height:40px; font-weight:400;}
}
/* ---- main section01 ---- */

@media screen and (max-width: 1024px) {
	.ms01-text-box h4 {font-size:17px;}
	.ms01-text-box h2 {font-size:26px;}
	.ms01-desc-box p {font-size:18px;}
	.ms01-img-box {padding:35px 0}
	.ms01-lab-mo {margin:0 auto;}
	.ms01-lab-mo + .ms01-lab-mo  {margin-top:50px;}
	.main-section01 .mo-video {display:block; width:100%;}
	.main-section01 .pc-video {display:none;}
	.ms01-cont {max-width:unset; width:100%;}
	
}

/* ---- main section02 ---- */

@media screen and (max-width: 1024px) {
	.main-section02 { background: url('../img/main/main_section02_bg_mo-1.svg') no-repeat center / cover;}
	.main-section02 .main-tit {font-size:26px;} 
	.ms02-swip {padding:65px 0 102px;}
	.ms02-desc-box h3 {font-size:18px;}
	.ms02-desc-box p {font-size:17px; color:#666;}
	.ms02-bg-item {width:297px; height:206px; top:67%; left:50%;}
}


/* ---- main section03 ---- */

@media screen and (max-width: 1080px) {
	.main-section03 {padding:60px 0;}
	.ms03-list {flex-wrap: wrap;}
	.ms03-list li {width:100%; margin-right:0;}
	.ms03-list li + li {margin-top:20px;}
	.ms03-list li a {display:block;}
	.ms03-list li a img {margin:0 auto;}
	.ms03-item-box {margin-top:40px;}
	.ms03-desc-box h2 {font-size:48px;}
	.ms03-desc-box h3 {margin-top:30px; font-size:18px;}
	.ms03-desc-box p {font-size:17px;}
}


/* ---- main section04 ---- */

@media screen and (max-width: 1080px) {
	.main-section04 {padding:80px 0;}
	.ms04-desc-box .ms04-num {width:33px; height:33px; font-size:12px; line-height:33px;}
	.ms04-tit h3 {font-size:14px; margin-top:28px;}
	.ms04-desc-box .ms04-tit {padding:38px 0;}
	.ms04-desc-box p {font-size:17px;}
	.ms04-desc-box .ms04-tit {margin:0;}
	.ms04-desc-box h4 {margin-top:25px;}

}

/* ---- main section05 ---- */

@media screen and (max-width: 1080px) {
.main-section05 {padding:73px 0 0; background: url('../img/main/ms05_bg_mo_1.png') no-repeat center / cover;}
.ms05-desc-box h2 {font-size:25px;}
.ms05-desc-box p {font-size:17px;}
.ms-btn.ms05-btn {margin:52px auto 0 auto; position:relative; transform: unset; left:auto; top: auto;}
.ms05-item .mo-img {margin:0 auto;}
.ms05-item.mo {margin-top:20px;}
.ms05-item.new-add {width:50%; margin:60px auto;}
}


/* ---- main section06 ---- */

@media screen and (max-width: 1024px) {
	.main-section06 {position:relative; background:none; margin-top:150px; padding:130px 0 100px; height:auto;}
	.ms06_bg_box {position:absolute; left:0; top:0; width:100%; z-index:-1;}
	.ms06-desc-box h2 {font-size:24px;}
	.main-section06 .main-inner {padding-top:0px;}
}


/* ---- main section07 ---- */

@media screen and (max-width: 1024px) {
	.main-section07 {padding:150px 0 400px; background:url('../img/main/ms07_bg_mo.png') no-repeat center / cover; text-align:center;}
	.ms-btn.ms07-btn {margin:30px auto 0 auto;}
	.ms07-desc-box h2 {font-size:24px;}
	.ms07-desc-box h4  {font-size:17px;}
}



/* ---- footer ---- */

@media screen and (max-width: 1200px) {
	.ft-left p i ~ i {margin-left:20px;}
	.ft-left p i ~ i:not(:nth-of-type(4))::before {left:-10px;}
	.ft-wrap {flex-wrap:Wrap;}
	.ft-right {margin-top:20px;}
}	

@media screen and (max-width: 1024px) {
	.ft-right {display:none;}
	.sns-items-mo {display:block; border-bottom:1px solid #fff; padding:20px 0;}
	.sns-items-mo ul {display:flex; justify-content:center; gap:13px; }
	.dain-footer {padding-top:0;}
	.dain-footer .logo-box {justify-content:center; padding:56px 0 0;}
	.ft-left p i ~ i::before  {display:none;}
	.ft-wrap {margin-top:56px; text-align:Center; width:100%; justify-content: center;}
	.ft-left p {font-size:14px;}
	.ft-left h4 {font-size:12px; margin-top:17px;}
}