@charset "UTF-8";
/* hanbom.com _ project _ jangsunghun _ 230201 */

/* reset */
@import url(lib/reset.css);
/*
@import url(lib/normalize.css);
*/
/* library */
@import url(lib/swiper.min.css);
/* beteast css */
@import url(swiper_custom.css);
@import url(_font.css);
@import url(_color.css);
@import url(_button.css);
@import url(_form.css);
@import url(_layout.css);
@import url(_global.css);


/* main */
.main .section .title-wrap + ul,
.main .section .title-wrap + div:not(.form-wrap){padding-top: 100px;}
.main .section .title-wrap{text-align: center;}
.main .section .title-wrap .category{font-size: 28px; font-weight: 600; font-family: 'Poppins', 
	 zsans-serif; color: var(--black-op-3);}
.main .section .title-wrap .title{font-size: 42px; font-weight: 700; line-height: 1.48;}
.main .section .title-wrap .category + .title{padding-top:6px;}
@media all and (min-width:1281px) {
	.main .section:not(.visual){padding-top: 360px; padding-bottom: 360px;}
}
@media all and (min-width:961px) and (max-width:1280px) {
	.main .section:not(.visual){padding-top: 28.125vw; padding-bottom: 28.125vw;}
	.main .section .title-wrap + ul,
	.main .section .title-wrap + div:not(.form-wrap){padding-top: 9.766vw;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.main .section:not(.visual){padding-top: 150px; padding-bottom: 200px;}
}
@media all and (max-width:768px) {
	.main .section:not(.visual){padding-top: 60px; padding-bottom: 100px;}
	.main .section .title-wrap + ul,
	.main .section .title-wrap + div:not(.form-wrap){padding-top: 50px;}

	.main .section .title-wrap .category{font-size: 20px;}
	.main .section .title-wrap .title{font-size: 30px;}
}


/* main section.visual */
.main .section.visual{ width: 100%; height: 300vh;}
.main .section.visual .video-wrap{position: sticky; top: 0; width: 100%; height: 100vh;}
.main .section.visual .motion-wrap{position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center;}
.main .section.visual .motion-logo{max-width: 743px;}
.main .section.visual .video-wrap::after{content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.15);}
.main .section.visual video{width: 100%; height: 100%; 
	-o-object-fit: cover; object-fit: cover; -o-object-fit: center; object-fit: center;
}
.main .section.visual .text-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: var(--white); 
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
	-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
	-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;
}
.main .section.visual .title{font-size: 84px; font-weight: 600;line-height: 1.12; text-transform: uppercase;}
.main .section.visual .text{font-size: 20px; font-weight: 500;}
@media all and (min-width:961px) and (max-width:1280px) {
	.main .section.visual .text-wrap .title{font-size: 8.203vw;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.main .section.visual .text-wrap .title{font-size: 64px;}
}
@media all and (min-width:769px) {
	.main .section.visual .title + .text{padding-top: 30px;}
}
@media all and (max-width:768px) {
	.main .section.visual .text-wrap .title{font-size: 32px;}
	.main .section.visual .text-wrap .text{font-size: 18px;}
	.main .section.visual .title + .text{padding-top: 20px;}
}


/* main section.services */
.main .section.services .data-wrap,
.main .section.services .data-wrap li{width: 100%;}
.main .section.services .data-wrap li > div{overflow: hidden; width: 100%;  border-radius: 20px;}
.main .section.services .content-wrap{width: calc(100% -  50.938vw); padding-left: 4.688vw;}
.main .section.services .data-wrap .title{font-size: 60px; font-weight: 600;}
.main .section.services .data-wrap .text{font-size: 29px; font-weight: 700; line-height: 1.55; color: var(--black);}
.main .section.services .data-wrap .tag{font-weight: 500; line-height: 1.63; color: var(--black-op-5);}
.main .section.services .data-wrap .title + .text{padding-top: 24px;}
.main .section.services .data-wrap .text + .tag{padding-top: 19px;}
.main .section.services .data-wrap .text-wrap + .btn{margin-top: 63px;}
.main .section.services .data-wrap .img-wrap{width: 50.938vw; height: 41.667vw;}
@media all and (min-width:1921px) {
	.main .section.services .data-wrap li > div{height: 800px;}
	.main .section.services .content-wrap{width: calc(100% -  978px); padding-left: 90px;}
	.main .section.services .data-wrap .img-wrap{width: 978px; height: 800px;}
}
@media all and (min-width:961px) and (max-width:1545px) {
	.main .section.services .data-wrap li > div{height: 48.544vw;}
	.main .section.services .content-wrap{width: calc(100% -  45.038vw); padding-left: 3.688vw;}
	.main .section.services .data-wrap .img-wrap{width: 45.038vw; height: 40.667vw;}
}
@media all and (min-width:1281px) {
	.main .section.services {padding-top: 240px;}
}
@media all and (min-width:961px) and (max-width:1280px) {
	.main .section.services .data-wrap .title{font-size: 4.297vw;}
	.main .section.services .data-wrap .text{font-size: 2.266vw;}
}
@media all and (max-width:960px) {
	.main .section.services .data-wrap li > div{ height: auto;
		-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	}
	.main .section.services .content-wrap{width: 100%; padding: 50px 34px;}
	.main .section.services .data-wrap .img-wrap{width: 100%; height: 100%;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.main .section.services .data-wrap .title{font-size: 43px;}
	.main .section.services .data-wrap .text{font-size: 22px;}
}
@media all and (min-width:769px) {
	.main .section.services .data-wrap li + li{padding-top: 80px;}
}
@media all and (max-width:768px){
	.main .section.services{padding-top: 60px;}
	.main .section.services .data-wrap li + li{padding-top: 32px;}
	.main .section.services .content-wrap{width: 100%; padding: 50px 34px 16px;}
	.main .section.services .data-wrap .img-wrap{width: 100%; height: 100%;}
	.main .section.services .data-wrap .title{font-size: 32px;}
	.main .section.services .data-wrap .text{font-size: 18px;}
	.main .section.services .data-wrap .title + .text{padding-top: 24px;}
	.main .section.services .data-wrap .text + .tag{padding-top: 19px;}
	.main .section.services .data-wrap .text-wrap + .btn{margin-top: 20px;}
}

/* main .service-area */
.main .service-area{position: relative; width: 100%; height: 100%;}
.main .service-area .img-area{}
.main .service-area .img-area .img-wrap{}
.main .service-area .inner-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
	-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}
.main .service-area .inner-wrap .title{font-size: 4.688vw; font-weight: 700; line-height: 1.47; color: var(--white);}
.main .service-area .inner-wrap .img-wrap{max-width: 316px; height: 32px; margin: 0 auto;}
.main .service-area .title + .img-wrap{margin-top: 120px;}
@media all and (min-width:1921px) {
	.main .service-area .inner-wrap .title{font-size: 90px;}
}
@media all and (min-width:769px) and (max-width:1024px) {
	/* .main .service-area .inner-wrap .title{font-size: 6.836vw;} */
	.main .service-area .inner-wrap .img-wrap{max-width: 30.859vw; height: 3.125vw;}
	.main .service-area .title + .img-wrap{margin-top: 11.719vw;}
}
@media all and (max-width:768px) {
	.main .service-area .inner-wrap .title{font-size: 46px;}
	.main .service-area .inner-wrap .img-wrap{max-width: 160px; height: 17px;}
	.main .service-area .inner-wrap .img-wrap img{height: auto;}
	.main .service-area .title + .img-wrap{margin-top: 80px;}
}



/* main section.business */
.main .section.business{}
.main .section.business .item.normal{position: relative; padding: 36px; border: 1px solid var(--light-gray); border-radius: 20px; height: 502px;
	-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
	-webkit-box-align: normal;-ms-flex-align: normal;align-items: normal;
}
.main .section.business .item.normal::before{content: ""; position: absolute; top: 36px; left: 36px; width: 78px; height: 78px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.main .section.business .item.normal.model::before{background-image: url("../images/common/ico_business-1.svg");}
.main .section.business .item.normal.platform::before{background-image: url("../images/common/ico_business-2.svg");}
.main .section.business .item.normal.research::before{background-image: url("../images/common/ico_business-3.svg");}
.main .section.business .item.normal.perform::before{background-image: url("../images/common/ico_business-4.svg");}
.main .section.business .item.normal .text-wrap{max-height: 165px; height: 100%;}
.main .section.business .item.normal .title{font-size: 34px; line-height: 1.18;}
.main .section.business .item.normal .text span{display: block; position: relative; padding-left: 10px; word-break: keep-all ;}
.main .section.business .item.normal .text span::before{content: ""; position: absolute; top: 12px; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: var(--violet);}
.main .section.business .item.normal .btn{line-height: 1.2;}


.main .section.business .item.normal .title + .text{padding-top: 11px;}

@media all and (min-width:1776px) {
	.main .section.business .item.normal{padding: 36px;  height: 502px;}
	.main .section.business .item.normal .text-wrap + .btn{margin-top: 52px;}
}
@media all and (min-width:1531px) and (max-width:1775px) {
	.main .section.business .item.normal{padding: 1.728vw;  height: 28.282vw;}
}
@media all and (min-width:1280px) and (max-width:1775px) {
	.main .section.business .item.normal{padding: 20px;  height: 450px;}
	.main .section.business .item.normal .title{font-size: 30px;}
	.main .section.business .item.normal .text{font-size: 17px;}
	.main .section.business .item.normal .text-wrap + .btn{margin-top: 2.930vw;}
}
@media all and (min-width:1411px) and (max-width:1530px){
	.main .section.business .data-wrap.col-4{width: calc(100% + 30px); margin-left: -15px;}
	.main .section.business .data-wrap.col-4 li{width: calc((100% - 120px) / 4); margin: 18px 15px;}
}
@media all and (min-width:769px) and (max-width:1410px) {
	.main .section.business .data-wrap.col-4 li{width: calc((100% - 104px) / 2); margin: 26px;}
	.main .section.business .item.normal{padding: 2.624vw; height: 502px;}
	.main .section.business .item.normal .text-wrap + .btn{margin-top: 2.624vw;}
	.main .section.business .item.normal::before{top: 2.624vw; left: 2.624vw;}
}
@media all and (min-width:961px) and (max-width:1410px) {
	.main .section.business .item.normal{padding: 2.624vw; height: 502px;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.main .section.business .item.normal{padding: 2.624vw; height: 460px;}
}
@media all and (max-width:768px) {
	.main .section.business .data-wrap.col-4 li + li{padding-top: 36px;}

	.main .section.business .item.normal{padding: 34px; height: 432px;}
	.main .section.business .item.normal::before{top: 34px; left: 34px;}
	.main .section.business .item.normal .text-wrap{max-height: none; height: auto;}
	.main .section.business .item.normal .title{font-size: 26px;}
	.main .section.business .item.normal .text{font-size: 16px; min-height: 97px;}
	.main .section.business .item.normal .btn{font-size: 14px;}
	.main .section.business .item.normal .text-wrap + .btn{margin-top: 31px;}
	.main .section.business .item.normal .text span::before{top: 10px;}
}



/* @media all and (min-width:1921px) {
	.main .section.business .item.normal{padding: 36px; min-height: 502px;}
	.main .section.business .item.normal::before{top: 36px; left: 36px; width: 78px; height: 78px;}
	.main .section.business .item.normal .text-wrap + .btn{margin-top: 37px;}
}
@media all and (min-width: 1025px) and (max-width:1750px){
	.main .section.business .item.normal .title{font-size: 32px;}
	.main .section.business .item.normal .text{font-size: 16px;}
}
@media all and (min-width: 1376px) and (max-width:1630px){
	.main .section.business .data-wrap.col-4{width: calc(100% + 30px); margin-left: -15px;}
	.main .section.business .data-wrap.col-4 li{width: calc((100% - 120px) / 4); margin: 18px 15px;}
}
@media all and (min-width:1025px) and (max-width:1375px) {
	.main .section.business .data-wrap.col-4 li{width: calc((100% - 104px) / 2);}
	.main .section.business .item.normal{padding: 36px; min-height: 502px;}
	.main .section.business .item.normal .text-wrap + .btn{margin-top: 37px;}
	.main .section.business .item.normal::before{top: 36px; left: 36px;}
}
@media all and (min-width:769px) and (max-width: 1024px) {	
	.main .section.business .data-wrap.col-4{width: calc(100% + 5.078vw);}
	.main .section.business .data-wrap.col-4 li{width: calc((100% - 10.156vw) / 2); margin: 1.758vw 2.539vw;}
	.main .section.business .item.normal{padding: 3.516vw; min-height: 49.023vw;}
} */


/* main .partner-area */
.main .partner-area{position: relative; max-height: 942px;}
.main .partner-area .inner-wrap{position: relative;}
.main .partner-area .video-wrap{position: relative; width: 100%; height: 100%;}
.main .partner-area .video-wrap::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.main .partner-area video{width: 100%; height: 100%; vertical-align: top;
	 -o-object-fit: cover; object-fit: cover; 
	 -o-object-position: center; object-position: center;
}
.main .partner-area .content-wrap{ width: 100%; background-color: var(--neongreen);}
.main .partner-area .text-wrap .text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 7.031vw; font-weight: 600; color: var(--neongreen);
	font-family: 'Poppins', sans-serif;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
@media all and (min-width:1921px) {
	.main .partner-area .text-wrap .text{font-size: 135px;}
}
@media all and (min-width:769px) {
	.main .partner-area{max-height: 942px;}
	.main .partner-area .video-wrap::after{background-image: url("../images/main/parter-bg.png"); }
}
@media all and (max-width:768px) {
	.main .partner-area{ height: 375px;}
	.main .partner-area .inner-wrap{height: 100%;}
	.main .partner-area .video-wrap{width: calc(100% + 32px); margin-left: -16px; }
	.main .partner-area .video-wrap::after{background-image: url("../images/main/parter-bg-m.png"); }
	.main .partner-area .text-wrap .text{font-size: 34px;}
}

/* main .section.contact */
.main .section.contact{margin-top: -24.219vw; padding-top: 42.969vw; background-color: var(--black);}
.main .section.contact .inner-wrap{
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
	-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.main .section.contact .title-box{width: calc(50% + 52px);}
.main .section.contact .title-box .category{color: rgba(216, 218, 229, 0.3);}
.main .section.contact .title-box .title{color: var(--white);}

.main .section.contact .form-wrap{max-width: 812px; width: calc(50% - 52px); margin-top: 50px;}
.main .section.contact .select{background-color: transparent; border-bottom: 1px solid var(--white);}
.main .section.contact .select option{color: var(--black);}
.main .section.contact .input-text,
.main .section.contact .textarea{color: var(--white); background-color: transparent; border-bottom: 1px solid var(--white);}
.main .section.contact .select,
.main .section.contact .select::placeholder,
.main .section.contact .input-text::placeholder,
.main .section.contact .textarea::placeholder{color: rgba(255,255,255,0.3);}
.main .section.contact .textarea{border: 1px solid var(--white);}
.main .section.contact .label{color: var(--white);}
.main .section.contact .field.check .text-wrap{color: var(--white);}
.main .section.contact .btn.normal{min-width: 240px;}
@media all and (min-width:1921px) {
	.main .section.contact{margin-top: -465px; padding-top: 825px;}
}
@media all and (max-width:768px) {
	.main .section.contact{margin-top: 0; padding-top: 120px;}
	.main .section.contact .title-box{width: 100%; text-align: center !important;}
	.main .section.contact .form-wrap{width: 100%;}
	.main .section.contact .inner-wrap{-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.main .section.contact .btn-area{text-align: center;}
	.main .section.contact .field.check .text-wrap,
	.main .section.contact .field.check .text-wrap .btn{font-size: 16px;}
}



/* sub common */
@media all and (min-width: 1281px){
	.sub .page-header{padding-top: 183px;}
	.sub .page-header .page-title + .banner-wrap{margin-top: 90px;}
	.sub:not(.patent):not(.services) .section + .section{padding-top: 180px;}
	.sub.patent .section + .section{padding-top: 160px;}
	.sub.services .section + .section{padding-top: 200px;}
	.sub:not(.patent) .page-content{padding-top: 140px;}
	.sub.patent .page-content{padding-top: 100px;}
	.sub .contact-wrap{margin-top: 200px;}
}
@media all and (min-width: 769px) and (max-width:1280px) {
	.sub .page-header{padding-top: 140px;}
	.sub .page-header .page-title + .banner-wrap{margin-top: 60px;}
	.sub:not(.patent):not(.services) .section + .section,
	.sub.patent .section + .section{padding-top: 120px;}
	.sub.services .section + .section{padding-top: 140px;}
	.sub:not(.patent) .page-content,
	.sub.patent .page-content{padding-top: 100px;}
	.sub .contact-wrap{margin-top: 140px;}
}
@media all and (max-width: 768px) {
	.sub .page-header{padding-top: 100px;}
	.sub .page-header .page-title + .banner-wrap{margin-top: 35px;}
	.sub:not(.patent) .page-content,
	.sub.patent .page-content,
	.sub:not(.patent):not(.services) .section + .section,
	.sub.patent .section + .section,
	.sub.services .section + .section{padding-top: 80px;}
	.sub .contact-wrap{margin-top: 80px;}
}
/* HEALTHPRO LAB */

#content.about{}
/* 회사소개 .section.life */
@media all and (min-width:1441px) {
	#content.about .item.promotion:not(.even) .text-wrap{padding-left: 79px;}
	#content.about .item.promotion.even .text-wrap{padding-left: 84px;}
}
@media all and (min-width:1281px) and (max-width:1440px) {
	#content.about .item.promotion:not(.even) .text-wrap{padding-left: 3.03vw;}
	#content.about .item.promotion.even .text-wrap{padding-left: 3.750vw;}
}
@media all and (min-width: 961px) and (max-width: 1280px) {
	#content.about .item.promotion:not(.even) .text-wrap{padding-left: 30px;}
	#content.about .item.promotion.even .text-wrap{padding-left: 40px;}
}
@media all and (min-width: 769px) and (max-width: 960px) {
	#content.about .item.promotion + .item.promotion{padding-top: 96px;}
	#content.about .item.promotion:not(.even) .text-wrap,
	#content.about .item.promotion.even .text-wrap{padding-left: 10px;}
	#content.about .item.promotion .text-wrap .title{font-size: 2.708vw;}
	#content.about .item.promotion .text-wrap .text,
	#content.about .item.promotion .text-wrap .team{font-size: 17px;}
}
@media all and (min-width:769px) {
	#content.about .item.promotion + .item.promotion{padding-top: 96px;}
	#content.about .item.promotion .text-wrap{padding-right: 10px;}
	#content.about .item.promotion .title + .text{padding-top: 16px;}
	#content.about .item.promotion .text p + p{padding-top: 18px;}
	#content.about .item.promotion .text + .team{padding-top: 22px;}

}
@media all and (max-width:768px) {
	#content.about .item.promotion + .item.promotion{padding-top: 80px;}
	#content.about .item.promotion .title + .text{padding-top: 12px;}
	#content.about .item.promotion .text p + p{padding-top: 14px;}
	#content.about .item.promotion .text + .team{padding-top: 18px;}

}

/* 회사소개 .section.profile */
#content.about .profile-wrap .img-wrap,
#content.about .profile-wrap .text-area{height: 100%;}
#content.about .profile-wrap .text-area{
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; 
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}
#content.about .profile-wrap .text-area .text{font-weight: 500;}
@media all and (min-width: 1281px) {
	#content.about .profile-wrap{height: 900px;}
	#content.about .profile-wrap .text-area{padding: 122px;}
}
@media all and (min-width: 961px) and (max-width: 1280px) {
	#content.about .profile-wrap{height: 70.313vw;}
	#content.about .profile-wrap .text-area{padding: 9.531vw;}
}
@media all and (min-width: 769px) and (max-width: 960px) {
	#content.about .inner-wrap + .section.profile{padding-top: 130px;}
	#content.about .profile-wrap{height: 600px;}
	#content.about .profile-wrap .text-area{padding: 60px;}
}
@media all and (min-width:769px) {
	#content.about .item.promotion + .item.promotion{padding-top: 96px;}
	#content.about .item.promotion .text-wrap{padding-right: 10px;}
	#content.about .profile-wrap .img-wrap,
	#content.about .profile-wrap .text-area{width: 50%;}
	#content.about .profile-wrap .text-area .title + .text{padding-top: 20px;}
	#content.about .profile-wrap .text-area .text + .text{padding-top: 4px;}
}
@media all and (max-width:768px) {
	#content.about .item.promotion + .item.promotion{padding-top: 80px;}
	#content.about .profile-wrap .img-wrap,
	#content.about .profile-wrap .text-area{width: 100%;}
	#content.about .profile-wrap .text-area{height: 500px; padding: 50px 24px;}
	#content.about .profile-wrap .text-area .title + .text{padding-top: 10px;}
	#content.about .profile-wrap .text-area .text + .text{padding-top: 4px;}
}

/* 회사소개 .section.history */
#content.about .swiper-area{position: relative;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
#content.about .swiper-area::after{content: ""; position: absolute; bottom: 0; left: 0px; background-color: var(--black);}
#content.about .swiper-history::after,
#content.about .swiper-history::before{content: ""; position: absolute; top: 0; height: 100%; z-index: 2; background-color: var(--white);}
#content.about .swiper-history .text-wrap .text{font-weight: 500;}
#content.about .swiper-history .text-wrap .text span{display: block;}
@media all and (min-width:769px) {
	#content.about .swiper-area{-webkit-box-align: center;-ms-flex-align: center;align-items: center; padding-bottom: 80px;}
	#content.about .swiper-area::after{ width: calc(100% + 13.854vw); height: 10px;}
	#content.about .swiper-history{padding-top: 56px;}
	#content.about .swiper-history::after,
	#content.about .swiper-history::before{width: 13.854vw; }
	#content.about .swiper-history::after{right: -13.854vw;}
	#content.about .swiper-history::before{left: -13.854vw;}
	#content.about .swiper-history .text-wrap .title{line-height: 1.29;}
	#content.about .swiper-history .text-wrap .title + .text{padding-top: 10px;}
	#content.about .swiper-history .text-wrap .text span + span{padding-top: 6px;}
}
@media all and (max-width:768px) {
	#content.about .swiper-area{padding-bottom: 60px;
		-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	}
	#content.about .swiper-area .section-title + .swiper-btn{margin-top: 24px;}
	#content.about .swiper-area::after{width: calc(100% + 24px); height: 8px;}
	#content.about .swiper-history{padding-top: 40px;}
	#content.about .swiper-history::after,
	#content.about .swiper-history::before{width: 24px;}
	#content.about .swiper-history::after{right: -24px;}
	#content.about .swiper-history::before{left: -24px;}
	#content.about .swiper-history .text-wrap .title{font-size: 22px;}
	#content.about .swiper-history .text-wrap .title{}
	#content.about .swiper-history .text-wrap .title + .text{padding-top: 10px;}
	#content.about .swiper-history .text-wrap .text span + span{padding-top: 6px;}
}

/* 회사소개 .section.vision */
#content.about .vision-wrap{overflow: hidden; position: relative; width: 100%; border-radius: 20px;}
#content.about .section.vision .data-wrap{-ms-flex-wrap: wrap;flex-wrap: wrap;}
#content.about .vision-wrap .title-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#content.about .vision-wrap .title-wrap .title{ font-weight: 600; line-height: 1.12; text-transform: uppercase;}
#content.about .section.vision .img-wrap{overflow: hidden; border-radius: 20px; height: 100%;}
@media all and (min-width: 1281px) {
	#content.about .vision-wrap{height: 800px;}
	#content.about .vision-wrap .title-wrap .title{font-size: 84px;}
	#content.about .section.vision .data-wrap li{width: calc(100% / 4);}
}
@media all and (min-width: 961px) and (max-width: 1280px) {
	#content.about .vision-wrap{height: 62.500vw;}
	#content.about .vision-wrap .title-wrap .title{font-size: 74px;}
}
@media all and (min-width:769px) and (max-width:1280px) {
	#content.about .section.vision .data-wrap{margin-top: -25px;}
	#content.about .section.vision .data-wrap li{width: calc(100% / 2); margin: 25px 0;}
}
@media all and (min-width: 769px) and (max-width: 960px) {
	#content.about .vision-wrap{height: 600px;}
	#content.about .vision-wrap .title-wrap .title{font-size: 63px;}
}
@media all and (min-width:769px) {
	#content.about .vision-wrap + .data-wrap{padding-top: 56px;}
	#content.about .section.vision .data-wrap .ico + .text-wrap{padding-top: 25px;}
	#content.about .section.vision .text-wrap .title + .text{padding-top: 15px;}
}
@media all and (max-width:768px) {
	#content.about .vision-wrap .title-wrap .title{font-size: 30px; line-height: 1.13;}
	#content.about .vision-wrap + .data-wrap{padding-top: 40px;}
	#content.about .section.vision .data-wrap li{width: 100%;}
	#content.about .section.vision .data-wrap li + li{padding-top: 50px;}
	#content.about .section.vision .data-wrap .ico + .text-wrap{padding-top: 12px;}
	#content.about .section.vision .text-wrap .title + .text{padding-top: 10px; line-height: 1.46;}
}


/* mission / ci common */
#content.about .section.mission .title-wrap,
#content.about .section.ci .title-wrap{
	-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;
}
#content.about .section.mission .title-wrap .text-wrap,
#content.about .section.ci .title-wrap .data-wrap{margin-top: 0;}

/* 회사소개 .section.mission */
#content.about .section.mission .max-1388{position: relative;}
#content.about .section.mission .data-list{position: relative; display: -ms-grid;display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr);}

#content.about .section.mission .motion-wrap{ position: absolute;  width: 100%; line-height: 1.05; white-space: nowrap;}
#content.about .section.mission .motion-wrap .title{font-weight: 700; font-family: 'Poppins', sans-serif;}

#content.about .section.mission .item.normal{width: 100%; background-color: var(--bg-gray); border-radius: 20px;
	-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
#content.about .section.mission  .item.normal.none{background-color: transparent;}
#content.about .section.mission  .item.normal .title{font-size: 26px; font-weight: 700;}
#content.about .section.mission  .item.normal .text{font-weight: 600;}
@media all and (min-width:1441px) {
	#content.about .section.mission .data-list{gap: 52px;}
	#content.about .section.mission .item.normal{padding: 50px; height: 308px;}
}
@media all and (min-width:1281px) and (max-width:1440px) {
	#content.about .section.mission .data-list{gap: 4.063vw;}
	#content.about .section.mission .item.normal{padding: 3.906vw; height: 24.063vw;}
}
@media all and (min-width:1041px) and (max-width:1280px) {
	#content.about .section.mission .data-list{gap: 36px;}
	#content.about .section.mission .item.normal{padding: 30px; height: 280px;}
}
@media all and (min-width:1041px) {
	#content.about .section.mission .title-wrap,
	#content.about .section.ci .title-wrap{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}

	#content.about .section.mission .motion-wrap{ top: calc(100% - (50% + 52px));}
	#content.about .section.mission .motion-wrap .title{ font-size: 370px;}
}
@media all and (min-width:769px) and (max-width:1040px) {
	#content.about .section.mission .motion-wrap{ top: calc(100% - (50% + 17.788vw));}
	#content.about .section.mission .motion-wrap .title{ font-size: 35.577vw;}
	#content.about .section.mission  .section-title + .text-wrap{padding-top: 30px;}
	#content.about .section.mission .text-wrap .title + .text{padding-top: 24px;}
	#content.about .section.mission .data-list{gap: 5vw; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(6, 1fr);}
	#content.about .section.mission .item.normal{padding: 4.808vw; height: 308px;}
}
@media all and (max-width:1040px) {
	#content.about .section.mission .title-wrap,
	#content.about .section.ci .title-wrap{
		-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	}
	#content.about .section.mission .data-list li{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
	#content.about .section.mission .data-list li:nth-child(1){order: 1;}
	#content.about .section.mission .data-list li:nth-child(2){order: 3;}
	#content.about .section.mission .data-list li:nth-child(3){order: 2;}
	#content.about .section.mission .data-list li:nth-child(4){order: 4;}
	#content.about .section.mission .data-list li:nth-child(5){order: 5;}
	#content.about .section.mission .data-list li:nth-child(6){order: 6;}
	#content.about .section.mission .data-list li:nth-child(7){order: 8;}
	#content.about .section.mission .data-list li:nth-child(8){order: 7;}
	#content.about .section.mission .data-list li:nth-child(9){order: 11;}
	#content.about .section.mission .data-list li:nth-child(10){order: 9;}
	#content.about .section.mission .data-list li:nth-child(11){order: 12;}
	#content.about .section.mission .data-list li:nth-child(12){order: 10;}
}
@media all and (min-width:769px) {
	#content.about .section.mission .title-wrap .section-title{padding-top: 10px;}
	#content.about .section.mission .title-wrap .text-wrap .title + .text{padding-top: 14px;}
	#content.about .section.mission .title-wrap + .data-list{padding-top: 80px;}
}
@media all and (max-width:768px) {

	#content.about .section.mission .motion-wrap{ top: calc(100% - (50% + 40vw));}
	#content.about .section.mission .motion-wrap .title{ font-size: 46.133vw;}

	#content.about .section.mission .title-wrap .text-wrap .title{font-size: 22px;}
	#content.about .section.mission  .section-title + .text-wrap{padding-top: 25px;}
	#content.about .section.mission .title-wrap .text-wrap .title + .text{padding-top: 11px;}
	#content.about .section.mission .title-wrap + .data-list{padding-top: 50px;}
	#content.about .section.mission .data-list{gap: 15px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(6, 1fr);}
	#content.about .section.mission .item.normal{padding: 24px; height: 43.733vw;}
	#content.about .section.mission .item.normal .ico-wrap .ico{width: 50px; height: 50px;}
	#content.about .section.mission  .item.normal .title{font-size: 18px;}
}

/* 회사소개 .section.ci */
#content.about .ci-wrap li{
	display: -webkit-box; display: -ms-flexbox; display: flex;
}
#content.about .ci-design{background: url("../images/healthpro/ci.jpg") 50% 50% no-repeat; background-size: cover;}
#content.about .ci-design .text{position: relative; z-index: 1; font-size: 20px; font-weight: 300; line-height: 1.6; color: var(--white);}
#content.about .ci-type .img-wrap img + img{margin-top: 31px;}

