@charset "UTF-8";
/* hanbom.com _ FC다움 _ KimJuyeon _ 2021004 */

@import url(lib/reset.css);

@import url(_font.css);
@import url(_colors.css);

@import url(lib/swiper.min.css);
@import url(lib/aos.css);
@import url(_button.css);
@import url(_form.css);
@import url(_global.css);
@import url(_layout.css);


/* common */

/* MA01 */
#content.main	{overflow-x: hidden;}
#content.main .main-text			{font-size: 20px; font-weight: normal; line-height: 1.7; letter-spacing: -0.2px;  color: var(--black-80);}
#content.main .section-title				{font-size: 50px; font-weight: bold; line-height: 1.4; color: var(--night-blue);}
#content.main .sub-title + .page-title		{margin-top: 18px;}
@media (min-width: 769px) and (max-width: 1439px) {
	#content.main .section-title				{font-size: 3.472vw;}
}
@media (max-width: 768px) {
	#content.main .section-title				{font-size: 28px;}
	#content.main .sub-title					{font-size: 15px; }
	#content.main .sub-title + .page-title		{margin-top: 16px;}
}
#content.main .section				{min-height: 1080px;}
#content.main .section-title + .main-text	{margin-top: 24px;}
@media (min-width: 769px) and (max-width: 1439px) {
	#content.main .section-title + .main-text	{margin-top: 1.667vw;}
}
@media (max-width: 768px) {
	#content.main .main-text					{font-size: 17px; line-height: 1.65; letter-spacing: -0.17px;}
	#content.main .section-title + .main-text	{margin-top: 16px;}
}
#homeSwiper		{background-color: var(--pale-grey);}
#homeSwiper .banner		{position: relative; width: 100%; max-width: 1920px; min-height: 762px; margin: 0 auto; background: var(--pale-grey);}
#homeSwiper .banner .img-wrap	{position: absolute; top: 0; left: 0; right: 0; bottom: 0}
#homeSwiper .banner .text-wrap	{position: relative; padding-top: 172px;}
#homeSwiper .banner .text		{font-size: 20px; font-weight: 600; line-height: 1; color: var(--night-blue-80);}
/* #homeSwiper .banner .text:after		{content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 8px; background: transparent url('../images/com/btn_home_arr.svg') no-repeat 50% 50%; vertical-align: 0; background-size: contain;} */
#homeSwiper .banner .title		{font-size: 60px; font-weight: bold; line-height: 1.3; color: var(--night-blue); word-break: keep-all;}
#homeSwiper .banner .title strong {font-weight: 900;}
/* #homeSwiper .banner .title br	{display: block; content: ""; margin-bottom: 15px;} */
#homeSwiper .banner .title object	{vertical-align: bottom; width: 62px; height: 62px;}
#homeSwiper .banner .btns .btn.bdr-black {background-color: transparent;}
#homeSwiper .banner .btns .btn + .btn	{margin-left: 12px}
#homeSwiper .banner .text + .title		{margin-top: 20px;}
#homeSwiper .banner .title + .btns		{margin-top: 64px;}
@media (min-width: 769px) and (max-width: 1439px) {
	#homeSwiper .banner			{min-height: 52.917vw; }
	#homeSwiper .banner .text-wrap	{padding-top: 11.944vw}
	#homeSwiper .banner .text		{font-size: 18px;}
	#homeSwiper .banner .title		{font-size: 4.167vw;}
	/* #homeSwiper .banner .title br	{display: block; content: ""; margin-bottom: 1.042vw;} */
	#homeSwiper .banner .title object 	{width: 4.306vw; height: 4.306vw;}
	#homeSwiper .banner .btns .btn + .btn	{margin-left: 0.833vw}
	#homeSwiper .banner .text + .title		{margin-top: 1.389vw;}
	#homeSwiper .banner .title + .btns		{margin-top: 4.444vw;}
}
@media (max-width: 768px) {
	#homeSwiper .banner .text-wrap	{padding-top: 40px;}
	#homeSwiper .banner .text		{font-size: 16px;}
	#homeSwiper .banner .title		{font-size: 36px; line-height: 1.2;}
	#homeSwiper .banner .title br	{margin-bottom: 12px;}
	#homeSwiper .banner .title object	{width: 36px; height: 36px;}
	#homeSwiper .banner .title + .btns	{margin-top: 40px;}
	#homeSwiper .banner .title span.promotion_2025	{display:none;}
}
@media (max-width: 500px) {
	#homeSwiper .banner			{min-height: 590px;}
}
@media (min-width: 501px) and (max-width: 768px) {
	#homeSwiper .banner			{min-height: 100vw;}
}
#homeSwiper .posi-pagination			{position: absolute; left: 0; right: 0; bottom: 73px;}
#homeSwiper .posi-pagination .swiper-pagination.max-1440	{position: relative; height: 8px; text-align: left;}
@media (min-width: 769px) and (max-width: 1439px) {
	#homeSwiper .posi-pagination			{bottom: 5.069vw;}
}
@media (max-width: 768px) {
	#homeSwiper .posi-pagination			{bottom: 32px;}
}

/* MA01 > franchise */
#content.main .section.franchise		{padding-top: 180px; padding-bottom: 166px;}
#content.main .franchise .counting .title			{font-size: 18px; font-weight: 500; line-height: 1; color: var(--black-60);}
#content.main .franchise .counting .number			{margin-top: 12px; display: block; font-family: Outfit; font-size: 90px; font-weight: 300; line-height: 1; letter-spacing: -0.9px; color: var(--dodger-blue);}
#content.main .franchise .main-text + .counting		{margin-top: 123px;}
#content.main .franchise .counting + .partner		{margin-top: 160px;}
@media (min-width: 1440px) {
	#content.main .franchise .counting .brands	{width: 220px;}
	#content.main .franchise .counting .stores	{width: 380px;}
	#content.main .franchise .counting .quality	{width: 300px;}
}
@media (min-width: 769px) and (max-width: 1439px) {
	#content.main .section.franchise 					{padding-top: 12.500vw; padding-bottom: 11.528vw}
	#content.main .franchise .counting .title			{font-size: 16px;}
	#content.main .franchise .counting .number			{margin-top: 0.833vw; font-size: 6.250vw;}
	#content.main .franchise .main-text + .counting		{margin-top: 8.542vw;}
	#content.main .franchise .counting + .partner		{margin-top: 11.111vw;}
}
@media (max-width: 768px) {
	#content.main .section.franchise 					{padding-top: 60px; padding-bottom: 80px;}
	#content.main .franchise .counting .title			{font-size: 15px;}
	#content.main .franchise .counting .number			{margin-top: 8px; font-size: 60px;}
	#content.main .franchise .counting > p + p 			{margin-top: 64px;}
	#content.main .franchise .main-text + .counting		{margin-top: 64px;
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	}
	#content.main .franchise .counting + .partner		{margin-top: 80px;}
}
#content.main .section.with-us		{padding-top: 180px; padding-bottom: 181px; background-color: rgb(248, 250, 253);}
#content.main .with-us #caseSwiper01					{margin-top: 100px}
.swiper-container[id*="caseSwiper0"] .swiper-slide		{width: auto;}
@media (min-width: 769px) {
	#content.main .section.with-us	{min-height: 1180px;}
	#caseSwiper01 .swiper-scrollbar	{display: none;}
}
@media (min-width: 769px) and (max-width: 1439px) {
	#content.main .section.with-us		{padding-top: 12.500vw; padding-bottom: 12.500vw; }
	#content.main .with-us #caseSwiper01				{margin-top: 6.944vw;}
}
@media (max-width: 768px) {
	#content.main .section.with-us		{min-height: 778px; padding-top: 64px; padding-bottom: 76px; margin-bottom: 50px;}
	#content.main .section.with-us .section-title		{text-align: center;}
	#content.main .with-us #caseSwiper01				{margin: 48px 0 0; padding: 0 20px 32px;}
	#caseSwiper01 .swiper-container-horizontal>.swiper-scrollbar	{bottom: 0; left: 20px; right: 20px; width: clac(100% - 40px);}
}
#caseSwiper02											{margin-top: 32px; overflow: visible;}
#caseSwiper02 .swiper-container-free-mode>.swiper-wrapper	{margin-left: 284px;}
#content.main .section.with-us .item					{background: #fff}
#content.main .section.with-us .item .sub-title {font-weight: 500; font-size: 15px; color: var(--cool-grey);}

