@charset "utf-8";
/* hanbom.com */

/* border-box */
div, article, aside, footer, header, hgroup, main, menu, nav, section,
h1, h2, h3, h4, h5, h6, p,
ul, ol, li,
nav, a, button,
label, input,
select, textarea {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* blind */
.blind,
.ico > span {visibility: hidden; overflow: hidden; position: absolute; top: -1px; left: -1px; width: 1px; height: 1px; font-size: 0; line-height: 0; z-index:-1;}

/* a */
a,
a:link,
a:visited,
a:active,
a:hover			{text-decoration: none; color: inherit;}

/* only */
.only-pc{display: block;}
.only-mo{display: none;}
@media all and (min-width: 769px) and (max-width:1340px) {
	.only-text{display: none;}
}
@media all and (max-width: 768px) {
	.only-pc{display: none;}
	.only-mo{display: block;}
	.only-text{display: none;}
}

/* border-radius */
.bdr-20,
.bdr-20vw{border-radius: 20px;}
@media all and (max-width:768px) {
	.bdr-20{border-radius: 20px;}
	.bdr-20vw{border-radius: 5.333vw;}
}

/* inner */
.max-1388{max-width: 1388px; margin: 0 auto;}
.swiper-inner{padding-left: 122px;}
@media all and (min-width:1681px) {
	.inner-wrap,
	.inner{padding-left: 122px; padding-right: 122px;}
}
@media all and (min-width:1281px) and (max-width: 1680px) {
	.inner-wrap,
	.inner{padding-left: 7.262vw; padding-right: 7.262vw;}
}
@media all and (min-width:961px) and (max-width: 1280px) {
	.inner-wrap,
	.inner{padding-left: 5.469vw; padding-right: 5.469vw;}
}
@media all and (min-width:769px) and (max-width:960px){
	.inner-wrap{padding-left: 35px; padding-right: 35px;}
	.inner{padding-left: 42px; padding-right: 42px;}
}
@media all and (max-width:768px) {
	.inner-wrap{padding-left: 16px; padding-right: 16px;}
	.inner{padding-left: 24px; padding-right: 24px;}
	.gutter{padding-left: 8px; padding-right: 8px;}
}

/* title */
.page-title{ font-weight: 700; line-height: 1.4;}
.section-title{ font-weight: 700;}
@media all and (min-width:961px) {
	.page-title{font-size: 86px;}
	.section-title{font-size: 50px;}
	.section-title + div:not(.form-wrap):not(.swiper-btn),
	.section-title + ul{margin-top: 80px;}
}
@media all and (min-width:769px) and (max-width:960px) {
	.page-title{font-size: 65px;}
	.section-title{font-size: 45px;}
	.section-title + div:not(.form-wrap):not(.swiper-btn),
	.section-title + ul{margin-top: 60px;}
}
@media all and (max-width:768px) {
	.page-title{font-size: 36px;}
	.section-title{font-size: 40px;}
	.section-title + div:not(.form-wrap):not(.swiper-btn),
	.section-title + ul{margin-top: 36px;}
}

/* banner-wrap , contact-wrap */
.banner-wrap,
.contact-wrap{position: relative; width: 100%; overflow: hidden; }
.banner-wrap .img-wrap,
.contact-wrap .img-wrap{height: 100%;}
.banner-wrap .img-wrap {
	-webkit-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);
	-webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; 
	-o-transition: transform 1s ease; transition: transform ss ease; transition: transform 1s ease, -webkit-transform 1s ease;
}
.banner-wrap.active .img-wrap{
	-webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); 
}

.banner-wrap .title-wrap,
.contact-wrap .data-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
/* banner-wrap */
.banner-wrap::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25);}

.banner-wrap .title{font-size: 44px; font-weight: 700; color: var(--white);}

/* contat-wrap */
.contact-wrap{border-radius: 20px;}
.contact-wrap::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}
.contact-wrap .title{font-size: 36px; font-weight: 600; color: var(--white);}