#content.about .ci-logo [class*="logo"]{width: 100%; height: 50%;}
#content.about .ci-logo .logo-white{background-color: var(--black);}
#content.about .ci-logo .logo-white .img-wrap{max-width: 414px;}
#content.about .ci-logo .logo-black{background-color: var(--bg-gray);}
#content.about .ci-logo .logo-black .img-wrap{max-width: 602px;}
#content.about .ci-color .data-wrap{max-width: 630px; margin: 0 auto;}
#content.about .ci-color .data-wrap .title{font-size: 28px; font-weight: 600;}
#content.about .ci-color .colors{width: 100%; padding: 16px; font-family: 'Poppins', zsans-serif;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; 
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
#content.about .ci-color .colors .color-title{ font-weight: 500; line-height: 1.25; text-transform: uppercase;}
#content.about .ci-color .colors .color-rgb{font-size: 300; line-height: 1.63; text-align: right;}
#content.about .ci-color .colors.violet,
#content.about .ci-color .colors.black{color:var(--white);}
#content.about .ci-color .colors.neon,
#content.about .ci-color .colors.gray{color:var(--black); }
#content.about .ci-color .colors.violet{background-color: var(--violet);}
#content.about .ci-color .colors.neon{background-color: var(--neongreen);}
#content.about .ci-color .colors.gray{background-color: var(--bg-gray);}
#content.about .ci-color .colors.black{background-color: var(--black);}
#content.about .ci-wrap + .inner.text-wrap{font-weight: 500;}