@media (min-width: 769px) {
	#caseSwiper01 .swiper-wrapper,
	#caseSwiper02 .swiper-wrapper {transition-timing-function: linear !important;}
}

/* MA01 > service */
#content.main .section.service							{position: relative;}
#content.main .section.service .service-wrap {height: 100%;}
#content.main .section.service > .max-1440				{
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
#content.main .service .bg-wrap							{position: absolute; top: 0; right: 0; width: 960px; height: 100%}
#content.main .service .bg-wrap object:not(.obj),
#content.main .service .bg-wrap img						{width: 100%}
#content.main .service .text-wrap						{position: absolute; top: 0; left: 0; right: 0; /*min-height: 1080px;*/ height: 100%;}
@media (min-width: 961px){
	#content.main .service .bg-wrap.mo-bg,
	#content.main .service .bg-wrap .mo-object				{display: none;}
}
@media (min-width: 961px) and (max-width: 1280px) {
	#content.main .service .bg-wrap				{width: 66.667vw;}
}
@media (max-width: 960px) {
	#content.main .service						{height: 100vh; height: calc(var(--vh, 1vh) * 100); min-height: 812px;}
	#content.main .service .text-wrap			{bottom: 0; min-height: 812px; padding-top: 390px;}
	#content.main .service .text-wrap .max-1440	{padding-top: 11.200vw; padding-bottom: 11.200vw;}
	#content.main .service .bg-wrap				{right: auto; left: 50%; width: 100%; min-width: 375px; height: auto;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#content.main .service.sv01 .bg-wrap:not(.mo-bg),
	#content.main .service .bg-wrap .pc-object	{display: none;}
}
@media (min-width: 601px) and (max-width: 960px) {
	#content.main .service .bg-wrap				{width: 600px; height: 588px;}
	#content.main .service .text-wrap			{padding-top: 588px;}
}
@media (min-width: 541px) and (max-width: 600px) {
	#content.main .service .bg-wrap				{width: 400px; height: 392px;}
	#content.main .service .text-wrap			{padding-top: 392vw;}
}
@media (max-height: 540px) {
	#content.main .service .bg-wrap				{width: 100%; height: 98.133vw; min-height: 407px;}
	#content.main .service .text-wrap			{padding-top: 98.133vw;}
}
@media (max-height: 768px) {
	#content.main .service .text-wrap .max-1440	{padding-top: 42px; padding-bottom: 42px;}
}
#content.main .service .btns							{margin-top: 100px;}
#content.main .service .btns .btn.transparent			{position: relative; padding: 0; width: 173px; height: 36px;
	-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
}
#content.main .service .btns .btn.transparent span		{margin-left: 12px;}
#content.main .service .btns .btn.transparent .ico		{position: absolute; right: 0; top: calc(50% - 8px)}
#content.main .service .btns .btn + .btn				{margin-top: 32px;}
@media (max-width: 960px) {
	#content.main .service .btns							{margin-top: 38px;}
	#content.main .service .btns .btn + .btn				{margin-top: 20px;}
	#content.main .service .btns object {width: 32px;}
}
#content.main .service.sv02,
#content.main .service.sv04							{background-color: rgb(248, 250, 253);}
#content.main .service.sv02 .bg02	{
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;
	-webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;
}
#content.main .service.sv02 .bg-wrap {overflow: hidden;}
#content.main .service.sv04 .obj {position: absolute;}
#content.main .service.sv04 .obj01 {top: calc(50% - 210px); left: 61px;}
#content.main .service.sv04 .obj02 {top: calc(50% - 320px); left: 593px;}
#content.main .service.sv04 .obj03 {top: calc(50% + 143px); left: 588px;}
@media (min-width: 961px){
	#content.main .service.sv01 .bg-wrap.bg01 {
		display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
		-webkit-align-items: center; -ms-flex-align: center; align-items: center;
		-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	}
	#content.main .service.sv01 .bg-wrap object + object {margin-top: 60px;}
}
@media (max-width: 960px) {
	#content.main .service.sv04 .obj01 {top: 19.83%; left: 0; width: 33.3%;}
	#content.main .service.sv04 .obj02 {top: 5.4%; left: auto; right: 0; width: 36.8%; z-index: -1;}
	#content.main .service.sv04 .obj03 {top: 63.8%; left: auto; right: 0; width: 37.6%;}
}
/* MA01 > about */
#content.main .section.about	{position: relative; overflow: hidden; padding-top: 310px; background: rgb(255, 229, 83);
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
}
#content.main .section.about .section-title + .btns	{margin-top: 40px;}
#content.main .section.about .btns .btn + .btn{margin-left: 12px;}
#content.main .section.about .img-wrap{overflow: visible; position: relative; width: 100%; height: 608px; margin: 150px auto 0;}
#content.main .section.about object.centered	{width: 1920px;}
#content.main .section.about object:not(.centered)	{position: absolute; width: auto; 
	-webkit-animation-duration: 3s; animation-duration: 3s; 
	-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}