/* contact-wrap.services */
.contact-wrap.services{}
.contact-wrap.services .title{font-size: 30px;}
.contact-wrap.services .data-wrap{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.contact-wrap.services .data-wrap::before{content: ""; position: absolute; top: 0; font-size: 20px; font-weight: 500; font-family: 'Poppins', sans-serif; color: var(--white);}
@media all and (min-width:1281px) {
	.banner-wrap{height: 604px;}

	.contact-wrap{height: 501px;}
	.contact-wrap .data-wrap{padding: 60px 100px;}
	.contact-wrap.services .data-wrap::before{padding-top: 60px;}
}
@media all and (min-width:961px) and (max-width: 1280px) {
	.banner-wrap{height: 47.188vw;}
	.contact-wrap{height: 39.141vw;}

	.contact-wrap .data-wrap{padding: 4.688vw 7.813vw;}
	.contact-wrap.services .data-wrap::before{padding-top: 4.688vw;}
}
@media all and (min-width:769px) and (max-width:960px){
	.banner-wrap{height: 450px}
	.banner-wrap .title{font-size: 36px;}

	.contact-wrap{height: 350px}
	.contact-wrap .title{font-size: 30px;}
	.contact-wrap .data-wrap{padding: 30px 50px;}
	.contact-wrap.services .data-wrap::before{padding-top: 30px;}
}
@media all and (min-width:769px) {
	.banner-wrap .title,
	.contact-wrap .title{line-height: 1.45;}

	.contact-wrap:not(.services) .title-wrap + .btn-area{padding-top: 40px;}
	.contact-wrap.services .title-wrap + .btn-area{padding-top: 30px;}
	.contact-wrap .btn{min-width: 240px;}

}
@media all and (max-width: 768px) {
	.banner-wrap{height: 563px;}
	.banner-wrap .title{font-size: 28px;}

	.contact-wrap .title,
	.contact-wrap.services .title{font-size: 5.33vw;}
	.contact-wrap{height: 74.67vw;} /* height: 280px */
	.contact-wrap .data-wrap{text-align: center; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}

	.contact-wrap.services{height: 83.73vw;} /* height: 314px */
	.contact-wrap.services .data-wrap{padding: 10.67vw 8vw;}
	.contact-wrap.services .data-wrap::before{padding-top:10.67vw; font-size: 3.73vw;}
	
	.contact-wrap:not(.services) .title-wrap + .btn-area{padding-top: 24px;}
	.contact-wrap.services .title-wrap + .btn-area{margin-top: 25px;}
}

/* content-title */
.title-box{text-align: center;}
.title-box .category{font-weight: 600; line-height: 1.21; color: var(--black-op-3); font-family: 'Poppins', sans-serif;}
.title-box .title{font-weight: 700; line-height: 1.48;}
.title-box .category + .title{padding-top: 22px;}
@media all and (min-width: 1281px) {
	.title-box .category{font-size: 28px;}
	.title-box .title{font-size: 42px;}
}
@media all and (min-width:769px) and (max-width: 1280px) {
	.title-box .category{font-size: 24px;}
	.title-box .title{font-size: 36px;}
}
@media all and (min-width:769px) {
	.main .title-box + div:not(.form-wrap),
	.main .title-box + ul{padding-top: 100px;}
	.main .title-box + div:not(.form-wrap),
	.main .title-box + ul{padding-top: 80px;}
	.title-box .title{font-size: ;}
}
@media all and (max-width:768px) {
	.main .title-box + div:not(.form-wrap),
	.main .title-box + ul{padding-top: 50px;}
	
	.title-box .category{font-size: 20px; line-height: 1.2;}
	.title-box .title{font-size: 30px; line-height: 1.4;}
}

/* text-wrap */
.text-wrap.small{}
.text-wrap.normal .title,
.text-wrap.regular .title{font-size: 24px; font-weight: 700;}
.text-wrap.medium .title,
.text-wrap.x-medium .title{font-size: 28px; font-weight: 700;}
.text-wrap.large .title{font-size: 34px; font-weight: 600;}

.text-wrap .text{color: var(--black-op-5);}

.text-wrap .title,
.text-wrap .text{word-break: keep-all;}

@media all and (max-width:768px) {
	.text-wrap.medium .title{font-size: 22px;}
	.text-wrap.x-medium .title,
	.text-wrap.regular .title{font-size: 20px;}
	.text-wrap.normal .title{font-size: 18px;}
	.text-wrap.large .title{font-size: 24px;}
}

/* Dim */
.dim-005,
.dim-01,
.dim-015,
.dim-025,
.dim-02,
.dim-03{position: relative; isolation: isolate; }
.dim-005::before,
.dim-01::before,
.dim-015::before,
.dim-025::before,
.dim-02::before,
.dim-03::before{box-sizing: border-box; z-index: 1;}
.dim-005::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.05);}
.dim-01::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1);}
.dim-015::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15);}
.dim-025::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25);}
.dim-02::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.dim-03::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}