@media all and (min-width:1281px) {
	#content.about .ci-wrap [class*="ci"]{height: 960px;}
	#content.about .ci-type .img-wrap{max-width: 524px;}
	#content.about .ci-type .img-wrap img.type-text{max-width: 310px;}
	#content.about .ci-design,
	#content.about .ci-color{padding: 122px;}
	#content.about .ci-logo .logo-white .img-wrap{max-width: 414px;}
	#content.about .ci-logo .logo-black .img-wrap{max-width: 602px;}
	#content.about .ci-color .data-wrap .title + .color-wrap{padding-top: 120px;}

	#content.about .section.ci + .inner-wrap{padding-top: 200px;}
}
@media all and (min-width:961px) and (max-width:1280px) {
	#content.about .ci-wrap [class*="ci"]{height: 75vw;}
	#content.about .ci-color .data-wrap .title + .color-wrap{padding-top: 9.375vw;}
	#content.about .ci-design,
	#content.about .ci-color{padding: 9.531vw;}
	#content.about .ci-type .img-wrap{max-width: 40.938vw;}
	#content.about .ci-logo .logo-white .img-wrap{max-width: 32.344vw;}
	#content.about .ci-logo .logo-black .img-wrap{max-width: 47.031vw;}
	#content.about .section.ci + .inner-wrap{padding-top: 15.625vw;}
}
@media all and (min-width:769px) and (max-width:960px) {
	#content.about .ci-wrap [class*="ci"]{height: 650px;}
	#content.about .ci-color .data-wrap .title + .color-wrap{padding-top: 70px;}
	#content.about .ci-design,
	#content.about .ci-color{padding: 60px;}
	#content.about .ci-type .img-wrap{max-width: 310px;}
	#content.about .ci-type .img-wrap img.type-text{max-width: 240px;}
	#content.about .ci-logo .logo-white .img-wrap{max-width: 225px;}
	#content.about .ci-logo .logo-black .img-wrap{max-width: 325px;}
	#content.about .section.ci + .inner-wrap{padding-top: 120px;}
}
@media all and (min-width:769px) {
	#content.about .section.ci .title-wrap .title + .text{padding-top: 14px;}
	#content.about .section.ci .title-wrap .text-wrap + .btn-area{padding-top: 43px;}
	#content.about .section.ci .title-wrap .btn-area .ico{margin-left: 6px;}
	#content.about .ci-wrap{padding-top: 80px;}
	#content.about .ci-wrap [class*="ci"]{width: 50%;}
	#content.about .ci-logo [class*="logo"]{height: 50%;}
	#content.about .ci-color .colors{height: 106px;}
	#content.about .ci-color .colors .color-title{font-size: 20px;}
	#content.about .ci-wrap + .text-wrap{padding-top: 24px; font-size: 16px;}
}
@media all and (max-width:768px) {
	#content.about .section.ci .section-title + .data-wrap{padding-top: 18px;}
	#content.about .section.ci .title-wrap .title + .text{padding-top: 11px;}
	#content.about .section.ci .title-wrap .text-wrap + .btn-area{padding-top: 23px;}
	#content.about .section.ci .title-wrap .btn-area .ico{margin-left: 4px;}
	#content.about .ci-wrap{padding-top: 50px;}
	#content.about .ci-wrap [class*="ci"]{width: 100%; height: 500px;}
	#content.about .ci-logo [class*="logo"]{height: 50%;}
	#content.about .ci-wrap li{
		-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	}
	#content.about .ci-wrap li:last-child{flex-direction: column-reverse;}
	#content.about .ci-wrap li{height: 1000px;}
	#content.about .ci-color .data-wrap .title + .color-wrap{padding-top: 38px;}
	#content.about .ci-design,
	#content.about .ci-color{padding: 50px 24px;}
	#content.about .ci-type .img-wrap{max-width: 280px;}
	#content.about .ci-type .img-wrap img.type-text{max-width: 166px;}
	#content.about .ci-color .colors{height: 80px;}
	#content.about .ci-logo .logo-white .img-wrap{max-width: 218px;}
	#content.about .ci-logo .logo-black .img-wrap{max-width: 243px;}
	#content.about .ci-color .colors .color-title{font-size: 18px;}
	#content.about .ci-design .text{font-size: 14px;}
	#content.about .ci-color .colors .color-rgb{font-size: 14px;}
	#content.about .ci-wrap + .text-wrap{padding-top: 11px; font-size: 14px;}
	
}