#content.main .section.about .box01{top: -20px; left: 456px;}
#content.main .section.about .box02{top: 97px; right: 393px;}
#content.main .section.about .box03{bottom: 86px; left: 343px;}
#content.main .section.about .box04{bottom: 21px; right: 188px;}
#content.main .section.about .obj01{top: 198px; left: 68px;}
#content.main .section.about .obj02{top: 4px; right: 62px;}
#content.main .section.about .title-box {position: absolute; top: 160px; left: 0; width: 100%; text-align: center; z-index: 1;}
#content.main .section.about .box01,
#content.main .section.about .box04 {-webkit-animation-name: floating01; animation-name: floating01;}
#content.main .section.about .obj01,
#content.main .section.about .box03 {-webkit-animation-name: floating02; animation-name: floating02;}
#content.main .section.about .obj02,
#content.main .section.about .box02 {-webkit-animation-name: floating03; animation-name: floating03;}
@media (max-width: 768px) {
	#content.main .section.about			{overflow: hidden; min-height: auto; height: 100vh; padding-top: 0}
	#content.main .section.about .section-title + .btns	{margin-top: 24px;}
	#content.main .section.about .btns > .btn {width: 135px; height: 47px; line-height: 45px; font-size: 15px; padding: 0 15px;}
	#content.main .section.about .title-box {top: 64px;}
	#content.main .section.about .img-wrap	{margin: 0; height: 100%;}
	#content.main .section.about object.centered	{top: auto; bottom: 0; width: 100%; min-height: auto; transform: translateX(-50%) translateY(0);}
	#content.main .section.about .box01{top: auto; bottom: 43.07%; left: auto; right: 6px; width: 30.6%;}
	#content.main .section.about .box02{top: auto; bottom: 32.3%; right: auto; left: 4px; width: 36.53%;}
	#content.main .section.about .box03{bottom: 3.7%; left: auto; right: 0; width: 28.53%;}
}
@media (min-width: 769px) {
	@keyframes floating01 {
		from {
			-webkit-transform: translate(0, 15px); 
			-ms-transform: translate(0, 15px); 
			transform: translate(0, 15px);
		}
		50% {
			-webkit-transform: translate(0, 0px);
			-ms-transform: translate(0, 0px);
			transform: translate(0, 0px);
		}
		to {
			-webkit-transform: translate(0, 15px);
			-ms-transform: translate(0, 15px);
			transform: translate(0, 15px);
		}
	}
	@keyframes floating02 {
		from {
			-webkit-transform: translate(0, 0px);
			-ms-transform: translate(0, 0px);
			transform: translate(0, 0px);
		}
		50% {
			-webkit-transform: translate(0, 8px);
			-ms-transform: translate(0, 8px);
			transform: translate(0, 8px);
		}
		to {
			-webkit-transform: translate(0, 0px);
			-ms-transform: translate(0, 0px);
			transform: translate(0, 0px);
		}
	}
	@keyframes floating03 {
		from {
			-webkit-transform: translate(0, -12px);
			-ms-transform: translate(0, -12px);
			transform: translate(0, -12px);
		}
		50% {
			-webkit-transform: translate(0, 0);
			-ms-transform: translate(0, 0);
			transform: translate(0, 0);
		}
		to {
			-webkit-transform: translate(0, -12px);
			-ms-transform: translate(0, -12px);
			transform: translate(0, -12px);
		}
	}
}
@media (max-width: 768px) {
	@keyframes floating01 {
		from {
			-webkit-transform: translate(0, 8px); 
			-ms-transform: translate(0, 8px); 
			transform: translate(0, 8px);
		}
		50% {
			-webkit-transform: translate(0, 0px);
			-ms-transform: translate(0, 0px);
			transform: translate(0, 0px);
		}
		to {
			-webkit-transform: translate(0, 8px);
			-ms-transform: translate(0, 8px);
			transform: translate(0, 8px);
		}
	}
	@keyframes floating02 {
		from {
			-webkit-transform: translate(0, 0px);
			-ms-transform: translate(0, 0px);
			transform: translate(0, 0px);
		}
		50% {
			-webkit-transform: translate(0, 5px);
			-ms-transform: translate(0, 5px);
			transform: translate(0, 5px);
		}
		to {
			-webkit-transform: translate(0, 0px);
			-ms-transform: translate(0, 0px);
			transform: translate(0, 0px);
		}
	}
	@keyframes floating03 {
		from {
			-webkit-transform: translate(0, -6px);
			-ms-transform: translate(0, -6px);
			transform: translate(0, -6px);
		}
		50% {
			-webkit-transform: translate(0, 0);
			-ms-transform: translate(0, 0);
			transform: translate(0, 0);
		}
		to {
			-webkit-transform: translate(0, -6px);
			-ms-transform: translate(0, -6px);
			transform: translate(0, -6px);
		}
	}
}

/* MA01 > management */
#content.main .section.management			{overflow: hidden; position: relative;}
#content.main .section.management .max-1440	{position: relative; height: 480px;}
#manSwiper									{overflow: visible;}
#manSwiper .swiper-slide					{width: auto;}
#manSwiper .item.card						{width: 390px; height: 480px;}
#manSwiper .swiper-nav 						{position: absolute; bottom: 0; z-index: 3;}
@media (min-width: 769px) {
	#content.main .section.management .section-title	{width: 594px;}
	#manSwiper									{width: calc(100% - 594px);}
	#manSwiper .swiper-nav 						{left: -594px; width: 124px; height: 56px;}
	#manSwiper .swiper-slide		{opacity: 0; visibility: hidden;
		transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
	}
	#manSwiper .swiper-slide-active {opacity: 1; visibility: visible;}
	#manSwiper .swiper-slide-active + .swiper-slide,
	#manSwiper .swiper-slide-active + .swiper-slide + .swiper-slide,
	#manSwiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
		opacity: 1;
		visibility: visible;
	}
}
@media (max-width: 768px) {
	#content.main .section.management  			{min-height: 714px;}
	#content.main .section.management .max-1440	{height: auto;
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
		-webkit-align-items: center; -ms-flex-align: center; align-items: center;
	}
	#manSwiper									{margin-top: 48px; padding-bottom: 72px; width: 100%}
	#manSwiper .swiper-nav 						{left: 0; width: 96px; height: 40px;}
	#manSwiper .item.card						{width: 300px; height: 370px;}
}

/* cs-banner */
.cs-banner		{position: relative; color: rgb(255, 255, 255); background-color: rgb(32, 32, 32);}
.cs-banner .max-1440		{min-height: 276px; padding-top: 68px; padding-bottom: 68px; background: transparent url('../images/data/banner_img@3x.png') no-repeat calc(100% - 98px) 100%; background-size: 340px auto;}
.cs-banner .sub-title,
.cs-banner .btn					{font-size: 20px; font-weight: 600; line-height: 1.2;}
.cs-banner .sub-title			{color: rgb(255, 255, 255);}
.cs-banner .btn					{letter-spacing: -0.2px;}
.cs-banner .title				{font-size: 36px; font-weight: 600; line-height: 1.11; letter-spacing: -0.36px;}
.cs-banner .btn .ico 			{margin-left: 8px;}
.cs-banner .sub-title + .title		{margin-top: 12px;}
.cs-banner .title + .btns			{margin-top: 40px;}
@media (min-width: 769px) and (max-width: 1440px){
	.cs-banner .max-1440			{background-size: 23.611vw auto;}
}
@media (max-width: 768px) {
	.cs-banner .max-1440		{min-height: 332px; padding-top: 44px; background-position: 100% 100%; background-size: 60vw auto;}
	.cs-banner .sub-title,
	.cs-banner .btn					{font-size: 15px; line-height: 1; letter-spacing: -0.15px;}
	.cs-banner .title				{font-size: 24px; line-height: 1.5; letter-spacing: -0.24px;}
	.cs-banner .btn .ico 			{margin-left: 6px;}
	.cs-banner .title + .btns			{margin-top: 32px;}
}