/* image */
.img-wrap,
picture.img-wrap {display: block; width: 100%;}
picture.img-wrap:{height: auto;}
img {vertical-align: top; width: 100%; height: 100%; object-fit: cover;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; 
}

/* font weight */
strong,
.fw-700 {font-weight: 700}

/* font color */
.fc-white{color: var(--white) !important;}
.fc-black{color: var(--black) !important;}

/* background-color */
.bg-sky{background-color: var(--sky);}
.bg-apricot{background-color: var(--apricot);}
.bg-levender{background-color: var(--levender);}
.bg-gray{background-color: var(--bg-gray);}
.bg-gray-07{background-color: var(--bg-gray-07);}
.lightgray-07{background-color: var(--bg-light-gray-07);}
.bg-lightgray{background-color: #f8f8fa;}

/* text deco */
.underline	{text-decoration: underline;}
/* ico */
.ico		{display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position : 50% 50%; background-size: contain;
			-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;
			}
.ico.download.small{width: 16px; height: 16px;}
.ico.download.normal{width: 24px; height: 24px;}

.ico.download,
.ico.download-w,
.ico.arr-left,
.ico.arr-down {width: 16px; height: 16px;}
.ico.download	{background-image: url('../images/common/ico_download.svg');}
.ico.download-w	{background-image: url('../images/common/ico_download-w.svg');}
.ico.arr-left	{background-image: url('../images/common/ico_arr_left.svg');}
.ico.arr-down	{background-image: url('../images/common/ico_arr_down.svg');}

.ico.arr-left-g,
.ico.arr-left-v,
.ico.arr-left-w {width: 20px; height: 20px;}
.ico.arr-left-g	{background-image: url('../images/common/ico_arr_left-g.svg');}
.ico.arr-left-v	{background-image: url('../images/common/ico_arr_left-v.svg');}
.ico.arr-left-w	{background-image: url('../images/common/ico_arr_left-w.svg');}

.ico.close,
.ico.magnifier,
.ico.magnifier-w,
.ico.link,
.ico.link-w,
.ico.menu,
.ico.menu-w,
.ico.arr-big-down,
.ico.arr-big-up,
.ico.google,
.ico.google-v,
.ico.apple,
.ico.download-v,
.ico.apple-v,
.ico.ci-down{width: 24px; height: 24px;}
.ico.close	{background-image: url('../images/common/ico_close.svg');}
.ico.magnifier {background-image: url('../images/common/ico_magnifier.svg');}
.ico.magnifier-w {background-image: url('../images/common/ico_magnifier-w.svg');}
.ico.link {background-image: url('../images/common/ico_link.svg');}
.ico.link-w {background-image: url('../images/common/ico_link-w.svg');}
.ico.menu {background-image: url('../images/common/ico_menu.svg');}
.ico.menu-w {background-image: url('../images/common/ico_menu-w.svg');}
.ico.arr-big-down {background-image: url('../images/common/ico_arr_big_down.svg');}
.ico.arr-big-up {background-image: url('../images/common/ico_arr_big_up.svg');}
.ico.ci-down {background-image: url('../images/common/ico_download-ci.svg');}

.ico.google,
.ico.apple{margin-left: 0; margin-right: 10px;}
.ico.google {background-image: url('../images/common/ico_google.svg');}
.ico.apple {background-image: url('../images/common/ico_apple.svg');}
@media all and (min-width:769px) {
	.btn:hover .ico.google{background-image: url('../images/common/ico_google-w.svg');}
	.btn:hover .ico.apple {background-image: url('../images/common/ico_apple-w.svg');}
	.btn:hover .ico.ci-down {background-image: url('../images/common/ico_download-w.svg');}
	.btn:hover .ico.link {background-image: url('../images/common/ico_link-w.svg');}
}
@media all and (max-width:768px) {
	.ico.google,
	.ico.apple{margin-left: 0; margin-right: 6px;}
}


.ico.pop-close{width: 36px; height: 36px; background-image: url("../images/common/ico_pop_close.svg");}

.ico.instar,
.ico.kko,
.ico.youtube,
.ico.facebook{width: 40px; height: 40px;}
.ico.instar{background-image: url("../images/common/ico_instar.svg");}
.ico.kko{background-image: url("../images/common/ico_kko.svg")}
.ico.youtube{background-image: url("../images/common/ico_youtube.svg")}
.ico.facebook{background-image: url("../images/common/ico_facebook.svg")}

.ico.business-1,
.ico.business-1-1,
.ico.business-2,
.ico.business-2-1,
.ico.business-3,
.ico.business-3-1,
.ico.business-4,
.ico.business-4-1,
.ico.business-5,
.ico.business-6,
.ico.business-7,
.ico.business-8,
.ico.business-9,
.ico.business-11,
.ico.business-14,
.ico.business-16,
.ico.upbringing,
.ico.share,
.ico.popularization,
.ico.happy,
.ico.health,
.ico.challenge,
.ico.creative,
.ico.data,
.ico.target,
.ico.time,
.ico.ranking,
.ico.kettlebell,
.ico.guts,
.ico.paps,
.ico.biceps,
.ico.dumbbell,
.ico.evaluation,
.ico.plan,
.ico.execution{width: 78px; height: 78px;}
.ico.business-1 {background-image: url("../images/common/ico_business-1.svg");}
.ico.business-1-1{background-image: url("../images/common/ico_business-1-1.svg");}
.ico.business-2{background-image: url("../images/common/ico_business-2.svg");}
.ico.business-2-1{background-image: url("../images/common/ico_business-2-1.svg");}
.ico.business-3{background-image: url("../images/common/ico_business-3.svg");}
.ico.business-3-1{background-image: url("../images/common/ico_business-3-1.svg");}
.ico.business-4{background-image: url("../images/common/ico_business-4.svg");}
.ico.business-4-1{background-image: url("../images/common/ico_business-4-1.svg");}
.ico.business-5{background-image: url("../images/common/ico_business-5.svg");}
.ico.business-6{background-image: url("../images/common/ico_business-6.svg");}
.ico.business-7{background-image: url("../images/common/ico_business-7.svg");}
.ico.business-8{background-image: url("../images/common/ico_business-8.svg");}
.ico.business-9{background-image: url("../images/common/ico_business-9.svg");}
.ico.business-11{background-image: url("../images/common/ico_business-11.svg");}
.ico.business-14{background-image: url("../images/common/ico_business-14.svg");}

.ico.upbringing{background-image: url("../images/business/ico_upbringing.svg");}
.ico.share{background-image: url("../images/business/ico_share.svg");}
.ico.popularization{background-image: url("../images/business/ico_popularization.svg");}
.ico.happy{background-image: url("../images/business/ico_happy.svg");}
.ico.health{background-image: url("../images/business/ico_health.svg");}
.ico.challenge{background-image: url("../images/business/ico_challenge.svg");}
.ico.creative{background-image: url("../images/business/ico_creative.svg");}
.ico.data{background-image: url("../images/business/ico_data.svg");}
.ico.target{background-image: url("../images/business/ico_target.svg");}
.ico.time{background-image: url("../images/business/ico_tiem.svg");}
.ico.ranking{background-image: url("../images/business/ico_ranking.svg");}
.ico.kettlebell{background-image: url("../images/business/ico_kettlebell.svg");}
.ico.guts{background-image: url("../images/business/ico_guts.svg");}
.ico.paps{background-image: url("../images/business/ico_paps.svg");}
.ico.biceps{background-image: url("../images/business/ico_biceps.svg");}
.ico.dumbbell{background-image: url("../images/business/ico_dumbbell.svg");}
.ico.evaluation{background-image: url("../images/business/ico_evaluation.svg");}
.ico.plan{background-image: url("../images/business/ico_plan.svg");}
.ico.execution{background-image: url("../images/business/ico_execution.svg");}


.ico.business-10,
.ico.business-12,
.ico.business-13,
.ico.business-15,
.ico.business-16{width: 80px; height: 80px;}
.ico.business-10{background-image: url("../images/common/ico_business-10.svg");}
.ico.business-12{background-image: url("../images/common/ico_business-12.svg");}
.ico.business-13{background-image: url("../images/common/ico_business-13.svg");}
.ico.business-15{background-image: url("../images/common/ico_business-15.svg");}
.ico.business-16{background-image: url("../images/common/ico_business-16.svg");}


.ico.etc-1{width: 140px; height: 140px; background-image: url("../images/common/ico_etc-1.svg");}
.ico.etc-2{width: 154px; height: 154px; background-image: url("../images/common/ico_etc-2.svg");}
.ico.etc-3{width: 132px; height: 194px; background-image: url("../images/common/ico_etc-3.svg");}
.ico.etc-4{width: 300px; height: 300px; background-image: url("../images/common/ico_etc-4.svg");}

@media all and (max-width:768px) {
	.ico.download.normal{width: 20px; height: 20px;}

	.ico.magnifier,
	.ico.magnifier-w,
	.ico.link,
	.ico.link-w,
	.ico.arr-big-down,
	.ico.arr-big-up{width: 20px; height: 20px;}

}



/* ellipsis */
.ellipsis,
.ellipsis-2 {
	display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap: break-word;
}
.ellipsis{line-height: 1.25rem; height: 1.25rem; -webkit-line-clamp: 1;}
.ellipsis-2 {max-height: 54px; line-height: calc(54px / 2); -webkit-line-clamp: 2;}
@media all and (max-width:768px) {
	.ellipsis-2 {max-height: 49px; line-height: calc(49px / 2);}
}


/* align */
.ta-c {text-align: center !important;}
.ta-l {text-align: left !important;}
.ta-r {text-align: right !important;}

/* transform */
.rotate{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}

/* tabs */
.tabs,
.tabs a					{
	display: -ms-flexbox; display: -webkit-box; display: flex; 
}
.tabs li + li 				{margin-left: 84px;}
.tabs a 					{position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; cursor: pointer; text-align: center; text-decoration:none;
	color: var(--black); font-weight: 600;
	-webkit-transition: color 0.3s ease;-o-transition: color 0.3s ease;transition: color 0.3s ease;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	-webkit-touch-callout: none; -khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.tabs a:hover,
.tabs li.current a{color: var(--violet);}
.tab-content{display: none;}
.tab-content.active{display: block;}

.tabs.move li{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.tabs.move li + li{margin-left: 0;}
.tabs.move li a{width: 100%; border-bottom: 1px solid var(--black-op-6);}
.tabs.move li a::after{content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 5px; background-color: var(--violet); 
	-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
.tabs.move a:hover,
.tabs.move li.current a{color: var(--violet);}
.tabs.move a:hover::after,
.tabs.move li.current a::after{width: 100%;}


@media all and (min-width:769px) and (max-width: 1280px) {
	.tabs li + li {margin-left: 54px;}
	.tab-content + .btn-area{padding-top: 80px;}
}
@media all and (max-width:768px) {
	.tabs li + li {margin-left: 24px;}
	.tabs a {font-size: 24px;}
	.tab-content + .btn-area{padding-top: 60px;}
	.tabs.move li a::after{height: 3px;}
}

/* flex */
[class*="flex"]	{
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center; 
}
.flex-normal{-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
.flex-start{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.flex-center{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.flex-end{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.flex-between{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}

@media all and (max-width: 768px) {
	.flex-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
}

/* col */
[class*="col-"]{
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
}
.col-2{width: calc(100% + 52px); margin-top: -26px; margin-left: -26px;}
.col-2 li{margin: 26px; width: calc((100% - 104px) / 2);}
.col-3{width: calc(100% + 52px); margin-top: -40px; margin-left: -26px;}
.col-3 li{margin: 40px 26px; width: calc((100% - 156px) / 3);}
.col-4{width: calc(100% + 52px); margin-top: -18px; margin-left: -26px;}
.col-4 li{margin: 18px 26px; width: calc((100% - 208px) / 4);}

@media all and (min-width:769px) and (max-width:960px) {
	:not(.item) .col-2,
	.col-3,
	.col-4{width: calc(100% + 36px); margin-top: -18px; margin-left: -18px;}
	:not(.item) .col-2 li{width: calc((100% - 72px) / 2); margin: 18px;}
	.col-3 li{width: calc((100% - 108px) / 3); margin: 18px;}
	.col-4 li{width: calc((100% - 144px) / 4); margin: 18px;}
}
@media all and (max-width: 768px) {
	.col-2,
	.col-3,
	.col-4{width: 100%; margin-top: 0; margin-left: 0;}
	.col-2 li,
	.col-3 li,
	.col-4 li{margin: 0; width: 100%;}
}

/* data-list */
.data-list{}
.data-list li + li{}

/* item */
.item:not(.patent){
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}

.item.normal{
	-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
}
.item.normal .ico-wrap{}

/* item.patent */
.item.patent{position: relative; width: 100%; height: 100%; cursor: pointer;}
.item.patent .data-wrap{position: relative; border: 1px solid var(--light-gray);}
.item.patent .data-wrap:hover .btn-area{opacity: 1; visibility: visible; z-index: 1;}
.item.patent .btn-area{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--black-op-4);
	opacity: 0; z-index: -1; visibility: hidden;
	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-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.item.patent .btn-area .ico{margin-left: 6px; transition: all 0.3s;}
.item.patent .text-wrap .text,
.item.patent .text-wrap .title{font-weight: 600;}
@media all and (min-width:769px) {
	.item.patent .data-wrap + .text-wrap{padding-top: 30px;}
	.item.patent .text-wrap .title{font-size: 20px;}
	.item.patent .text-wrap .text + .title{margin-top: 16px;}
	.item.patent .btn-area .btn:hover .ico.magnifier-w{background-image: url("../images/common/ico_magnifier.svg");}
	.item.patent .btn-area .btn:hover .ico.link-w{background-image: url("../images/common/ico_link.svg");}
}
@media all and (max-width:768px) {
	.item.patent .data-wrap + .text-wrap{padding-top: 20px;}
	.item.patent .text-wrap .title{font-size: 18px;}
	.item.patent .text-wrap .text{font-size: 16px;}
	.item.patent .text-wrap .text + .title{margin-top: 11px;}
	
}

/* item.services */
.item.services{width: 100%; height: 100%;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.item.services .text-wrap .services-title{font-size: 60px;}
@media all and (max-width:769px) {}
@media all and (max-width:768px) {
	.item.services{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.item.services .text-wrap .services-title{}
}

/* item.promation */
.item.promotion{
	-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.item.promotion .figure-wrap,
.item.promotion .img-wrap{overflow: hidden; border-radius: 20px;}
/* .item.promotion .text-wrap .title + .text{padding-top: 10px;} */
.item.promotion .text-wrap .team{font-weight: 600; color: var(--black-op-5);}
.item.promotion.col > [class*="wrap"]{box-sizing: border-box;}
@media all and (min-width:1281px) {
	.item.promotion.col{width: calc(100% + 52px); margin-left: -26px;}
	.item.promotion.col > [class*="wrap"]{width: calc((100% - 104px) / 2); margin: 0 26px;}
}
@media all and (min-width:769px) and (max-width:1280px) {
	.item.promotion.col{width: calc(100% + 36px); margin-left: -18px;}
	.item.promotion.col > [class*="wrap"]{width: calc((100% - 72px) / 2); margin: 0 18px;}
}
@media all and (min-width:769px) {
	.item.promotion.even{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
	.item.promotion .img-wrap,
	.item.promotion .figure-wrap{max-width: 668px;}
	/* .item.promotion .text-wrap .text p + p{padding-top: 14px;}
	.item.promotion .text-wrap .text + .team{padding-top: 20px;} */
}
@media all and (max-width:768px) {
	.item.promotion{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.item.promotion .img-wrap + .text-wrap{padding-top: 40px;}
	.item.promotion .text-wrap{width: 100%;}
	/* .item.promotion .text-wrap .text p + p{padding-top: 10px;}
	.item.promotion .text-wrap .text + .team{padding-top: 16px;} */
}

/* item.review */
.item.review{ overflow: hidden; padding: 50px; border-radius: 20px; 
	-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
}
.item.review .data-wrap .data{max-width: 122px;}
.item.review .img-wrap{overflow: hidden; position: relative; width: 79px; height: 79px; border-radius: 39px; isolation: isolate;}
.item.review .img-wrap::after{content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); }
.item.review .data-wrap .text{color: var(--black-op-8);}
.item.review .data-wrap .user{color: var(--black-op-4);}
@media all and (min-width:1495px) and (max-width:1920px) {
	.item.review{padding: 2.604vw;}
}
@media all and (min-width:1281px) and (max-width:1495px) {
	.item.review{padding: 2.34vw;}
	.item.review .text{font-size: 17px;}
}
@media all and (min-width:961px) and (max-width:1280px) {
	.item.review{padding: 50px;}
}
@media all and (min-width:769px) {
	.item.review .img-wrap + .data-wrap{margin-top: 29px;}
	.item.review .data-wrap .data + .text-wrap{padding-top: 31px;}
	.item.review .data-wrap .user{font-size: 16px;}
	.item.review .data-wrap .text + .user{padding-top: 24px;}
}
@media all and (max-width:768px) {
	.item.review{padding: 40px;}
	.item.review .img-wrap + .data-wrap{margin-top: 20px;}
	.item.review .data-wrap .data + .text-wrap{padding-top: 27px;}
	.item.review .data-wrap .text{font-size: 16px;}
	.item.review .data-wrap .user{font-size: 14px;}
	.item.review .data-wrap .text + .user{padding-top: 20px;}
}

/* floating-wrap */
/* .floating-wrap{position: fixed;} */



.floating-wrap.scroll{position: absolute; top: 0; right: 0; margin-right: -7.500vw; display: none; height: 100%; z-index: 6;}
.floating-wrap.scroll .scroll-top{position: sticky; top: calc(50% - 44px); right: 0; transform: translateY(calc(-50% + 40px));}
.floating-wrap.scroll .scroll-top .btn{width: 80px; height: 80px; border-radius: 40px; background-color: var(--white); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);}
.floating-wrap.scroll .scroll-top .btn img{width: 24px; height: 24px; }
@media all and (min-width:1921px) {
	.floating-wrap.scroll{margin-right: -144px;}
}
@media all and (min-width:1281px) and (max-width:1720px) {
	.floating-wrap.scroll{margin-right: -5vw;}
}
@media all and (min-width:961px) and (max-width:1280px) {
	.floating-wrap.scroll{margin-right: -2vw;}
}
@media all and (max-width:960px) {
	.floating-wrap.scroll{margin-right: 0;}
}
@media all and (max-width:768px) {
	.floating-wrap.scroll .scroll-top .btn{width: 60px; height: 60px;}
}
/* notice-wrap */
.notice-wrap{}
.notice-wrap .text{position: relative; color: var(--black-op-5); line-height: 1.56;
padding-left: 44px;
	display: -webkit-box;display: -ms-flexbox;display: flex;
}
.notice-wrap .text::before{content: ""; position: absolute; left: 0; width: 28px; height: 28px; display: inline-block; background: url("../images/common/ico_notice.svg") 50% 50% no-repeat; background-size: cover;}
.notice-wrap .text + .text{margin-top: 12px;}
@media all and (max-width:768px) {
	.notice-wrap .text{padding-left: 32px; font-size: 14px;}
	.notice-wrap .text::before{top: 3px; width: 21px; height: 21px;}
	.notice-wrap .text + .text{margin-top: 9px;}
}