/* patent */
#content.patent .tabs + .tab-content,
#content.patent .tabs + .tab-content.active{padding-top: 120px;}
#content.patent .section.thesis .item.patent .data-wrap{border: none;}
#content.patent .tab-content + .btn-area{padding-top: 60px;}
#content.patent .tab-content + .btn-area .btn{font-weight: 600;}

@media all and (min-width:769px) and (max-width:1280px) {
	#content.patent .tabs + .tab-content,
	#content.patent .tabs + .tab-content.active{padding-top: 80px;}	
}
@media all and (max-width:768px) {
	#content.patent .tabs + .tab-content,
	#content.patent .tabs + .tab-content.active{padding-top: 60px;}
	#content.patent .data-list li + li{margin-top: 60px;}
	#content.patent .tab-content + .btn-area{padding-top: 55px;}
}

/* BUSINESS */
#content.project,
#content.services{width: 100%;}

/* services */
#content.services .tabs{ box-sizing: border-box;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
#content.services .tabs a{height: 100%; font-family: 'Poppins', sans-serif;}
#content.services .tabs .swiper-slide{width: auto;}
@media all and (min-width:769px) and (max-width:960px) {
	#content.services .tabs:not(.move) li + li{margin-left: 60px;}
}
@media all and (min-width:769px) {
	#content.services .tabs{height: 120px; transform: none !important;}
	#content.services .tabs a{font-size: 30px;}
}
@media all and (max-width:768px) {
	#content.services .tabs-wrap{padding-top: 45px;}
	#content.services .tabs:not(.move) li{margin-right: 40px;}
	#content.services .tabs li + li{margin-left: 0;}
	#content.services .tabs a{font-size: 26px;}
}