/* free-start */
.free-start {position: fixed; bottom: 0; left: 0; width: 100%; height: 54px; background-color: #71c1eb; }
.free-start .max-1440 {position: relative;}
.free-start .text {font-weight: 600; font-size: 20px; color: #fff;}
.free-start .text + .ico {margin-left: 8px;}
.free-start .btn.close {position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1;}
@media (max-width: 1480px) {
	.free-start .btn.close {right: 20px;}
}
@media (max-width: 768px) {
	.free-start {height: 44px;}
	.free-start .text {font-size: 16px;}
	.free-start .text + .ico {margin-left: 4px;}
}

/* CS01 */
#content.contact .page-header		{background-color: #FFE243; background-image: url('../images/com/bg_cs.svg');}
#content.contact .cs-form 			{margin-top: 80px; padding-bottom: 90px}
/* #content.contact .cs-form .set-contact > .field:not(:nth-child(1)) {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} */
@media (max-width: 768px) {
	#content.contact .page-header		{background-image: url('../images/com/bg_cs_mo.svg');}
}

/* SV01~SV04 */
#content.service .page-header		{position: relative; height: 580px;}
#content.service .page-header .page-title	{position: relative;}
#content.service .page-header .sub-title {font-weight: 600; color: var(--night-blue-60);}
#content.service .page-header .img-app	{position: absolute; width: 120px; height: 120px; background-repeat: no-repeat; background-size: contain; filter: drop-shadow(30px 40px 50px rgba(5,15,47,0.1));
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;}
#content.service .img-app.app01			{top: 18.1%; left: 8.4%; animation-name: floating01;}
#content.service .img-app.app02			{top: 55.68%; left: 17.5%; animation-name: floating03;}
#content.service .img-app.app03			{top: 32.58%; right: 11.77%; animation-name: floating02;}
@media (min-width: 769px) and (max-width: 1440px) {
	#content.service .page-header .img-app	{width: 8.333vw; height: 8.333vw;}
}
@media (min-width: 769px) {
	#content.service .page-header .img-app	{position: absolute; width: 120px; height: 120px; background-repeat: no-repeat; background-size: contain; 
	}
}
@media (max-width: 768px) {
	#content.service .page-header		{height: 400px;}
	#content.service .page-header .img-app	{width: 75px; height: 75px;}
	#content.service .img-app.app01			{top: 30px; left: 20px;}
	#content.service .img-app.app02			{top: auto; bottom: 26px; left: 30px;}
	#content.service .img-app.app03			{top: 78px; right: 16px;}
}
#content.service .tab-nav.sticky	{
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	transition: all .7s ease 0s;
}
#content.service .service-area{position: relative; width: 100%; background-color: var(--bg-pale-grey); z-index: 1;}
#content.service .section.service	{width: 100%; background-color:transparent;
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden;
}
#content.service .section.service .sub-title			{
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
#content.service .sub-title object			{margin-right: 16px; width: 32px; height: 32px;}
#content.service .section.service p.text,
#content.service .section.consulting > .max-1440 > p.text		{font-size: 20px; line-height: 1.7; letter-spacing: -0.2px; color: var(--black-80);}
#content.service .section.service p + .section-title	{margin-top: 60px;}
#content.service .section.service .section-title + p	{margin-top: 24px;}
#content.service:not(.sv04) .section.service .img-wrap		{overflow: visible; position: relative; width: 536px; margin-top: 32px;}
#content.service:not(.sv04) .section.service .img-wrap .obj	{position: absolute;}
#content.service .section.service .img-wrap img.screen	{width: 100%;}/*536x629*/
@media (min-width: 1921px) {
	#content.service .section.service {margin-top: 11.112vh;}
}
@media (min-width: 769px) and (max-width: 1920px) {
	#content.service .section.service {margin-top: 15.612vh;}
}
@media (min-width: 769px) {
	#content.service .service-area {height: 100vh;}
	#content.service .section.service {position: absolute; top: 0; height: 88.888vh;}
	#content.service .section .max-1280{
		-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
	}
}
@media (min-width: 769px) and (max-width: 1439px) {
	#content.service:not(.sv04) .section.service .img-wrap		{width: 37.222vw;}
}
@media (max-width: 768px) {
	#content.service .section.service	{padding-top:34px; padding-bottom: 52px}
	/* #content.service .tab-nav + .section		{padding-top:124px;} */
	#content.service .section .max-1280{
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
		height: 100%;
	}
	#content.service .section .max-1280 .img-wrap 	{margin-top: 36px;}
	#content.service .sub-title object			{margin-right: 12px; width: 28px; height: 28px;}
	#content.service .section.service p.text,
	#content.service .section.consulting > .max-1440 > p.text			{font-size: 17px; line-height: 1.65; letter-spacing: -0.17px; color: #000;}
	#content.service .section.service p + .section-title	{margin-top: 28px;}
	#content.service .section.service .section-title + p	{margin-top: 12px;}
	#content:not(.sv04) .section.service .img-wrap		{width: 100%; max-width: 375px; margin-left: auto; margin-right: auto;}

	#content.service .section.service .text-wrap ,
	#content.service .section.service .img-wrap,
	#content.service .section.service .img-wrap .obj {opacity: 1 !important; visibility: inherit !important;}
	#content.service .section.service .img-wrap,
	#content.service .section.service .img-wrap .obj {transform: translate(0px, 0px) !important;}
}
@media (max-width: 375px) {
	#content.service:not(.sv04) .section.service .img-wrap  {width: calc(100% + 40px);margin-left: -20px;}
	#content:not(.sv04) .section.service .img-wrap		{max-width: 375px;}
}
#content.service .section.consulting		{padding-top: 180px; padding-bottom: 240px;}
#content.service .section.consulting .section-title  + p	{margin-top: 20px;}
#content.service .section.consulting .btns + ul				{margin-top: 84px;}
#content.service .section.consulting .item.normal .text + .title {margin-top: 20px;}
#content.service .section.consulting .item.normal .title + .btns {margin-top: 5px;}
#content.service .section.consulting .btns .ico.arr-line {position: relative; top: 2px; -webkit-filter: opacity(0.6); filter: opacity(0.65);}
@media (max-width: 768px) {
	#content.service .section.consulting		{padding-top: 58px; padding-bottom: 80px;}
	#content.service .section.consulting .item.normal .text + .title {margin-top: 16px;}
	#content.service .section.consulting .item.normal .title + .btns {margin-top: 2px;}
}
/* SV01 */
#content.svc01 .img-app.app01			{background-image: url('../images/data/01_1@3x.png');}
#content.svc01 .img-app.app02			{background-image: url('../images/data/01_3@3x.png');}
#content.svc01 .img-app.app03			{background-image: url('../images/data/01_2@3x.png');}
#content.svc01 #tab01.section.service .img-wrap .obj01		{top: 21.57%; left: 5.61%; width: 34.63%;}
#content.svc01 #tab01.section.service .img-wrap .obj02		{top: 52.21%; right: -10%; width: 50.55%;}
#content.svc01 #tab02.section.service .img-wrap .obj		{top: 32.69%; right: -10%; width: 62.31%;}
#content.svc01 #tab03.section.service .img-wrap .obj		{top: 31.11%; left: 8.95%; width: 85.81%;}
@media (max-width: 768px) {
	#content.svc01 #tab01.section.service .img-wrap .obj02 {top: 63.21%; right: 0; width: 53.55%;}
	#content.svc01 #tab02.section.service .img-wrap .obj {top: 32.69%; right: 0; width: 61.31%;}
}
	/* SV02 */