#content.services .page-banner{overflow: hidden; height: 604px;}
#content.services .page-banner .inner-wrap,
#content.services .page-banner .max-1388{width: 100%; height: 100%;}
#content.services .page-banner .max-1388{ position: relative;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
#content.services .page-banner .data-wrap{position: relative; z-index: 2;}
#content.services .page-banner .data-wrap .title{font-size: 60px; font-weight: 600;}
#content.services .page-banner .data-wrap .text{font-size: 24px; font-weight: 600;}
#content.services .page-banner .data-wrap .title + .text{padding-top: 24px;}
#content.services .page-banner .title-wrap + .btn-area{padding-top: 60px;}
#content.services .page-banner .btn-area .btn:hover .ico.link{background-image: url("../images/common/ico_link-v.svg");}
@media all and (min-width:1151px) and (max-width:1380px) {
	#content.services .page-banner{height: 540px;}
	#content.services .page-banner .data-wrap .title{font-size: 52px;}
}
@media all and (min-width:961px) and (max-width:1150px) {
	#content.services .page-banner{height: 450px;}
	#content.services .page-banner .data-wrap .title{font-size: 42px;}
}
@media all and (min-width:769px) and (max-width:960px) {

	#content.services .page-banner .data-wrap{ padding-left: 42px; padding-right: 42px;}
}
@media all and (max-width:960px) {
	#content.services .page-banner{height: auto;}
	#content.services .page-banner{margin-top: 20px;}
	#content.services .page-banner .inner-wrap{padding-left: 0; padding-right: 0;}
	#content.services .page-banner .max-1388{
		-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	}
	#content.services .page-banner .data-wrap{width: 100%; padding-top: 50px;}
}
@media all and (max-width:768px){
	/* #content.services .page-banner{height: 165.07vw;} */
	#content.services .page-banner .data-wrap{padding-left: 24px; padding-right: 24px;}
	#content.services .page-banner .data-wrap .title{font-size: 32px;}
	#content.services .page-banner .data-wrap .text{font-size: 18px;}
	#content.services .page-banner .data-wrap .title + .text{padding-top: 20px;}
	#content.services .page-banner .title-wrap + .btn-area{padding-top: 40px;}
}


@media all and (min-width:769px) {
	#content.services .title-box + div:not(.form-wrap),
	#content.services .title-box + ul{padding-top: 80px;}	
}
@media all and (max-width:768px){
	#content.services .title-box + div:not(.form-wrap),
	#content.services .title-box + ul{padding-top: 40px;}
}

#content.services .swiper-container.program .swiper-slide{opacity: 0!important;}
#content.services .swiper-container.program .swiper-slide-active{opacity: 1!important;}
#content.services .swiper-container.program .swiper-btn{position: absolute; right: 0;}
#content.services .program-box{}
#content.services .program-box .img-wrap + .text-area{padding-top: 56px;}
#content.services .program-box .text-area{
	display: -webkit-box;display: -ms-flexbox;display: flex;
}
#content.services .program-box .text-wrap .title + .text{padding-top: 15px;}
#content.services .program-box .text-wrap .text{line-height: calc(77px / 3);}
#content.services .swiper-container.program .swiper-btn{top: calc(100% - 125px);}
#content.services .program-box .img-wrap{position: relative; overflow: hidden; border-radius: 20px;}
#content.services .program-box .img-wrap::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1);}

@media all and (min-width:1921px) {
	#content.services .program-box .text-area{width: calc(100% + 52px); margin-left: -26px;}
	#content.services .program-box .text-wrap{width: calc((100% - (156px + 144px)) / 3); margin: 0 26px;}
}
@media all and (min-width:1451px) and (max-width:1920px) {
	#content.services .program-box .text-area{width: calc(100% + 2.71vw); margin-left: -1.35vw;}
	#content.services .program-box .text-wrap{width: calc((100% - (8.13vw + 7.50vw)) / 3); margin: 0 1.35vw;}
	
}

/* healthnote */
#content.services .page-banner.bg-sky .img-wrap{position: absolute; right: 0; bottom: 0; max-width: 715px;}
@media all and (min-width:1151px) and (max-width:1380px) {
	#content.services .page-banner.bg-sky .img-wrap{max-width: 630px;}
}
@media all and (min-width:961px) and (max-width:1150px) {
	#content.services .page-banner.bg-sky .img-wrap{max-width: 500px;}
}
@media all and (min-width:769px) and (max-width:960px) {
	#content.services .page-banner.bg-sky .img-wrap{margin-top: -50px;}
}
@media all and (max-width:960px) {
	#content.services .page-banner.bg-sky .img-wrap{position: static; max-width: none; width: 100%; }
}
@media all and (max-width:768px){
	#content.services .page-banner.bg-sky .img-wrap{margin-top: -42px;}
}

#content.healthnote .contact-wrap.healthnote .data-wrap::before{content: "Health Note PA";}
#content.healthnote .content-wrap + .content-wrap{margin-top: 200px; padding-top: 200px; padding-bottom: 200px;}
#content.healthnote .title-box .text{color: var(--black-op-5);}
#content.healthnote .title-box .title + .text{padding-top: 40px;}

#content.healthnote .item.promotion .figure-wrap{box-sizing: border-box; background-color: var(--bg-gray);}
#content.healthnote .item.promotion .figure-wrap .img-box{max-width: 542px;}
/* #content.healthnote .item-wrap li:nth-child(1) .img-box{height: 305px;}
#content.healthnote .item-wrap li:nth-child(2) .img-box{height: 356px;}
#content.healthnote .item-wrap li:nth-child(3) .img-box{height: 305px;}
#content.healthnote .item-wrap li:nth-child(4) .img-box{height: 302px;} */
#content.healthnote .item.promotion .title + .text{padding-top: 20px;}
#content.healthnote .item-wrap li + li {padding-top: 120px;}
@media all and (min-width:1280px) {
	#content.healthnote .item.promotion .figure-wrap{padding: 40px; height: 600px;}
	#content.healthnote .item-wrap li:nth-child(even) .item.promotion .text-wrap{padding-left: 98px;}
	#content.healthnote .item-wrap li:nth-child(odd) .item.promotion .text-wrap{padding-left: 150px;}
}
@media all and (min-width:961px) and (max-width:1280px) {
	#content.healthnote .item.promotion .figure-wrap{padding: 2.73vw; height: 46.88vw;}
	#content.healthnote .item-wrap li:nth-child(even) .item.promotion .text-wrap{padding-left: 5.31vw;}
	#content.healthnote .item-wrap li:nth-child(odd) .item.promotion .text-wrap{padding-left: 7.81vw;}
}
@media all and (min-width:769px) and (max-width:960px) {
	#content.healthnote .item-wrap li + li {padding-top: 100px;}
	#content.healthnote .item.promotion .figure-wrap{padding: 20px; height: 400px;}
	#content.healthnote .item-wrap li:nth-child(even) .item.promotion .text-wrap{padding-left: 35px;}
	#content.healthnote .item-wrap li:nth-child(odd) .item.promotion .text-wrap{padding-left: 45px;}
}
@media all and (max-width:768px) {
	#content.healthnote .content-wrap + .content-wrap{margin-top: 80px; padding-top: 80px; padding-bottom: 80px;}
	#content.healthnote .item.promotion{-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
	#content.healthnote .item-wrap li + li {padding-top: 80px;}
	#content.healthnote .item.promotion .figure-wrap{width: 100%; height: 109.33vw;}
	#content.healthnote .item.promotion .figure-wrap .img-box{max-width: 77.87vw;}
	#content.healthnote .item-wrap li:nth-child(4) .img-box{max-width: 142.93vw !important; margin-right: -90%;}
	#content.healthnote .item.promotion .text-wrap{padding-top: 40px;}

	#content.healthnote .item.promotion .title + .text{padding-top: 15px;}
}

#content.healthnote .section.review:not(.review-2) .item.review{background-color: var(--bg-gray);}
#content.healthnote .section.review-2 .item.review{background-color: var(--white);}
#content.healthnote .section.review .item.review .img-wrap{position: relative;}
#content.healthnote .section.review .item.review .img-wrap::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1);}
@media all and (min-width:1921px){
	#content.healthnote .section.review .swiper-wrapper{width: calc(100% + 52px); margin-left: -26px;}
#content.healthnote .section.review .swiper-slide{width: calc((100% - 208px) / 4) !important; margin: 0 26px;}
}
@media all and (min-width:1495px) and (max-width:1920px) {
	#content.healthnote .section.review .swiper-wrapper{width: calc(100% + 2.71vw); margin-left: -1.35vw;}
	#content.healthnote .section.review .swiper-slide{width: calc((100% - 10.83vw) / 4) !important; margin: 0 1.35vw;}
}
@media all and (min-width:1281px) and (max-width:1495px) {
	#content.healthnote .section.review .swiper-wrapper{ width: calc(100% + 2.34vw); margin-left: -1.17vw;}
	#content.healthnote .section.review .swiper-slide{width: calc((100% - 9.38vw) / 4) !important; margin: 0 1.17vw;}
	#content.healthnote .section.review .item.review{padding: 2.34vw;}
}
@media all and (min-width:1281px) {
	#content.healthnote .section.review .swiper-wrapper{transform: none !important; }
}
@media all and (min-width:961px) and (max-width:1280px) {
	#content.healthnote .section.review .item.review{padding: 50px;}
}
@media all and (max-width:768px) {
	#content.healthnote .section.review .swiper-slide{width: 280px !important;}
}
#content.healthnote .step-list 	.step-box{overflow: hidden; border-radius: 20px; /* background-color: rgba(151, 151, 246, 0.07); */ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;}
#content.healthnote .step-list .step-1 .step-box{height: 750px; padding: 90px 15px 0; background-image: url("../images/business/step1.png"); }
#content.healthnote .step-list .step-2 .step-box{height: 750px; padding: 90px 15px 0; background-image: url("../images/business/step2.png");}
#content.healthnote .step-list .step-3{width: 100% !important;}
#content.healthnote .step-list .step-3 .step-box{background-color: rgba(151, 151, 246, 0.07); height: 765px; padding: 90px 120px 90px;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
#content.healthnote .step-list .step-3 .data-wrap{ height: 100%;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	 -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; 
	 -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}

#content.healthnote .step-list .step-3 .data-wrap .ico-wrap .text{padding-top: 14px; font-weight: 600;}
#content.healthnote .step-list .step-3 .img-wrap{width: auto;}
#content.healthnote .step-list .step-3 .img-wrap img{max-width: 290px;}
#content.healthnote .step-list .step-3 .img-wrap img + img{margin-left: 30px;}
#content.healthnote .step-list .text-wrap .step{width: 77px; height: 32px; border-radius: 16px; border: 1px solid var(--violet); color: var(--violet);
	font-size: 14px; font-weight: 600;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
#content.healthnote .step-list .step-1 .text-wrap .step,
#content.healthnote .step-list .step-2 .text-wrap .step{margin: 0 auto;}
#content.healthnote .step-list .text-wrap .step + .title{padding-top: 10px;}
#content.healthnote .step-list .text-wrap .title + .text{padding-top: 20px;}
#content.healthnote .step-list .text-wrap .text{}
@media all and (min-width:1281px) and (max-width:1360px) {
	#content.healthnote .step-list .step-3 .step-box{padding: 90px 90px 90px;}
}
@media all and (min-width:961px) and (max-width:1280px) {
	#content.healthnote .step-list .step-1 .step-box,
	#content.healthnote .step-list .step-2 .step-box{height: 58.594vw; padding: 5.469vw 15px;}
	#content.healthnote .step-list .step-3 .step-box{height: 59.766vw; padding: 5.469vw 3.906vw;
		-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	}
	#content.healthnote .step-list .step-3 .img-wrap img{max-width: 230px; height: 467px;}
	#content.healthnote .step-list .step-3 .data-wrap .ico-wrap + .ico-wrap{padding-top:3.125vw ;}
}
@media all and (min-width: 961px) {
	#content.healthnote .step-list .step-3 .data-wrap .ico-wrap + .ico-wrap{padding-top: 40px;}
}
@media all and (max-width: 960px) {
	#content.healthnote .step-list .step-3 .step-box{ text-align: center;
		-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	}
	#content.healthnote .step-list .step-3 .text-wrap .step{margin: 0 auto;}
	#content.healthnote .step-list .step-3 .step-box .ico-area{
		display: -webkit-box;display: -ms-flexbox;display: flex;
		-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
	}
	#content.healthnote .step-list .step-3 .step-box{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
	#content.healthnote .step-list .step-3 .step-box,
	#content.healthnote .step-list .step-3 .step-box .data-wrap{height: auto;}
	#content.healthnote .step-list .step-3 .step-box .ico-area{padding-top: 30px;}
	#content.healthnote .step-list .step-3 .step-box .ico-wrap + .ico-wrap{margin-left: 36px;}
	#content.healthnote .step-list .step-3 .step-box .img-wrap{padding-top: 60px;}
}
@media all and (min-width:769px) and (max-width: 960px){
	#content.healthnote .step-list .step-1 .step-box,
	#content.healthnote .step-list .step-2 .step-box{height: 650px;}
	#content.healthnote .step-list [class*="step-"] .step-box{padding: 60px 15px;}
	#content.healthnote .step-list .step-3 .step-box .img-wrap{
		display: -webkit-box; display: -ms-flexbox; display: flex;
		-webkit-box-align: center; -ms-flex-align: center; align-items: center;
		-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
	}
}
@media all and (max-width: 768px) {
	#content.healthnote .step-list li + li{margin-top: 20px;}
	#content.healthnote .step-list [class*="step-"] .step-box{padding: 50px 0px;}
	#content.healthnote .step-list .step-1 .step-box{background-image: url("../images/business/step1-1.png"); height: 116.800vw;}
	#content.healthnote .step-list .step-2 .step-box{background-image: url("../images/business/step2-1.png"); height: 116.800vw;}
	#content.healthnote .step-list .text-wrap .step + .title{padding-top: 8px;}
	#content.healthnote .step-list .text-wrap .title + .text{padding-top: 16px;}
	/* #content.healthnote .step-list .step-3 .step-box{height: 189.600vw;} */
	#content.healthnote .step-list .step-3 .step-box .img-wrap img{max-width: 41.067vw;}
	#content.healthnote .step-list .step-3 .img-wrap img + img{margin-left: 5px;}
}



/* Challenge On */
#content.services .page-banner.bg-apricot .img-wrap{position: absolute; right: 0; bottom: 0; max-width: 383px;}
@media all and (min-width:1151px) and  (max-width:1380px) {
	#content.services .page-banner.bg-apricot .img-wrap{ max-width: 343px;}
}
@media all and (min-width:961px) and (max-width:1150px) {
	#content.services .page-banner.bg-apricot .img-wrap{ max-width: 283px;}
}
@media all and (min-width:769px) and (max-width:960px) {
}
@media all and (max-width:960px) {
	#content.services .page-banner.bg-apricot .img-wrap{position: static; max-width: none; width: 100%; }
}
@media all and (min-width:769px) {
	#content.services .page-banner.bg-apricot .btn-area .btn + .btn{margin-left: 20px;}	
}
@media all and (max-width:768px){
	#content.services .page-banner.bg-apricot .btn-area .btn{width: calc(50% - 11px); min-width: auto;}
	#content.services .page-banner .btn-area .btn + .btn{margin-left: 11px;}
}

#content.challenge .section.challenge .item-wrap li + li{padding-top: 120px;}
#content.challenge .section.challenge .item.promotion .figure-wrap.end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
#content.challenge .section.challenge .item.promotion .figure-wrap{height: 100%; background-color: var(--bg-gray);}
#content.challenge .section.challenge .item.promotion .title + .text{padding-top: 14px;}

#content.challenge .section.challenge .item.promotion.w-full{overflow: hidden; padding-left: 7.81vw; padding-right: 6.25vw; background-color: var(--bg-gray);}
#content.challenge .section.challenge .item.promotion.w-full .img-wrap{border-radius: 0;}
#content.challenge .contact-wrap.challenge .data-wrap::before{content: "Challenge ON";}
@media all and (min-width:1921px) {
	#content.challenge .section.challenge .item.promotion.w-full{ padding-left: 150px; padding-right: 120px; }
}
@media all and (min-width:1281px) {
	#content.challenge .section.challenge .item.promotion{height: 794px;}
	#content.challenge .section.challenge .item-wrap li:nth-child(even) .item.promotion:not(.w-full) .text-wrap{padding-left: 150px;}
	#content.challenge .section.challenge .item-wrap li:nth-child(odd) .item.promotion .text-wrap{padding-left: 87px;}
	#content.challenge .section.challenge .item.promotion .figure-wrap .img-box{max-width: 294px; height: 626px; }
	#content.challenge .section.challenge .item.promotion.w-full .figure-wrap{max-width: 618px;}
}
@media all and (min-width:961px) and (max-width:1280px) {
	#content.challenge .section.challenge .item.promotion{height: 62.031vw;}
	#content.challenge .section.challenge .item-wrap li:nth-child(even) .item.promotion:not(.w-full) .text-wrap{padding-left: 9.375vw;}
	#content.challenge .section.challenge .item-wrap li:nth-child(odd) .item.promotion .text-wrap{padding-left: 5.469vw;}
	#content.challenge .section.challenge .item.promotion .figure-wrap .img-box{max-width: 22.969vw; height: 48.906vw;}
	#content.challenge .section.challenge .item.promotion.w-full .figure-wrap{max-width: 48.28vw; height: 48.05vw;}
	#content.challenge .section.challenge .item.promotion.w-full{ padding-left:5.47vw; padding-right: 3.13vw; }
}
@media all and (min-width:769px) and (max-width:960px) {
	#content.challenge .section.challenge .item.promotion{height: 500px;}
	#content.challenge .section.challenge .item-wrap li:nth-child(even) .item.promotion:not(.w-full) .text-wrap{padding-left: 35px;}
	#content.challenge .section.challenge .item-wrap li:nth-child(odd) .item.promotion .text-wrap{padding-left: 25px;}
	#content.challenge .section.challenge .item.promotion .figure-wrap .img-box{max-width: 205px; height: 435px;}
	#content.challenge .section.challenge .item.promotion.w-full .figure-wrap{max-width: 375px;}
	#content.challenge .section.challenge .item.promotion.w-full{ padding-left:35px; padding-right: 25px; }
}
@media all and (min-width:769px) {
	#content.challenge .section.challenge .item.promotion.w-full{border-radius: 20px;}
	#content.challenge .section.challenge .item.promotion.w-full .text-wrap{padding-left: 0 !important; padding-right: 20px;}
	#content.challenge .section.challenge .item.promotion.w-full .figure-wrap{border-radius: 0;}
}
@media all and (max-width:768px) {
	#content.challenge .section.challenge .item-wrap li + li{padding-top: 80px;}
	#content.challenge .section.challenge .item.promotion{
		-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;
	}
	#content.challenge .section.challenge .item.promotion .figure-wrap{width: 100%; height: 109.60vw;}
	#content.challenge .section.challenge .item.promotion .text-wrap{padding-top: 35px;}
	#content.challenge .section.challenge .item.promotion .title + .text{padding-top: 10px;}
	#content.challenge .section.challenge .item.promotion .figure-wrap .img-box{max-width: 39.20vw; height: 83.20vw;}
	#content.challenge .section.challenge .item-wrap li:nth-child(2) .item.promotion .figure-wrap .img-box{max-width: 40.27vw; height: 96.80vw;}

	#content.challenge .section.challenge .item.promotion.w-full{background-color: transparent; padding-left: 0; padding-right: 0;}
	#content.challenge .section.challenge .item.promotion.w-full .figure-wrap{ background-color: var(--bg-gray); border-radius: 20px;}
	#content.challenge .section.challenge .item.promotion.w-full .img-wrap{max-width: 83.20vw;}
}