#content.svc02 .img-app.app01			{background-image: url('../images/data/02_2@3x.png');}
#content.svc02 .img-app.app02			{background-image: url('../images/data/02_1@3x.png');}
#content.svc02 .img-app.app03			{background-image: url('../images/data/02_3@3x.png');}
#content.svc02 #tab01.section.service .img-wrap .obj		{top: 42.44%; right: -8.58%; width: 51.49%;}
#content.svc02 #tab02.section.service .img-wrap .obj		{top: 48.48%; right: -17.08%; width: 68.65%;}
#content.svc02 #tab03.section.service .img-wrap .obj		{top: 26.88%; left: 8.58%; width: 82.83%;}
#content.svc02 #tab04.section.service .img-wrap .obj		{top: 31.95%; left: 58.2%; width: 66.79%;}
@media (max-width: 768px) {
	#content.svc02 #tab01.section.service .img-wrap .obj		{top: 42.44%; right: -1%; width: 47.8%;}
	#content.svc02 #tab02.section.service .img-wrap .obj		{top: 47.48%; right: -2.08%; width: 54.4%;}
	#content.svc02 #tab04.section.service .img-wrap .obj		{top: 45.95%; left: 40.2%; width: 60%;}
}
/* SV03 */
#content.svc03 .img-app.app01			{background-image: url('../images/data/03_1@3x.png');}
#content.svc03 .img-app.app02			{background-image: url('../images/data/03_3@3x.png');}
#content.svc03 .img-app.app03			{background-image: url('../images/data/03_2@3x.png');}
#content.svc03 #tab01.section.service .img-wrap .obj		{top: 46.74%; left: 49.44%; width: 69.77%;}
#content.svc03 #tab02.section.service .img-wrap				{position: relative;}
#content.svc03 #tab02.section.service .img-wrap video,
#content.svc03 #tab02.section.service .img-wrap img {-webkit-filter: contrast(103%); filter: contrast(103%);}
#content.svc03 #tab02.section.service .img-wrap .screen02,
#content.svc03 #tab02.section.service .img-wrap .screen03	{position: absolute;}
#content.svc03 #tab02.section.service .img-wrap .screen02 	{top: 0%}
#content.svc03 #tab02.section.service .img-wrap .screen03	{top: 0%}
#content.svc03 #tab03.section.service .img-wrap .obj		{top: 58.14%; left: 27.42%; width: 69.77%;}
@media (max-width: 768px) {
	#content.svc03 #tab01.section.service .img-wrap .obj		{top: 44.68%; left: 28.66%; width: 75.66%;}
	#content.svc03 #tab02.section.service .img-wrap				{width: 100%; height: auto; max-width: 335px; margin: 0 auto;}
}
/* SV04 */
#content.svc04 .img-app.app01			{background-image: url('../images/data/04_3@3x.png');}
#content.svc04 .img-app.app02			{background-image: url('../images/data/04_1@3x.png');}
#content.svc04 .img-app.app03			{background-image: url('../images/data/04_2@3x.png');}
#content.svc04 .section.service .img-wrap		{overflow: visible; position: relative; width: 720px; height: 550px;}
@media (min-width: 769px) {
	#content.svc04 .section.service .img-wrap object{position: absolute; top: 92px; left: 20%;}
}
@media (max-width: 768px) { 
	#content.service.svc04 .section.service .img-wrap {height: auto; margin-top: 50px;}
}

/* PR01 */
#content.price .page-header		{background-color: #d2d6fa; background-image: url('../images/com/bg_pr.svg');}
#content.price .section .section-title,
#content.price .section .section-title + p.text		{text-align: center;}
#content.price .section .section-title + p.text		{margin-top: 16px; font-size: 20px; line-height: 1.7; letter-spacing: -0.2px; color: var(--black-80);}
#content.price .section .text + .only-pc 			{margin-top: 100px;}
#content.price .section.price		{padding-top: 120px; padding-bottom: 160px;}
#content.price .section.price .only-pc .img-wrap	{position: relative;}
#content.price .section.price .only-pc .img-wrap .btn	{position: absolute; top: 7.22%; width: 12.6%; height: 2.01%;}
#content.price .section.price .only-pc .img-wrap .btn.lt	{right: 31.25%;}
#content.price .section.price .only-pc .img-wrap .btn.st	{right: 5.93%;}
#content.price .price-header h4 {font-size: 28px; font-weight: bold; line-height: 1; color: var(--night-blue);}
#content.price .price-header h4 span {font-size: 15px; font-weight: normal; color: var(--night-blue-50); line-height: 1.6;}
#content.price .service-table-wrap {position: relative;}
#content.price .service-table {table-layout: fixed; width: 100%;}
#content.price .price-header .btn.small {height: 38px; line-height: 38px; background-color: transparent; font-weight: 500;}
#content.price .section.price .caption {display: block; font-weight: 600; font-size: 24px; text-align: left; color: var(--night-blue); margin-bottom: 15px;}
#content.price .service-table tbody {border-top: 1px solid var(--night-blue-80);}
#content.price .service-table tbody th, 
#content.price .service-table tbody td {border-bottom: 1px solid var(--night-blue-10); padding-top: 15px; padding-bottom: 13px;}
#content.price .service-table th {font-size: 20px; font-weight: normal; color: var( --night-blue-90); text-align: left;}
#content.price .service-table th span {position: relative; padding-left: 15px;}
#content.price .service-table th span::before {content: ''; display: block; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background-color: var( --night-blue-90); filter: opacity(0.9);}
#content.price .service-table td {text-align: center;}
#content.price .service-list {display: flex; justify-content: flex-end;}
#content.price .service-list > li {width: 25%;}
#content.price .service-list > li::before {content: ''; position: absolute; top: 0; width: 25%; height: 100%; z-index: -1;}
#content.price .service-list > li.lt::before {left: 50%; background-color: rgba(248, 248, 248, 0.5);}
#content.price .service-list > li.st::before {left: 75%; background-color: #fffdf4;}
#content.price .section.consulting		{padding-top: 120px; padding-bottom: 160px; background-color: var(--bg-pale-grey);}
#content.price .section.consulting .btns + ul				{margin-top: 63px;}
#content.price .section.faq				{padding-top: 140px; padding-bottom: 200px;}
#content.price .section.faq .section-title + .faq-list		{margin-top: 60px;}
#content.price .section.price > .max-960 + .max-960.additional {margin-top: 120px;}
#content.price .additional .img-wrap {border-radius: 8px; overflow: hidden;}
#content.price .additional .item.normal .title {font-weight: 700; font-size: 28px;}
#content.price .additional .item.normal .text {font-size: 15px; line-height: 1.6; color: var(--night-blue-50);}
#content.price .additional .item.normal .text + .additional-list {margin-top: 38px;}
#content.price .additional-list > li {position: relative; font-size: 17px; color: var(--night-blue-80); padding-top: 5px; padding-left: 15px; padding-bottom: 5px;}
#content.price .additional-list > li::before {content: ''; display: inline-block; position: absolute; top: 17px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: var(--night-blue-80);}
@media (min-width: 1001px) {
	#content.price .additional .img-wrap {width: 45.83%;}
	#content.price .additional .detail-wrap {width: calc(100% - 45.83%); padding-left: 4.167vw;}
}
@media (min-width: 769px) and (max-width: 1000px) {
	#content.price .max-960 {padding-left: 20px; padding-right: 20px;}
	#content.price .additional .img-wrap {width: 40%;}
	#content.price .additional .detail-wrap {width: 60%; padding-left: 30px;}
	#content.price .additional .item.normal .text + .additional-list {margin-top: 15px;}
}
@media (min-width: 769px) {
	#content.price .price-header {padding-top: 60px;}
	#content.price .price-header ,
	#content.price .price-header h4 {text-align: center;}
	#content.price .price-header h4 span {display: block; margin-top: 10px;}
	#content.price .price-header .btn.small {margin-top: 20px; padding: 0 16px;}
	#content.price .service-table + .service-table {margin-top: 90px;}
	#content.price .additional,
	#content.price .additional .detail-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex;}
	#content.price .additional .detail-wrap {-webkit-align-items: center; -ms-flex-align: center; align-items: center;}
	#content.price .additional .item.normal {margin: 0;}
	#content.price .additional .item.normal .title + .text {margin-top: 16px;}
	#content.price .additional-list {display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	}
	#content.price .additional-list > li {width: 50%;}
}
@media (max-width: 768px) {
	#content.price .page-header		{background-image: url('../images/com/bg_pr_mo.svg');}
	#content.price .section .section-title + p.text		{margin-top: 20px; font-size: 17px; line-height: 1.65; letter-spacing: -0.17px;}
	#content.price .section.price		{padding-top: 60px; padding-bottom: 80px;}
	#content.price .price-header .btn.small	{width: 111px; padding: 0; font-size: 13px;}
	#content.price .section.price .price-body {padding-top: 20px;}
	#content.price .section.price .caption {font-weight: 500; font-size: 20px; margin-bottom: 10px;}
	#content.price .section.price .content-list > li + li {margin-top: 35px;}
	#content.price .section.price .data-list {border-top: 1px solid #e9e9e9; padding-top: 5px;}
	#content.price .section.price .data-list > li {position: relative; font-size: 16px; color: var(--night-blue-90); padding: 10px 0 10px 28px; }
	#content.price .section.price .ico.check-yellow {position: absolute; top: 16px; left: 0;}
	#content.price .section.consulting		{padding-top: 60px; padding-bottom: 80px;}
	#content.price .section.consulting .btns + ul				{margin-top: 48px;}
	#content.price .section.faq				{padding-top: 60px; padding-bottom: 80px;}
	#content.price .section.faq .section-title + .faq-list		{margin-top: 40px;}
	#content.price .section.price > .max-960 + .max-960.additional {margin-top: 80px;}
	#content.price .additional-list > li {font-size: 16px;}
	#content.price .additional .item.normal .text + .additional-list {margin-top: 28px;}
	#content.price .additional .img-wrap {max-width: 440px; margin-left: auto; margin-right: auto;}
	#content.price .additional .img-wrap + .detail-wrap {margin-top: 25px;}
	#content.price .additional .item.normal .title {font-size: 24px;}	
}
#content.price .only-mo{margin-top: 48px;}
#content.price .only-mo .img-wrap{max-width: 335px; margin: 28px auto 0;}
#content.price .only-mo .price-header{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
	position: sticky; top: 0; left: 0; min-height: 70px; padding: 16px 20px; margin-left: -20px; margin-right: -20px; z-index: 1;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	transition: all .7s ease 0s;
}
.scroll-up #content.price .only-mo .price-header{top :64px;}
.mo-price-section.lt .price-header  {background-color: var(--mostly-white);}
.mo-price-section.st .price-header	{background-color: #fffdf4;}
#content.price .only-mo .price-header h4 {font-size: 24px; font-weight: 700; line-height: 1.04; color: var(--night-blue); padding-top: 6px;}
#content.price .only-mo .price-header h4 span	{display: block;  width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 15px; font-weight: normal; color: var(--night-blue-50); margin-top: 8px;}
#content.price .only-mo .price-header.sticky			{overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 20;}
.scroll-up #content.price .only-mo .price-header.sticky	{top: 64px;}
.mo-price-section + .mo-price-section{margin-top: 80px;}

/* RP02~4 */
#content.terms	{padding-bottom: 200px;}
#content.terms .page-header	{height: 312px;}
#content.terms .terms-box	{padding: 60px; background-color: #fafafa; font-size: 18px; font-weight: normal; line-height: 1.78; letter-spacing: -0.18px; color: var(--black-80);
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
#content.terms .data-table{margin: 16px 0;}
@media (max-width: 768px) {
	#content.terms .page-header	{height: 164px;}
	#content.terms .terms-box	{padding: 24px; font-size: 15px;line-height: 1.53; letter-spacing: -0.15px;}
}

/* SC01 */
#content.customer .page-header		{background-color: #d4e6f7; background-image: url('../images/com/bg_customer.jpg');}
#content.customer .page-header.contact		{background-color: #FFE243; background-image: url('../images/com/bg_cs.svg');}
#content.customer .section .section-title,
#content.customer .section .section-title + p.text		{text-align: center;}
#content.customer .section .section-title + p.text		{margin-top: 16px; font-size: 20px; line-height: 1.7; letter-spacing: -0.2px; color: var(--black-80);}
#content.customer .section .text + div,
#content.customer .section.client .text + div ,
#content.customer .section.client div + .board-list-wrap,
#content.customer .section.case .item.normal.large + .board-list-wrap  {margin-top: 80px;}
#content.customer .section.effect		{background-color: var(--bg-pale-grey); padding-top: 120px; padding-bottom: 160px;}
#content.customer .item.card { position: relative; height: 500px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden;}
#content.customer .item.card::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 100%; background-size: cover;}
#content.customer .effect-list > li { -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden;}
#content.customer .effect-list > li:nth-child(1) .item.card::before {background-color: var(--dodger-blue); background-image: url('../images/data/img_sc_effect01.svg');}
#content.customer .effect-list > li:nth-child(2) .item.card::before {background-color: #016aca; background-image: url('../images/data/img_sc_effect02.svg');}
#content.customer .effect-list > li:nth-child(3) .item.card::before {background-color: #365ec2; background-image: url('../images/data/img_sc_effect03.svg');}
#content.customer .effect-list > li:nth-child(4) .item.card::before {background-color: #112155; background-image: url('../images/data/img_sc_effect04.svg');}
#content.customer .item.card .text-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex; 
	-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
	padding: 30px 40px; z-index: 1;}