#content.challenge .section.review .item.review{background-color: var(--bg-gray);}
#content.challenge .section.review .item.review .img-wrap{position: relative;}
#content.challenge .section.review .item.review .img-wrap::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1);}
@media all and (min-width:1921px){
	#content.challenge .section.review .swiper-wrapper{width: calc(100% + 52px); margin-left: -26px;}
#content.challenge .section.review .swiper-slide{width: calc((100% - 208px) / 4) !important; margin: 0 26px;}
}
@media all and (min-width:1495px) and (max-width:1920px) {
	#content.challenge .section.review .swiper-wrapper{width: calc(100% + 2.71vw); margin-left: -1.35vw;}
	#content.challenge .section.review .swiper-slide{width: calc((100% - 10.83vw) / 4) !important; margin: 0 1.35vw;}
}
@media all and (min-width:1281px) and (max-width:1495px) {
	#content.challenge .section.review .swiper-wrapper{ width: calc(100% + 2.34vw); margin-left: -1.17vw;}
	#content.challenge .section.review .swiper-slide{width: calc((100% - 9.38vw) / 4) !important; margin: 0 1.17vw;}
	#content.challenge .section.review .item.review{padding: 2.34vw;}
}
@media all and (min-width:1281px) {
	#content.challenge .section.review .swiper-wrapper{transform: none !important; }
}
@media all and (min-width:961px) and (max-width:1280px) {
	#content.challenge .section.review .item.review{padding: 50px;}
}
@media all and (max-width:768px) {
	#content.challenge .section.review .swiper-slide{width: 280px !important;}
}

/* Move Sports */
#content.services .page-banner.bg-levender .img-wrap{position: absolute; right: -13.85vw; bottom: 0; max-width: 1035px;}
@media all and (min-width:1921px){
	#content.services .page-banner.bg-apricot .img-wrap{right: -266px;}
}
@media all and (min-width:1151px) and  (max-width:1380px) {
	#content.services .page-banner.bg-levender .img-wrap{max-width: 900px;}
}
@media all and (min-width:961px) and (max-width:1150px) {
	#content.services .page-banner.bg-levender .img-wrap{max-width: 750px;}
}
@media all and (min-width:769px) and (max-width:960px) {
	#content.services .page-banner.bg-levender .img-wrap{margin-top: -50px;}
}
@media all and (max-width:960px) {
	#content.services .page-banner.bg-levender .img-wrap{position: static; max-width: none; width: 100%; }
}
@media all and (max-width:768px){
	#content.services .page-banner.bg-levender .img-wrap{margin-top: -42px;}
}

#content.movesports .section.movesports .item.promotion .title + .text{padding-top: 14px;}
#content.movesports .contact-wrap.movesports .data-wrap::before{content: "Move Sports";}
#content.movesports .item-wrap li + li {padding-top: 120px;}
@media all and (min-width:1280px) {
	
	#content.movesports .item-wrap li:nth-child(even) .item.promotion .text-wrap{padding-left: 98px;}
	#content.movesports .item-wrap li:nth-child(odd) .item.promotion .text-wrap{padding-left: 150px;}
}
@media all and (min-width:961px) and (max-width:1280px) {
	#content.movesports .item-wrap li:nth-child(even) .item.promotion .text-wrap{padding-left: 5.31vw;}
	#content.movesports .item-wrap li:nth-child(odd) .item.promotion .text-wrap{padding-left: 7.81vw;}
}
@media all and (min-width:769px) and (max-width:960px) {
	#content.movesports .item-wrap li + li {padding-top: 100px;}
	#content.movesports .item-wrap li:nth-child(even) .item.promotion .text-wrap{padding-left: 35px;}
	#content.movesports .item-wrap li:nth-child(odd) .item.promotion .text-wrap{padding-left: 45px;}
}
@media all and (max-width:768px) {
	#content.movesports .item.promotion{-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
	#content.movesports .item-wrap li + li {padding-top: 80px;}
	#content.movesports .item.promotion .text-wrap{padding-top: 40px;}

	#content.movesports .item.promotion .title + .text{padding-top: 15px;}
}

#content.movesports .section.move{}
#content.movesports .section.move .section-title + .tab-wrap{margin-top: 50px;}
#content.movesports .section.move .tabs.move a{font-size: 23px;}
#content.movesports .section.move .tab-wrap + .tab-content{margin-top: 80px;}
#content.movesports .section.move .data-wrap .cont-title{ font-weight: 600;}

#content.movesports .section.move .data-wrap > li + li{padding-top: 80px;}

#content.movesports .section.move .data-wrap .col-2 .text-wrap{overflow: hidden; position: relative; height: 290px; padding: 70px; border-radius: 20px; background-color: var(--bg-gray-07);}
#content.movesports .section.move .data-wrap .col-2 .text-wrap .title{padding-top: 10px; font-size: 24px;}
#content.movesports .section.move .data-wrap .col-2 .title + .text{padding-top: 16px; font-size: 17px;}
#content.movesports .section.move .data-wrap .col-2 .text p{position: relative; padding-left: 6px;}
#content.movesports .section.move .data-wrap .col-2 .text p::after{content: ""; position: absolute; top: calc(20px / 2); left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: var(--violet);}
#content.movesports .section.move .data-wrap .col-2 .ico-wrap{position: absolute; top: 60px; right: 60px;}

#content.movesports .section.move .data-wrap .list-wrap > li + li{padding-top: 120px;}
#content.movesports .section.move .data-wrap .list-wrap .data-wrap{
	display: -webkit-box; display: -ms-flexbox; display: flex;
}
#content.movesports .section.move .data-wrap .list-wrap .text-wrap{width: calc(50% + 26px);}
#content.movesports .section.move .data-wrap .list-wrap .text-wrap .title + .text{padding-top: 20px;}
#content.movesports .section.move .data-wrap .list-wrap .text-wrap + [class*="wrap"]{width: calc(50% - 26px);}
#content.movesports .section.move .data-wrap .list-wrap .specific-box{position: relative; height: 178px; background-position: center center; background-size: cover; background-repeat: no-repeat;}
#content.movesports .section.move .data-wrap .list-wrap .specific-box.specific-1{background-image: url("../images/business/move-features.png");}
#content.movesports .section.move .data-wrap .list-wrap .specific-1 span{position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; font-weight: 600; text-align: center; }
#content.movesports .section.move .data-wrap .list-wrap .specific-1 span:nth-child(1){left: 61px;}
#content.movesports .section.move .data-wrap .list-wrap .specific-1 span:nth-child(2){}
#content.movesports .section.move .data-wrap .list-wrap .specific-1 span:nth-child(3){}
#content.movesports .section.move .data-wrap .list-wrap .specific-1 span:nth-child(4){right: 50px; color: var(--violet);}


#content.movesports .section.move .data-wrap .list-wrap .specific-box.specific-2{width: 405px; margin-left: auto; background-image: url("../images/business/move-features-2.png");}

#content.movesports .section.move .data-wrap .list-wrap .athletic-wrap {
	width: calc(100% + 72px); margin-top: -18px; margin-left: -36px;
	display: flex; justify-content: flex-end; flex-wrap: wrap;
}
#content.movesports .section.move .data-wrap .list-wrap .athletic-wrap li{width: calc((100% - 108px) / 3); height: 199px; margin: 18px;}
#content.movesports .section.move .data-wrap .list-wrap .athletic-wrap .ico-wrap{width: 100%; height: 100%;  background-color: var(--bg-gray-07); border-radius: 20px;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}
#content.movesports .section.move .data-wrap .list-wrap .athletic-wrap .ico-wrap.none{opacity: 0; }
#content.movesports .section.move .data-wrap .list-wrap .athletic-wrap .ico + .text{padding-top: 12px;}
#content.movesports .section.move .data-wrap .list-wrap .athletic-wrap .ico-wrap .text{font-weight: 600; text-align: center;}

@media all and (min-width:1281px) and (max-width:1440px) {
	#content.movesports .section.move .data-wrap .list-wrap .athletic-wrap {gap: 1.736vw;}
	#content.movesports .section.move .data-wrap .list-wrap .athletic-wrap li{width: 13.819vw; height: 13.819vw;}
}
@media all and (max-width:1280px) {
	#content.movesports .section.move .data-wrap .list-wrap .athletic-wrap {gap: 15px;}
	#content.movesports .section.move .data-wrap .list-wrap .athletic-wrap li{width: 12.547vw; height: 12.547vw;}
}
@media all and (min-width:769px) {
	#content.movesports .section.move .data-wrap .cont-title{font-size: 34px; padding-bottom: 50px;}
}
@media all and (max-width:768px) {
	#content.movesports .section.move .data-wrap .cont-title{font-size: 28px; padding-bottom: 26px;}
}




#content.movesports .section.support{}
#content.movesports .section.support .support-wrap,
#content.movesports .section.support .support-list .ico-wrap,
#content.movesports .section.support .support-list{
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
}
#content.movesports .section.support .support-wrap{width: 100%; height: 100vh;
	background-image: url("../images/business/support_bg.jpg") ; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}
#content.movesports .section.support .text-wrap .title{font-size: 42px; font-weight: 700;}
#content.movesports .section.support .text-wrap .text{}
#content.movesports .section.support .btn.bdr{background-color: transparent;}
#content.movesports .section.support .btn.bdr:hover .ico.link{background-image: url('../images/common/ico_link-v.svg');}
#content.movesports .section.support .support-list{
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
#content.movesports .section.support .support-list .ico-wrap{overflow: hidden; width: 150px; height: 150px; border-radius: 76px; background-color: var(--white);
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
#content.movesports .section.support .support-list .text{font-weight: 600;}
#content.movesports .section.support .text-area + .support-list{padding-top: 133px;}
@media all and (min-width:1281px) {
	#content.movesports .section.support .support-list li + li{margin-left: 100px;}
}
@media all and (min-width:961px) and (max-width:1280px) {
	#content.movesports .section.support .support-list li + li{margin-left: 7.81vw;}
}
@media all and (min-width:769px) and (max-width:960px) {
	#content.movesports .section.support .text-wrap .title{font-size: 36px;}
	#content.movesports .section.support .support-list li + li{margin-left: 50px;}
	#content.movesports .section.support .text-area + .support-list{padding-top: 100px;}
}
@media all and (min-width:769px) {
	#content.movesports .section.support .text-wrap .title + .text{padding-top: 40px;}
	#content.movesports .section.support .text-wrap + .btn-area{margin-top: 50px;}
	#content.movesports .section.support .support-list .ico-wrap + .text{padding-top: 24px;}
}
@media all and (max-width:768px) {
	#content.movesports .section.support .support-wrap{background-image: url('../images/business/support_bg_m.jpg');}
	#content.movesports .section.support .text-wrap .title{font-size: 30px;}
	#content.movesports .section.support .text-wrap .text{line-height: 1.56;}
	#content.movesports .section.support .text-wrap .title + .text{padding-top: 24px;}
	#content.movesports .section.support .text-wrap + .btn-area{margin-top: 34px;}
	#content.movesports .section.support .support-list .ico-wrap + .text{padding-top: 12px;}
	#content.movesports .section.support .text-area + .support-list{padding-top: 70px;}
	#content.movesports .section.support .support-list li + li{margin-left: 14px;}
	#content.movesports .section.support .support-list .ico-wrap{width: 100px; height: 100px; border-radius: 50px; }
	#content.movesports .section.support .support-list .ico-wrap .ico{width: 40px; height: 40px;}
}