#content.customer .item.card .percent {font-family: Outfit; font-size: 68px; line-height: 1;}
#content.customer .item.card .percent,
#content.customer .item.card .text,
#content.customer .item.card .brand {color: #fff;}
#content.customer .item.card .text {line-height: 1.44;}
#content.customer .item.card .percent + .text {margin-top: 12px;}
#content.customer .item.card .brand {font-size: 60px; line-height: 1.1;}
#content.customer .section.client {padding-top: 120px; padding-bottom: 80px;}
#content.customer .section.client .client-group {width: 100%; height: 388px; background-color: #fbfbfb;}
#content.customer .section.client .client-group .img-wrap {height: 100%;}
#content.customer .section.client > .max-1520 + .marquee-wrap {margin-top: 160px;}
#content.customer .section.client .marquee-wrap  {overflow: hidden;}
#content.customer .section.client .swiper-container + .swiper-container,
#content.customer .section.client .client-slider + .client-slider {margin-top: 24px;}
#content.customer .section.client .swiper-wrapper{
	-webkit-transition-timing-function:linear !important; -o-transition-timing-function:linear !important; transition-timing-function:linear !important; 
}
#content.customer .section.client .swiper-slide {width: auto !important;}
#content.customer .section.client .client-slider {position: relative; width: 100%; height: 120px;}
#content.customer .section.client .marquee { position: absolute; top: 50%; transform: translateY(-50%);}
#content.customer .section.case {padding-top: 120px; padding-bottom: 200px;}
#content.customer .section.case .item.normal.large {display: -ms-flexbox; display: -webkit-flex; display: flex; 
	-webkit-border-radius: 12px; border-radius: 12px; overflow: hidden;
}
#content.customer .section.case .item.normal.large .text-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex; 
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
	background-color:#4d5970; padding: 80px 95px 80px 60px;}
#content.customer .section.case .item.normal.large .title {color: #fff;}
#content.customer .section.case .item.normal.large .text,
#content.customer .section.case .item.normal.large .btn {color: var(--white-80);}
#content.customer .section.case .item.normal.large .title {max-height: calc(42px * 2); -webkit-line-clamp: 2;}
#content.customer .section.case .item.normal.large .text {max-height: calc(32px * 4);-webkit-line-clamp: 4;}
#content.customer .section.case .item.normal.large .text + .btns {margin-top: 32px;}
#content.customer .section.case .item.normal.large .img-wrap img {height: 100%;}

@media (min-width: 1024px) {
	#content.customer .effect-list {width: calc(100% + (18px * 2)); margin-top: -18px; margin-left: -18px;}
	#content.customer .effect-list > li	{width: calc((100% - 72px)/2); margin: 18px;}
}
@media (min-width: 769px) and (max-width: 1560px) {
	#content.customer .section.client .client-group {height: 24.872vw;}
}
@media (min-width: 769px) and (max-width: 1439px) {
	#content.customer .effect-list {width: calc(100% + (1.250vw * 2)); margin-top: -1.250vw; margin-left: -1.250vw;}
	#content.customer .effect-list > li	{width: calc((100% - 5vw)/2); margin: 1.250vw;}
	#content.customer .section.case .item.normal.large .text-wrap {padding-left: 4.170vw; padding-right: 4.170vw;}
}
@media (min-width: 769px) and (max-width: 1024px) {
	#content.customer .item.card {height: 48.828vw;}
}
@media (min-width: 769px) and (max-width: 960px) {
	#content.customer .section.effect > .max-928 {padding-left: 20px; padding-right: 20px;}
	#content.customer .item.card .text-wrap {padding-left: 30px; padding-right: 30px;}
	#content.customer .item.card .percent {font-size: 55px;}
	#content.customer .item.card .brand {font-size: 48px;}
}
@media (min-width: 769px) {
	#content.customer .effect-list {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	#content.customer .section.case .item.normal.large {height: 450px;}
	#content.customer .section.case .item.normal.large > div {width: 50%;}
}
@media (max-width: 768px) {
	#content.customer .page-header		{background-image: url('../images/com/bg_customer_mo.jpg');}
	#content.customer .section .section-title + p.text		{margin-top: 20px; font-size: 17px; line-height: 1.65; letter-spacing: -0.17px;}
	#content.customer .section .text + div, 
	#content.customer .section.client .text + div:not(.client-group), 
	#content.customer .section.client div + .board-list-wrap, 
	#content.customer .section.case .item.normal.large + .board-list-wrap {margin-top: 40px;}
	#content.customer .section.effect,
	#content.customer .section.client,
	#content.customer .section.case {padding-top: 60px; padding-bottom: 80px;}
	#content.customer .effect-list.flex,
	#content.customer .section.case .item.normal.large  {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	#content.customer .effect-list > li	+ li {margin-top: 25px;}
	#content.customer .item.card {height: 375px;}
	#content.customer .item.card::before {background-size: contain;}
	#content.customer .item.card .text-wrap {padding: 26px 28px;}
	#content.customer .item.card .percent {font-size: 54px;}
	#content.customer .item.card .brand {font-size: 50px;}
	#content.customer .section.client {padding-bottom: 20px;}
	#content.customer .section.client .text + .client-group {margin-top: 28px;}
	#content.customer .section.client .client-group {height: 96vw;}
	#content.customer .section.client .client-group .img-wrap .img {height: 100%;}
	#content.customer .section.client > .max-1520 + .marquee-wrap {margin-top: 60px;}
	#content.customer .section.client .swiper-container + .swiper-container,
	#content.customer .section.client .client-slider + .client-slider {margin-top: 4px;}
	#content.customer .section.client .client-slider {height: 72px;}
	#content.customer .section.client .client-slider .img {width: auto; height: 72px;}
	#content.customer .section.case .item.normal.large .img-wrap {height: 55.467vw;}
	#content.customer .section.case .item.normal.large .text-wrap {padding: 24px 20px;}
	#content.customer .section.case .item.normal.large .title {max-height: calc(32px * 2);}
	#content.customer .section.case .item.normal.large .text {max-height: calc(28px * 6); -webkit-line-clamp: 6;}
}

/* SC02 */
#content.view {padding-bottom: 200px;}
#content.view .section.article {padding-top: 120px;}
#content.view .section.article + .board-pagination-wrap {margin-top: 120px;}
#content.view .board-pagination-wrap .button-area .btn.medium {min-width: 112px;}
@media (max-width: 768px) {
	#content.view {padding-bottom: 80px;}
	#content.view .section.article {padding-top: 60px;}
	#content.view .section.article + .board-pagination-wrap {margin-top: 80px;}
	#content.view .board-pagination-wrap .button-area .btn.medium {min-width: 106px; font-size: 15px;}
}

/* BG01 */
#content.benefit .section.benefit {background-color: var(--bg-pale-grey); padding-top: 120px; padding-bottom: 200px;}
#content.benefit .sub-title,
#content.benefit .page-title {text-align: center;}
#content.benefit .page-title + div {margin-top: 80px;}
@media (min-width: 769px) {
	#content.benefit .board-list.col-3 {margin-top: -20px;}
	#content.benefit .board-list.col-3 > li {margin-top: 20px; margin-bottom: 20px;}
	#content.benefit .board-list-wrap + .pagination {margin-top: calc(160px - 20px);}
}
@media (max-width: 768px) {
	#content.benefit .section.benefit {padding-top: 70px; padding-bottom: 80px;}
	#content.benefit .page-title + div {margin-top: 60px;}
	#content.benefit .board-list.col-3 {padding-left: 20px; padding-right: 20px;}
	#content.benefit .board-list.col-3 > li + li {margin-top: 20px;}
}

/* PD01 */
#content.company {padding-bottom: 40px;}
#content.company .page-header {height: 580px; background-image: url('../images/com/bg_pd@2x.jpg');}
#content.company .page-title {color: #fff;}
#content.company .sub-title {font-weight: normal; font-size: 18px; line-height: 1.78; letter-spacing: -0.18px; color: var(--white-80);}
#content.company .page-title + .sub-title {margin-top: 16px;}
#content.company > .section {padding-top: 120px; padding-bottom: 160px;}
#content.company .max-960 > div:not(.map-wrap) + div {margin-top: 120px;}
#content.company .title-wrap h3 {font-weight: 600; font-size: 32px; letter-spacing: -0.32px; color: #000;}
#content.company .detail-wrap p.title {font-weight: 500; font-size: 24px; letter-spacing: -0.24px; line-height: 1.58; color: #000;}
#content.company .detail-wrap p.title + .text {margin-top: 32px;}
#content.company .detail-wrap dt:not(.year) + .text {margin-top: 16px;}
#content.company .detail-wrap .text {font-size: 18px; letter-spacing: -0.18px;}
#content.company .detail-wrap .text + .text {margin-top: 20px;}
#content.company .detail-wrap .text > em {display: inline-block; color: var(--black-50);}
#content.company .detail-wrap .month {display: block; font-size: 14px; letter-spacing: -0.14px; color: var(--black-50);}
#content.company .detail-wrap dl dt:not(.year) {font-weight: 600; letter-spacing: -0.16px; color: #000;}
#content.company .detail-wrap dl + dl {margin-top: 44px;}
#content.company .fnbpeople .text {color: var(--black-70);}
#content.company .logo-box {width: 100%; height: 274px; -webkit-border-radius: 12px; border-radius: 12px; background-color: #f2f2f2; margin-top: 40px;}
#content.company .logo-box .img-wrap {width: 131px; height: 131px;}
#content.company .item.normal {display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	height: 140px;}
#content.company .item.normal img + .text {margin-top: 16px;}
#content.company .ideology ul.flex > li {width: calc((100% - 20px)/3);}
#content.company .ideology .text {color: var(--black-80);}
#content.company .ideology .item.normal img {width: 32px; height: 32px;}
#content.company .history .detail-wrap > ul {padding-top: 5px;}
#content.company .history .detail-wrap > ul > li + li {margin-top: 40px;}
#content.company .history dl {display: -ms-flexbox; display: -webkit-flex; display: flex;}
#content.company .history .year {width: 80px; font-weight: 500; font-size: 22px; letter-spacing: -0.22px;}
#content.company .history .text {width: calc(100% - 80px); padding-top: 5px;}
#content.company .history .text > p + p {margin-top: 22px;}
#content.company .map-wrap {height: 360px;}
#content.company .map-wrap iframe {width: 100%; height: 100%; border: 0;}
#content.company .map-wrap + div {margin-top: 60px;}
#content.company .directions .detail-wrap dt + .text {margin-top: 12px;}
@media (min-width: 769px) {
	#content.company .title-wrap {width: 34.375%;}
	#content.company .detail-wrap {width: calc(100% - 34.375%); padding-top: 8px;}
	#content.company .ideology ul.flex > li + li  {margin-left: 20px;}
	#content.company .item.normal {border: 1px solid #ececec; -webkit-border-radius: 6px; border-radius: 6px;}
}
@media (max-width: 768px) {
	#content.company {padding-bottom: 20px;}
	#content.company .page-header {height: 400px; background-image: url('../images/com/bg_pd_mo@2x.jpg'); padding-bottom: 18px;}
	#content.company .sub-title {font-size: 17px; letter-spacing: -0.17px; line-height: 1.65;}
	#content.company > .section {padding-top: 60px; padding-bottom: 60px;}
	#content.company .max-960 > div:not(.map-wrap) + div {margin-top: 60px;}
	#content.company .max-960 > .flex {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	#content.company .title-wrap h3 {font-size: 24px; letter-spacing: -0.24px;}
	#content.company .title-wrap + .detail-wrap {margin-top: 40px;}
	#content.company .detail-wrap p.title {font-size: 20px; letter-spacing: -0.2px;}
	#content.company .detail-wrap p.title + .text {margin-top: 24px;}
	#content.company .detail-wrap .text {font-size: 17px; letter-spacing: -0.17px;}
	#content.company .detail-wrap .text + .text {margin-top: 20px;}
	#content.company .logo-box {grid-row-end: 264px; -webkit-border-radius: 8px; border-radius: 8px;}
	#content.company .logo-box .img-wrap {width: 120px; height: 120px;}
	#content.company .ideology ul.flex {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #ececec; -webkit-border-radius: 6px; border-radius: 6px;}
	#content.company .ideology ul.flex > li {width: calc(100% / 2);}
	#content.company .ideology ul.flex > li:nth-child(even) .item.normal  {border-left: 1px solid #ececec;}
	#content.company .ideology ul.flex > li:not(:nth-child(1)):not(:nth-child(2)) .item.normal  {border-top: 1px solid #ececec;}
	#content.company .history .detail-wrap > ul > li + li {margin-top: 30px;}
	#content.company .history .year {width: 68px; font-size: 20px; letter-spacing: -0.2px;}
	#content.company .history .text {width: calc(100% - 68px);}
	#content.company .history .text > p + p {margin-top: 18px;}
}