/* project */
#content.project .business-box{position: relative; overflow: hidden; width: 100%; background-position: center; background-repeat: no-repeat; border-radius: 20px; background-color: var(--bg-gray);}
#content.project .business-box.model{background-image: url("../images/business/project-1.png");}
#content.project .business-box.platform{background-image: url("../images/business/project-2.jpg");}
#content.project .business-box.execution{background-image: url("../images/business/project-3.jpg"); }
#content.project .business-box.content{background-image: url("../images/business/project-4.png"); }
#content.project .business-box.platform,
#content.project .business-box.execution{background-size: cover;}

#content.project .business-box .text-wrap{width: 100%; height: 100%;}
#content.project .business-box .text-wrap .category{color: var(--black-op-3); font-weight: 600; line-height: 1.38; font-family: 'Poppins', zsans-serif; font-size: 16px;}
#content.project .business-box .text-wrap .title{font-size: 26px; font-weight: 600; line-height: 1.23;}
#content.project .business-box .text-wrap .category + .title{padding-top: 8px;}
#content.project .business-box .ico-wrap{position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}

#content.project .item-wrap + .item-wrap{margin-top: 120px;}
#content.project .item-wrap > .item-title{ font-weight: 700;}
#content.project .item.promotion{overflow: hidden; border-radius: 20px;}
#content.project .item.promotion .img-wrap{height: 100%; border-radius: 0;}
#content.project .item.promotion .text-area{position: relative; height: 100%; padding: 70px;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
	-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
}
#content.project .item.promotion .text-area::before{ content: ""; position: absolute; width: 78px; height: 78px; background-repeat: no-repeat; background-position: center; background-size: cover;}
#content.project .item.promotion .text-area.business-1::before{background-image: url("../images/common/ico_business-1-1.svg");}
#content.project .item.promotion .text-area.business-2::before{background-image: url("../images/common/ico_business-3-1.svg");}
#content.project .item.promotion .text-area.business-3::before{background-image: url("../images/common/ico_business-2-1.svg");}
#content.project .item.promotion .text-area.business-4::before{background-image: url("../images/common/ico_business-4-1.svg");}

@media all and (min-width: 1281px) {
	#content.project .section.business + .contact-wrap{margin-top: 200px;}
	#content.project .business-wrap + .item-area{margin-top: 180px;}
	#content.project .business-box{height: 688px;}
	#content.project .business-box.model,
	#content.project .business-box.content{background-size: 480px 480px;}
	#content.project .business-box .text-wrap{padding: 50px;}

	#content.project .item.promotion{height: 611px;}
	#content.project .item.promotion .text-area::before{top: 70px; left: 70px;}
}
@media all and (min-width: 961px) and (max-width: 1280px) {
	#content.project .item.promotion{height: 47.734vw;}
	#content.project .item.promotion .text-area{padding: 5.469vw;}
	#content.project .item.promotion .text-area::before{top: 5.469vw; left: 5.469vw;}

	#content.project .business-box{height: 52.188vw;}
	#content.project .business-box.model,
	#content.project .business-box.content{background-size: 37.500vw 37.500vw;}
	#content.project .business-box .text-wrap{padding: 3.906vw;}

	#content.project .business-box .ico.etc-1{width: 10.938vw; height: 10.938vw;}
	#content.project .business-box .ico.etc-2{width: 12.031vw; height: 12.031vw;}
	#content.project .business-box .ico.etc-3{width: 10.313vw; height: 15.156vw;}
	#content.project .business-box .ico.etc-4{width: 23.438vw; height: 23.438vw;}

}
@media all and (min-width: 769px) and (max-width: 960px) {
	#content.project .section.business + .contact-wrap{margin-top: 140px;}
	#content.project .business-wrap + .item-area{margin-top: 120px;}
	#content.project .business-box{height: 400px;}
	#content.project .business-box.model,
	#content.project .business-box.content{background-size: 300px 300px;}
	#content.project .business-box .text-wrap{padding: 35px;}

	#content.project .business-box .ico.etc-1{width: 90px; height: 90px;}
	#content.project .business-box .ico.etc-2{width: 104px; height: 104px;}
	#content.project .business-box .ico.etc-3{width: 93px; height: 125px;}
	#content.project .business-box .ico.etc-4{width: 180px; height: 180px;}

	#content.project .item-wrap + .item-wrap{margin-top: 100px;}
	#content.project .item.promotion{height: 450px;}
	#content.project .item.promotion .text-area{padding: 30px;}
	#content.project .item.promotion .text-area::before{top: 30px; left: 30px;}
	#content.project .item.promotion .text-wrap.normal .title{font-size: 21px;}
}
@media all and (min-width:769px) {
	#content.project .item-wrap .item-title{font-size: 34px;}
	#content.project .item-title + div{margin-top: 50px;}
	#content.project .item.promotion .img-wrap,
	#content.project .item.promotion .text-area{width: 50%;}
	#content.project .item.promotion .text-wrap + .text-wrap{padding-top: 35px;}
	#content.project .item.promotion .text-wrap .title + .text{padding-top: 11px;}
}
@media all and (max-width: 768px) {
	#content.project .section.business + .contact-wrap,
	#content.project .business-wrap + .item-area{margin-top: 80px;}

	#content.project .business-wrap li + li{margin-top: 20px;}
	#content.project .business-box{height: 91.467vw;}
	#content.project .business-box.model,
	#content.project .business-box.content{background-size: 65.600vw 65.600vw;}
	#content.project .business-box .text-wrap{padding: 30px;}
	#content.project .business-box .text-wrap .category{font-size: 14px;}
	#content.project .business-box .text-wrap .title{font-size: 20px;}

	#content.project .business-box .ico.etc-1{width: 16.533vw; height: 16.533vw;}
	#content.project .business-box .ico.etc-2{width: 17.067vw; height: 17.067vw;}
	#content.project .business-box .ico.etc-3{width: 16.533vw; height: 25.867vw;}
	#content.project .business-box .ico.etc-4{width: 37.333vw; height: 37.333vw;}

	#content.project .item-wrap .item-title{font-size: 28px;}
	#content.project .item-title + div{margin-top: 26px;}
	#content.project .item-wrap + .item-wrap{margin-top: 80px;}
	#content.project .item.promotion{-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
	#content.project .item.promotion .img-wrap,
	#content.project .item.promotion .text-area{width: 100%;}
	#content.project .item.promotion .img-wrap{max-width: none;}
	#content.project .item.promotion .text-area{height: 424px; padding: 40px 40px 50px;}
	#content.project .item.promotion .text-area::before{top: 40px; left: 40px;}
	#content.project .item.promotion .text-wrap + .text-wrap{padding-top: 35px;}
	#content.project .item.promotion .text-wrap .title + .text{padding-top: 11px;}
}

/* CONTACT US */
#content.contact .map-wrap{overflow: hidden; width: 100%; border-radius: 20px;}
#content.contact .map-wrap iframe{width: 100%; height: 100%; 
	-o-object-fit: cover;object-fit: cover; -o-object-position: center;object-position: center;
}
#content.contact .map-info .text span{display: inline-block;}
@media all and (min-width:1281px) {
	#content.contact .map-wrap{height: 670px;}
}
@media all and (min-width:961px) and (max-width:1280px) {
	#content.contact .map-wrap{height: 52.344vw;}
}
@media all and (min-width:769px) and (max-width:960px) {
	#content.contact .map-wrap{height: 500px;}
}
@media all and (min-width:961px) {
	#content.contact .map-info .text-wrap:first-child,
	#content.contact .section.contact .section-title{width: calc(50% + 52px);}
	#content.contact .map-info .text-wrap:last-child,
	#content.contact .form-wrap{width: calc(50% - 52px);}
}
@media all and (min-width:769px) and (max-width:960px) {
	#content.contact .map-info .text-wrap:first-child,
	#content.contact .section.contact .section-title,
	#content.contact .map-info .text-wrap:last-child,
	#content.contact .form-wrap{width: 50%;}
}
@media all and (min-width:769px) {
	#content.contact .map-wrap + .map-info{padding-top: 56px;}
	#content.contact .map-info,
	#content.contact .section.contact{display: -webkit-box; display: -ms-flexbox; display: flex;}
	#content.contact .map-info .title + .text{padding-top: 14px;}
	#content.contact .map-info .text span{width: 80px;}
}
@media all and (max-width:768px) {
	#content.contact .map-wrap{height: 280px;}
	#content.contact .map-wrap + .map-info{padding-top: 40px;}
	#content.contact .text-wrap + .text-wrap{padding-top: 30px;}
	#content.contact .map-info .title + .text{padding-top: 12px;}
	#content.contact .map-info .text span{width: 60px;}
	#content.contact .section.contact .section-title + .form-wrap{padding-top: 36px;}
	#content.contact .btn-area {text-align: center;}
}

/* pageid2 */
#pageid2 .classname{}
@media all and (max-width:640px){
	#pageid2 .classname{}
}
@media all and (min-width:641px){
	#pageid2 .classname{}
}