@charset "utf-8";

body {
	height: 100%;
	overflow: hidden;
}

#w_explanation, #w_range, #w_worry, #w_explanation2, #w_range2, #w_worry2 {
	resize: none;
	height: 100%;
}


select#w_price {
	z-index: 1;
	cursor: pointer;
}

select#w_price option {
	color: #000;
}

textarea::placeholder {
	color: #c6c5c7;
}



/* 191011추가 */
.header { opacity:0; }
.header.on { opacity:1; transition:opacity 0.5s 2s; }
/* 191011추가 */

.s-kv {
	width: 100%;
	overflow-x: hidden;
}

.s-kv .s_container {
	height: 1202px;
}

.s-kv .layer01, .s-kv .layer02 {
	position: absolute;
	max-width: 1980px;
	width: 1980px;
	height: 100%;
	left: 50%;
	margin-left: -990px;
}

.s-kv .layer03 {
	position: absolute;
	max-width: 1980px;
	width: 102%;
	height: 101%;
	top: -1%;
	left: -1%;
	border: 60px solid #fff;
	border-bottom: none;
}

.s-kv .layer02 {
	width: 0px;
	left: 50%;
	margin-left: 0;
	overflow: hidden;
}

.s-kv .layer02 .extend {
	position: absolute;
	max-width: 1980px;
	width: 1980px;
	height: 100%;
	left: 0;
	top: 0;
	margin-left: -990px;
}

.s-kv .layer02 .extend img {
	width: 100%;
}

.s-kv.on .layer02 {
	width: 1980px;
	margin-left: -990px;
	transition: all 2.3s;

}

/* 191011수정 */
.s-kv.on .layer02 .extend {
	left: 0;
	margin-left: 0;
	transition: all 2.3s;
}


.s-kv.on .layer03 {
	border: 0px solid #fff;
	transition: all 1.5s 1s;
}
/* 191011수정 */

.s-kv h2 img {
	width: 100%;
}

.s-kv .layer01 h2, .s-kv .layer02 h2 {
	position: absolute;
	top: 400px;
	left: 50%;
	width: 1440px;
	margin-left: -720px;
}

.s-kv-text {
	margin-top: -110px;
}

.s-kv-text .s_container {
	height: 889px;
}

.s-kv-text .s_content {
	padding: 15px;
}

.s-kv-text .s_content:after {
	content: "";
	display: block;
	clear: both;
}

.s-kv-text .s_content .title {
	margin-bottom: 85px;
	font-size: 55px;
	color: #fff;
	font-family: "NanumBarunGothicUltraLight";
}

.s-kv-text .s_content .left, .s-kv-text .s_content .right {
	line-height: 30px;
}

.s-kv-text .s_content .left {
	margin-top: 3vw;
	float: left;
	/*width: 610px;*/
}

.s-kv-text .s_content .left span {
	display: block;
	margin: 36px 0;
}

.s-kv-text .s_content .left .font_change {
	font-size: 28px;
	line-height: 40px;
	font-family: "NanumBarunGothic";
}

.s-kv-text .s_content .right {
	float: left;
	width: 500px;
	margin-left: 3vw;
}

.s-kv-text .s_content .right img{
	height: 725px;
	margin-left: 300px;
}

.s-kv-text .s_content .right span {
	display: block;
	margin-top: 40px;
	font-size: 28px;
	line-height: 40px;
	font-family: "NanumBarunGothic";
}

.s-kv-text .scroll_m { position:absolute; left:50%; bottom:36px; width:44px; height:44px; margin-left:-22px; opacity:0; }
.s-kv-text .scroll_m span { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#0d64c8; opacity:0.2; border-radius: 50%; }
.s-kv-text .scroll_m span + span { opacity:0.5; }
.s-kv-text .scroll_m span + span + span { background:#0d64c8 url("../../images/about/scroll_icon.png") no-repeat center center; opacity:1; }

.s-kv-text .scroll_m.on { opacity:1; transition:opacity 1s; }

.s-kv-text .scroll_m.on span  {
	animation: scroll_motion infinite 2s ease-out;
	animation-delay: 0.4s;
}
.s-kv-text .scroll_m.on span + span {
	animation-delay: 0.2s;
}
.s-kv-text .scroll_m.on span + span + span {
	animation-delay: 0s;
}

.s-focus .s_container {
	height: 921px;
}

.s-focus .motion > div, .s-focus .motion > div .inner {
	position: absolute;
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}

.s-focus .motion .guide {
	left: 258px;
	top: 428px;
}

.s-focus .motion .guide .white, .s-focus .motion .guide .blue {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 3px;
}

.s-focus .motion .guide .white {
	background: #bfbfbf;
}

.s-focus .motion .guide .blue {
	background: #0050ac;
}

.s-focus .motion .guide p {
	display: inline-block;
	font-size: 18px;
	color: #fff;
}

.s-focus .motion .obj01, .s-focus .motion .obj02, .s-focus .motion .obj03, .s-focus .motion .obj06 {
	border-radius: 50%;
	background: #919191;
	opacity: 0;
	z-index: 1;
}

.s-focus .motion .obj01 .inner, .s-focus .motion .obj02 .inner, .s-focus .motion .obj03 .inner, .s-focus .motion .obj06 .inner {
	text-align: center;
	font-family: "NanumBarunGothicBold";
	border-radius: 50%;
	background: #fff;
	box-shadow: 7px 5px 10px -4px;
	z-index: 1;
}

.s-focus.on .motion .obj01, .s-focus.on .motion .obj02, .s-focus.on .motion .obj03, .s-focus.on .motion .obj06 {
	-webkit-animation: f_scale .8s ease-out forwards;
	-moz-animation: f_scale .8s ease-out forwards;
	animation: f_scale .5s ease-out forwards;
}

.s-focus .motion .obj01 {
	left: 274px;
	top: 638px;
	width: 38px;
	height: 38px;
}

.s-focus .motion .obj01 .inner {
	left: 4px;
	top: 4px;
	width: 30px;
	height: 30px;
	font-size: 18px;
	color: #000;
	line-height: 30px;
}

.s-focus .motion .obj02 {
	left: 313px;
	top: 621px;
	width: 44px;
	height: 44px;
}

.s-focus .motion .obj02 .inner {
	left: 5px;
	top: 5px;
	width: 34px;
	height: 34px;
	font-size: 18px;
	color: #000;
	line-height: 34px;
}

.s-focus .motion .obj03 {
	left: 360px;
	top: 608px;
	width: 48px;
	height: 48px;
}

.s-focus .motion .obj03 .inner {
	left: 5px;
	top: 5px;
	width: 38px;
	height: 38px;
	font-size: 18px;
	color: #000;
	line-height: 38px;
}

.s-focus .motion .obj01_1, .s-focus .motion .obj02_1, .s-focus .motion .obj03_1 {
	width: 5px;
	height: 0;
	background: #919191;
}

.s-focus .motion .obj01_1 {
	left: 290px;
	bottom: 224px;
}

.s-focus .motion .obj02_1 {
	left: 332px;
	bottom: 224px;
}

.s-focus .motion .obj03_1 {
	left: 381px;
	bottom: 224px;
}

.s-focus .motion .obj04 {
	left: 407px;
	top: 512px;
	width: 596px;
	height: 27px;
	transform: rotate(-18deg);
	overflow: hidden;
}

.s-focus .motion .obj04 .inner {
	left: -600px;
}

.s-focus .motion .obj04 .inner img {
	width: 100%;
}

.s-focus .motion .obj05 {
	top: 437px;
	left: 436px;
	width: 0;
	height: 252px;
	overflow: hidden;
}

.s-focus .motion .obj05 .inner {
	left: 0;
	top: 0;
	width: 536px;
	height: 252px;
}

.s-focus .motion .obj05 .inner img {
	width: 100%;
}

.s-focus .motion .obj06 {
	left: 1035px;
	top: 347px;
	width: 102px;
	height: 102px;
	background: #1254a0;
}

.s-focus .motion .obj06 .inner {
	left: 13px;
	top: 13px;
	width: 76px;
	height: 76px;
	font-size: 23px;
	color: #1254a0;
	line-height: 76px;
}

.s-focus .motion .obj06_1 {
	left: 1083px;
	top: 430px;
	width: 5px;
	height: 0;
	background: #1254a0;
}

.s-focus .motion .obj07 {
	position: static;
}

.s-focus .motion .obj07 p {
	position: absolute;
	bottom: 194px;
	left: 270px;
	color: #fff;
}

.s-focus .motion .obj07 p + p {
	left: 524px;
}

.s-focus .motion .obj07 p + p + p {
	left: 790px;
}

.s-focus .motion .obj07 p + p + p + p {
	left: 1060px;
}

.s-focus.on .motion .obj01_1 {
	height: 27px;
	transition-duration: 0.3s;
	transition-delay: 0.1s;
}

.s-focus.on .motion .obj02_1 {
	height: 38px;
	transition-duration: 0.3s;
	transition-delay: 0.2s;
}

.s-focus.on .motion .obj03_1 {
	height: 47px;
	transition-duration: 0.3s;
	transition-delay: 0.3s;
}

.s-focus.on .motion .obj01 {
	animation-delay: 0.2s;
}

.s-focus.on .motion .obj02 {
	animation-delay: 0.3s;
}

.s-focus.on .motion .obj03 {
	animation-delay: 0.4s;
}

.s-focus.on .motion .obj04 .inner {
	left: 0;
	transition-duration: 1.2s;
	transition-delay: 0.8s;
}

.s-focus.on .motion .obj05 {
	width: 536px;
	transition-duration: 1.2s;
	transition-delay: 0.9s;
}

.s-focus.on .motion .obj06 {
	animation-delay: 1.7s;
}

.s-focus.on .motion .obj06_1 {
	height: 268px;
	transition-duration: 0.5s;
	transition-delay: 2.2s;
}

.s-focus.on .motion .obj06:after, .s-focus.on .motion .obj06:before {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: #1254a0;
	opacity: 0;
	content: '';
}

.s-focus.on .motion .obj06:after {
	-webkit-animation: scene_blue infinite 2.4s ease-out;
	-moz-animation: scene_blue infinite 2.4s ease-out;
	animation: scene_blue infinite 2.4s ease-out;
	animation-delay: 2.2s;
}

.s-focus.on .motion .obj06:before {
	-webkit-animation: scene_blue infinite 2.4s ease-out;
	-moz-animation: scene_blue infinite 2.4s ease-out;
	animation: scene_blue infinite 2.4s ease-out;
	animation-delay: 3s;
}

.s-focus ul {
	display:table;
	position: absolute;
	bottom: 94px;
	left: 20px;
	width: 1400px;
	height: 80px;
	background: #021428;
	text-align: center;
}

/* 191011수정 */
.s-focus ul li {
	display: table-cell;
	vertical-align: middle;
	margin: 0 40px;
	color: #fff;
	font-size: 14px;
	font-family: "NanumGothic";
	text-align: center;
}
/* 191011수정 */

.s-focus ul li strong {
	display: block;
	margin-bottom: 5px;
	font-size: 18px;
	color: #fff;
}

.s-focus ul li br {
	display: none;
}

.s-funnel .s_container {
	height: 986px;
}

.s-funnel .inner_content {
	margin-top: 70px;
	text-align: center;
}

.s-funnel .inner_content p + p + p {
	margin-top: 15px;
}

.s-capabilities .s_container {
	height: 888px;
}

.s-capabilities .inner_content {
	margin-top: 70px;
	color: #fff;
}

.s-capabilities .inner_content * {
	color: #fff;
}

.s-capabilities .mask {
	display: none;
}

.s-capabilities ul {
	width: 1400px;
	margin: 0 auto;
}

.s-capabilities ul:after {
	content: "";
	display: block;
	clear: both;
}

.s-capabilities ul li {
	float: left;
	position: relative;
	width: 280px;
	height: 280px;
	margin-left: -1px;
	text-align: center;
}

.s-capabilities ul li:first-child {
	margin-left: 0;
}

.s-capabilities ul li .inner {
	width: 100%;
	height: 100%;
}

.s-capabilities ul li .inner > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 48px 0;
	border: 2px solid #12529a;
}

.s-capabilities ul li .title {
	padding-top: 135px;
	background: url("../../images/about/s03_img01.png") no-repeat center 21px;
}

.s-capabilities ul li .title p {
	font-size: 22px;
	font-family: "NanumBarunGothicBold";
}

.s-capabilities ul li + li .title {
	background: url("../../images/about/s03_img02.png") no-repeat center 23px;
}

.s-capabilities ul li + li + li .title {
	background: url("../../images/about/s03_img03.png") no-repeat center 0;
}

.s-capabilities ul li + li + li + li .title {
	background: url("../../images/about/s03_img04.png") no-repeat center 16px;
}

.s-capabilities ul li + li + li + li + li .title {
	background: url("../../images/about/s03_img05.png") no-repeat center 16px;
}

.s-capabilities ul li .hover {
	display: none;
	position: absolute;
	top: 278px;
	left: 0;
	width: 1396px;
	min-height: 147px;
	padding: 40px 90px;
	padding-right: 0;
	text-align: left;
	background: #1254a0;
}

.s-capabilities ul li .hover p {
	font-size: 18px;
	line-height: 26px;
	font-family: "NanumBarunGothic";
}

.s-capabilities ul li .hover a {
	display: none;
}

.s-capabilities ul li .hover:after {
	content: "";
	display: block;
	position: absolute;
	top: -25px;
	left: 110px;
	width: 0px;
	height: 0px;
	border-top: none;
	border-bottom: 25px solid #1254a0;
	border-right: 25px solid transparent;
	border-left: 25px solid transparent;
}

.s-capabilities ul li + li .hover {
	left: -279px;
	padding-left: 147px;
}

.s-capabilities ul li + li .hover:after {
	left: 395px;
}

.s-capabilities ul li + li + li .hover {
	left: -558px;
	padding-left: 385px;
}

.s-capabilities ul li + li + li .hover:after {
	left: 674px;
}

.s-capabilities ul li + li + li + li .hover {
	left: -837px;
	padding-left: 490px;
	padding-right: 50px;
}

.s-capabilities ul li + li + li + li .hover:after {
	left: 954px;
}

.s-capabilities ul li + li + li + li + li .hover {
	left: -1116px;
	padding-right: 50px;
	text-align: right;
}

.s-capabilities ul li + li + li + li + li .hover:after {
	left: 1234px;
}

.s-team .s_container {
	height: 1025px;
}

.s-team .inner_content {
	position: relative;
	width: 1322px;
	margin: 70px auto 0;
}

.s-team ul li {
	position: absolute;
	top: 334px;
	left: 302px;
}

.s-team ul li + li {
	left: 538px;
}

.s-team ul li + li + li {
	left: 842px;
}

.s-team ul li + li + li + li {
	left: 1096px;
}

.s-team ul li span {
	display: block;
	margin-bottom: 4px;
	font-size: 16px;
	font-family: "NanumGothic";
}

.s-solution .s_container {
	height: 883px;
}

.s-solution .inner_content {
	margin-top: 115px;
}

.s-solution ul {
	text-align: center;
}

.s-solution ul li {
	display: inline-block;
	position: relative;
	width: 268px;
	height: 268px;
	margin: 0 6px;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #7b7c7e;
}

.s-solution ul li .inner {
	width: 100%;
	height: 100%;
	padding-top: 48px;
}

.s-solution ul li .title {
	padding-top: 115px;
	background: url("../../images/about/s05_img01.png") no-repeat center 0px;
}

.s-solution ul li + li .title {
	background: url("../../images/about/s05_img02.png") no-repeat center 16px;
}

.s-solution ul li + li + li .title {
	background: url("../../images/about/s05_img03.png") no-repeat center 24px;
}

.s-solution ul li + li + li + li .title {
	background: url("../../images/about/s05_img04.png") no-repeat center 24px;
}

.s-solution ul li + li + li + li + li .title {
	background: url("../../images/about/s05_img05.png") no-repeat center 0px;
}

.s-solution ul li .title p {
	font-size: 22px;
	color: #fff;
	font-family: "NanumBarunGothicBold";
}

.s-worldwide .s_container {
	height: 1487px;
}

.s-worldwide .inner_content {
	margin-top: 50px;
}

.s-worldwide .motion {
	position: relative;
	width: 1201px;
	height: 601px;
	margin: 0 auto;
}

.s-worldwide .motion > div {
	position: absolute;
	overflow: hidden;
	transition: all;
}

.s-worldwide .motion > div .inner {
	position: absolute;
}

.s-worldwide .motion > div .inner img {
	width: 100%;
}

.s-worldwide .motion .obj01 {
	left: 0;
	top: 0;
	width: 1201px;
	height: 601px;
}

.s-worldwide .motion .obj02 {
	opacity: 0;
	left: 156px;
	top: 188px;
	width: 896px;
	height: 249px;
}

.s-worldwide .motion .obj03 {
	width: 0;
	height: 93px;
	left: 157px;
	top: 114px;
}

.s-worldwide .motion .obj03 .inner {
	left: 0;
	top: 0;
	width: 113px;
	height: 93px;
}

.s-worldwide .motion .obj04 {
	right: 852px;
	top: 265px;
	width: 0;
	height: 53px;
}

.s-worldwide .motion .obj04 .inner {
	right: 0;
	top: 0;
	width: 167px;
	height: 53px;
}

.s-worldwide .motion .obj05 {
	left: 469px;
	top: 173px;
	width: 0;
	height: 64px;
}

.s-worldwide .motion .obj05 .inner {
	left: 0;
	top: 0;
	width: 184px;
	height: 64px;
}

.s-worldwide .motion .obj06 {
	right: 330px;
	top: 260px;
	width: 0;
	height: 116px;
}

.s-worldwide .motion .obj06 .inner {
	right: 0;
	top: 0;
	width: 166px;
	height: 116px;
}

.s-worldwide .motion .obj07 {
	left: 926px;
	top: 295px;
	width: 0;
	height: 115px;
}

.s-worldwide .motion .obj07 .inner {
	left: 0;
	top: 0;
	width: 91px;
	height: 115px;
}

.s-worldwide .motion .obj08 {
	left: 1012px;
	bottom: 213px;
	width: 0;
	height: 116px;
}

.s-worldwide .motion .obj08 .inner {
	left: 0;
	bottom: 0;
	width: 41px;
	height: 116px;
}

.s-worldwide.on .motion .obj02 {
	opacity: 1;
	transition-delay: 0.5s;
	transition-duration: 0.5s;
	animation: f_opacity infinite 1.2s ease-out;
	animation-delay: 2.2s;
}

.s-worldwide.on .motion .obj03 {
	width: 113px;
}

.s-worldwide.on .motion .obj04 {
	width: 167px;
}

.s-worldwide.on .motion .obj05 {
	width: 184px;
}

.s-worldwide.on .motion .obj06 {
	width: 166px;
}

.s-worldwide.on .motion .obj07 {
	width: 91px;
}

.s-worldwide.on .motion .obj08 {
	width: 41px;
}

.s-worldwide.on .motion .obj03, .s-worldwide.on .motion .obj04, .s-worldwide.on .motion .obj05, .s-worldwide.on .motion .obj06, .s-worldwide.on .motion .obj07, .s-worldwide.on .motion .obj08 {
	transition-delay: 1s;
	transition-duration: 1s;
}

.s-worldwide .motion .obj09 {
	position: static;
}

.s-worldwide .motion .obj09 p {
	position: absolute;
	top: 228px;
	right: 789px;
	font-size: 24px;
	font-family: "NanumBarunGothicBold";
}

.s-worldwide .motion .obj09 p + p {
	top: 235px;
	left: 480px;
	right: auto;
}

.s-worldwide .motion .obj09 p + p + p {
	top: 379px;
	left: auto;
	right: 818px;
}

.s-worldwide ul {
	margin-top: 40px;
	text-align: center;
}

.s-worldwide ul li {
	display: inline-block;
	width: 190px;
	margin: 0 30px;
	padding-top: 22px;
	border-top: 3px solid #000;
}

.s-worldwide ul li span {
	display: block;
	margin-bottom: 5px;
	font-size: 18px;
	text-align: left;
	font-family: "NanumGothic";
}

.s-work {
	background: #f6f6f6;
}

.s-work {
	background: #f6f6f6;
}

.s-work * {
	font-size: 16px;
	font-family: "Pretendard";
	color: #000;
}

.s-work .s_container {
	height: 800px;
}

.s-work .s_container figure {
	left: 0;
	top:0;
	margin:0;
	max-width:44%;
}

.s-work .s_container figure img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	min-width:100%;
	min-height:100%;
	height:auto;
	width:100%;
}

.s-work .s_content .text {
	position: absolute;
	/*left: 48px;*/
	left: 100px;
	top: 100px;
	width: auto;
}

.s-work .s_content .text h2 {
	margin-top: 0;
	text-align: left;
	font-size:32px;
}

.s-work .s_content .text p {
	text-align: left;
}

.s-work .s_content .input_area {
	float: right;
	width: 770px;
	margin: 34px 20px 0 0;
}




.s-work .s_content .input_area fieldset {
	opacity: 1;
}

.s-work .s_content .input_area fieldset:disabled {
	opacity: 0.3;
}

.s-work .s_content .input_area fieldset {
	display: none;
}

.s-work .s_content .input_area fieldset.show {
	display: block;
}

.s-work .s_content .input_area ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

.s-work .s_content .input_area ul.ul_req_type li {
	width: 49%;
}

.s-work .s_content .input_area ul:after {
	content: "";
	display: block;
	clear: both;
}

.s-work .s_content .input_area ul li {
	float: left;
	width: 49%;
	margin-bottom: 18px;
}

.s-work .s_content .input_area ul li label {
	display: inline-block;
	width: 100%;
	margin-bottom:8px;
}

.s-work .s_content .input_area ul li label input {
	display: inline-block;
	width: 75px;
	height: 44px;
	line-height: 44px;
}

.s-work .s_content .input_area ul li select {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 37px;
	line-height: 37px;
	background-color:#fff;
	padding:0 16px;
	border:solid 1px #e4e4e4;
}

.s-work .s_content .input_area ul li label.required:after {
	content: "*";
	color: #ff0000;
}

.s-work .s_content .input_area ul li label.long {
	width: 100%;
}

.s-work .s_content .input_area ul li label.long + input {
	width: 100%;
	height: 37px;
	line-height: 37px;
	background:#fff;
	border:solid 1px #e4e4e4;
	padding:0 16px;
}

.s-work .s_content .input_area ul li input[type=text],
.s-work .s_content .input_area ul li input[type=email]{
	width: 100%;
	height: 37px;
	line-height: 37px;
	background:#fff;
	border:solid 1px #e4e4e4;
	padding:0 16px;
}

.s-work .s_content .input_area ul li input.left {
	float: left;
}

.s-work .s_content .input_area ul li.textarea {
	width: 100%;
	border-bottom: none;
}

.s-work .s_content .input_area ul li.textarea label {
	position: relative !important;
	top: 0;
	margin-bottom: 8px;
}

.s-work .s_content .input_area ul li.textarea textarea {
	width: 100%;
	height: 74px;
	border: solid 1px #E4E4E4;
	padding: 16px;
	background:#fff;
}

.s-work .s_content .input_area ul li.textarea label {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.s-work .s_content .input_area ul li.fileBox {
	position: relative;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

.s-work .s_content .input_area ul li.fileBox p {
	display: inline-block;
	position: absolute;
	bottom: 3px;
	left: 0;
}

.s-work .s_content .input_area ul li.fileBox p span {
	font-size: 13px;
}

.s-work .s_content .input_area ul li.fileBox .fileName {
	display: inline-block;
	width: calc(100% - 110px);
	line-height: 37px;
}

.s-work .s_content .input_area ul li.fileBox .btn_file {
	display: inline-block;
	width: 100px;
	height: 37px;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
	background: #0D64C8;
	color: #fff;
	margin:0;
}

.s-work .s_content .input_area ul li.fileBox input[type="file"] {
	position: absolute;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
}

.s-work .s_content .input_area ul li.agree {
	width: 100%;
	border-bottom: none;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
}

.s-work .s_content .input_area ul li.agree input {
	width: 18px;
	height:18px;
	float:left;
	margin-right: 8px;
	border:none;
}

.s-work .s_content .input_area ul li.agree label {
	width: auto;
	display: flex;
	font-weight:500;
	margin:0;
}

.s-work .s_content .input_area ul li.agree div {
	font-size: 11px;
	margin-left: 6px;
	display:inline;
	margin-top:8px;
}

.s-work .s_content .input_area .openAgreePopup {
	cursor: pointer;
	margin-right: 5px;
	text-decoration:none;
	font-weight:500;
}

.s-work .s_content .input_area .btn {
	margin-top: 14px;
}

.s-work .s_content .input_area .btn_submit {
	display: block;
	width: 100%;
	font-size: 17px;
	background: #0d64c8;
	color: #fff;
	padding:14px 0;
}

.animate {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 2.2s;
	-moz-animation-delay: 2.2s;
	animation-delay: 2.2s;
}

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


	.s-kv .s_container {
		height: 83.4722vw;
	}

	.s-kv .layer01, .s-kv .layer02, .s-kv .layer03 {
		width: 100%;
		height: 100%;
		left: 0;
		margin-left: 0;
	}

	.s-kv .layer02 {
		width: 0px;
		left: 50%;
		margin-left: 0;
		overflow: hidden;
	}

	.s-kv .layer02 .extend {
		width: 137.5vw;
		height: 100%;
		left: 50%;
		margin-left: -68.75vw;
	}

	.s-kv.on .layer02 {
		width: 100%;
		left: 0;
		margin-left: 0;
	}

	.s-kv.on .layer02 .extend {
		width: 137.5vw;
		height: 100%;
		left: 50%;
		margin-left: -68.75vw;
	}

	.s-kv .layer01 h2, .s-kv .layer02 h2 {
		top: 27.7777vw;
		width: 89.2222vw;
		margin-left: -44.6111vw;
	}

	.s-kv-text .s_container {
		height: 42.3611vw;
		;
	}

	.s-kv-text {
		margin-top: -7.6388vw;
	}

	.s-kv-text .s_container {
		height: 55.5vw;
	}

	.s-kv-text .s_content {
		padding: 1.0416vw;
	}

	.s-kv-text .s_content .title {
		margin-bottom: 5.9027vw;
		font-size: 3.8194vw;
	}

	.s-kv-text .s_content .left, .s-kv-text .s_content .right {
		font-size: 1.25vw;
		line-height: 2.0833vw;
	}

	.s-kv-text .s_content .left {
		/*width: 42.3611vw;*/
		margin-left: 3vw;
	}

	.s-kv-text .s_content .left span {
		margin: 2.5vw 0;
	}

	.s-kv-text .s_content .left .font_change {
		margin-top: 2.7777vw;
		font-size: 1.9444vw;
		line-height: 2.7777vw;
	}

	.s-kv-text .s_content .right img{
		margin-left: 27vw;
		margin-top: 1vw;
		height: 43.2vw;
	}

	.s-kv-text .s_content .right {
		width: 50vw;
		margin-left: -7.6vw;
	}

	.s-kv-text .s_content .right span {
		margin-top: 2.7777vw;
		font-size: 1.9444vw;
		line-height: 2.7777vw;
	}

	.s-kv-text .scroll_m { bottom:2.5vw; }

	.s-focus .s_container {
		height: 63.9583vw;
	}

	.s-focus .motion .guide {
		left: 17.9166vw;
		top: 29.7222vw;
	}

	.s-focus .motion .guide .white, .s-focus .motion .guide .blue {
		width: 1.1111vw;
		height: 1.1111vw;
		margin-right: 0.2083vw;
	}

	.s-focus .motion .guide p {
		font-size: 1.25vw;
	}

	.s-focus .motion .obj01 .inner, .s-focus .motion .obj02 .inner, .s-focus .motion .obj03 .inner, .s-focus .motion .obj06 .inner {
		box-shadow: 0.4861vw 0.3472vw 0.6944vw -0.2777vw;
	}

	.s-focus .motion .obj01 {
		left: 18.3277vw;
		top: 44.3055vw;
		width: 2.6388vw;
		height: 2.6388vw;
	}

	.s-focus .motion .obj01 .inner {
		left: 0.2777vw;
		top: 0.2777vw;
		width: 2.0833vw;
		height: 2.0833vw;
		font-size: 1.25vw;
		line-height: 2.0833vw;
	}

	.s-focus .motion .obj02 {
		left: 21.0361vw;
		top: 43.125vw;
		width: 3.0555vw;
		height: 3.0555vw;
	}

	.s-focus .motion .obj02 .inner {
		left: 0.3472vw;
		top: 0.3472vw;
		width: 2.3611vw;
		height: 2.3611vw;
		font-size: 1.25vw;
		line-height: 2.3611vw;
	}

	.s-focus .motion .obj03 {
		left: 24.3vw;
		top: 42.2222vw;
		width: 3.3333vw;
		height: 3.3333vw;
	}

	.s-focus .motion .obj03 .inner {
		left: 0.3472vw;
		top: 0.3472vw;
		width: 2.6388vw;
		height: 2.6388vw;
		font-size: 1.25vw;
		line-height: 2.6388vw;
	}

	.s-focus .motion .obj01_1, .s-focus .motion .obj02_1, .s-focus .motion .obj03_1 {
		width: 0.3472vw;
	}

	.s-focus .motion .obj01_1 {
		left: 19.4388vw;
		bottom: 15.5555vw;
	}

	.s-focus .motion .obj02_1 {
		left: 22.3555vw;
		bottom: 15.5555vw;
	}

	.s-focus .motion .obj03_1 {
		left: 25.7583vw;
		bottom: 15.5555vw;
	}

	.s-focus .motion .obj04 {
		left: 27.5638vw;
		top: 35.5555vw;
		width: 41.3888vw;
		height: 1.875vw;
	}

	.s-focus .motion .obj04 .inner {
		width: 100%;
		left: -41.6666vw;
	}

	.s-focus .motion .obj05 {
		top: 30.3472vw;
		left: 29.5777vw;
		height: 17.5vw;
	}

	.s-focus .motion .obj05 .inner {
		width: 37.2222vw;
		height: 17.5vw;
	}

	.s-focus .motion .obj06 {
		left: 71.175vw;
		top: 24.0972vw;
		width: 7.0833vw;
		height: 7.0833vw;
	}

	.s-focus .motion .obj06 .inner {
		left: 0.9027vw;
		top: 0.9027vw;
		width: 5.2777vw;
		height: 5.2777vw;
		font-size: 1.5972vw;
		line-height: 5.2777vw;
	}

	.s-focus .motion .obj06_1 {
		left: 74.5083vw;
		top: 29.8611vw;
		width: 0.3472vw;
		height: 0;
	}

	.s-focus .motion .obj07 p {
		bottom: 13.4722vw;
		left: 18.05vw;
		font-size: 1.25vw;
	}

	.s-focus .motion .obj07 p + p {
		left: 35.6888vw;
	}

	.s-focus .motion .obj07 p + p + p {
		left: 54.1611vw;
	}

	.s-focus .motion .obj07 p + p + p + p {
		left: 72.9111vw;
	}

	.s-focus.on .motion .obj01_1 {
		height: 1.875vw;
	}

	.s-focus.on .motion .obj02_1 {
		height: 2.6388vw;
	}

	.s-focus.on .motion .obj03_1 {
		height: 3.2638vw;
	}

	.s-focus.on .motion .obj04 .inner {
		left: 0;
	}

	.s-focus.on .motion .obj05 {
		width: 37.2222vw;
	}

	.s-focus.on .motion .obj06_1 {
		height: 18.6111vw;
	}

	.s-focus ul {
		position: absolute;
		bottom: 6.5277vw;
		left: 0.6888vw;
		width: 97.2222vw;
		height: 5.5555vw;
	}

	.s-focus ul li {
		margin: 0 2.7777vw;
		font-size: 0.9722vw;
	}

	.s-focus ul li strong {
		margin-bottom: 0.3472vw;
		font-size: 1.25vw;
	}

	.s-funnel .s_container {
		height: 68.4722vw;
	}

	.s-funnel .inner_content {
		margin-top: 4.8611vw;
	}

	.s-funnel .inner_content p {
		width: 91.3888vw;
		margin: 0 auto;
	}

	.s-funnel .inner_content p + p + p {
		margin-top: 1.0416vw;
	}

	.s-funnel .inner_content p img {
		width: 100%;
	}

	.s-capabilities .s_container {
		height: 61.6666vw;
	}

	.s-capabilities .inner_content {
		margin-top: 4.8611vw;
	}

	.s-capabilities ul {
		width: 97.2222vw;
	}

	.s-capabilities ul li {
		width: 19.4444vw;
		height: 19.4444vw;
	}

	.s-capabilities ul li .inner > a {
		padding: 3.3333vw 0;
		border: 1px solid #12529a;
	}

	.s-capabilities ul li .title {
		padding-top: 9.375vw;
		background: url("../../images/about/s03_img01.png") no-repeat center 1.4583vw / 8.5416vw auto;
	}

	.s-capabilities ul li .title p {
		font-size: 1.5277vw;
	}

	.s-capabilities ul li + li .title {
		background: url("../../images/about/s03_img02.png") no-repeat center 1.5972vw / 7.2222vw auto;
	}

	.s-capabilities ul li + li + li .title {
		background: url("../../images/about/s03_img03.png") no-repeat center 0 / 7.1527vw auto;
	}

	.s-capabilities ul li + li + li + li .title {
		background: url("../../images/about/s03_img04.png") no-repeat center 1.1111vw / 6.0416vw auto;
	}

	.s-capabilities ul li + li + li + li + li .title {
		background: url("../../images/about/s03_img05.png") no-repeat center 1.1111vw / 8.125vw auto;
	}

	.s-capabilities ul li .hover {
		top: 19.3055vw;
		left: 0;
		width: 96.9444vw;
		min-height: 10.2083vw;
		padding: 2.7777vw 6.25vw;
	}

	.s-capabilities ul li .hover p {
		font-size: 1.25vw;
		line-height: 1.8055vw;
	}

	.s-capabilities ul li .hover:after {
		top: -1.7361vw;
		left: 7.6388vw;
		border-width: 1.7361vw;
	}

	.s-capabilities ul li + li .hover {
		left: -19.375vw;
		padding-left: 8.2083vw;
		padding-right: 0;
	}

	.s-capabilities ul li + li .hover:after {
		left: 27.4305vw;
	}

	.s-capabilities ul li + li + li .hover {
		left: -38.75vw;
		padding-left: 26.7361vw;
	}

	.s-capabilities ul li + li + li .hover:after {
		left: 46.8055vw;
	}

	.s-capabilities ul li + li + li + li .hover {
		left: -58.125vw;
		padding-left: 34.0277vw;
		padding-right: 3.4722vw;
	}

	.s-capabilities ul li + li + li + li .hover:after {
		left: 66.25vw;
	}

	.s-capabilities ul li + li + li + li + li .hover {
		left: -77.5vw;
		padding-right: 3.4722vw;
	}

	.s-capabilities ul li + li + li + li + li .hover:after {
		left: 85.6944vw;
	}

	.s-team .s_container {
		height: 71.1805vw;
	}

	.s-team .inner_content {
		position: relative;
		width: 91.8055vw;
		margin: 4.8611vw auto 0;
	}

	.s-team p img {
		width: 100%;
	}

	.s-team ul li {
		top: 23.1944vw;
		left: 20.9722vw;
	}

	.s-team ul li + li {
		left: 37.3611vw;
	}

	.s-team ul li + li + li {
		left: 58.4722vw;
	}

	.s-team ul li + li + li + li {
		left: 76.1111vw;
	}

	.s-team ul li span {
		margin-bottom: 0.2777vw;
		font-size: 1.1111vw;
	}

	.s-solution .s_container {
		height: 61.3194vw;
	}

	.s-solution .inner_content {
		margin-top: 7.9861vw;
	}

	.s-solution ul li {
		width: 18.4vw;
		height: 18.4vw;
		margin: 0 0.3vw;
	}

	.s-solution ul li .inner {
		padding-top: 3.3333vw;
	}

	.s-solution ul li .title {
		padding-top: 7.98611vw;
		background: url("../../images/about/s05_img01.png") no-repeat center 0vw / 6.25vw auto;
	}

	.s-solution ul li + li .title {
		background: url("../../images/about/s05_img02.png") no-repeat center 1.1111vw / 6.1805vw auto;
	}

	.s-solution ul li + li + li .title {
		background: url("../../images/about/s05_img03.png") no-repeat center 1.6666vw / 6.4583vw auto;
	}

	.s-solution ul li + li + li + li .title {
		background: url("../../images/about/s05_img04.png") no-repeat center 1.6666vw / 8.8888vw auto;
	}

	.s-solution ul li + li + li + li + li .title {
		background: url("../../images/about/s05_img05.png") no-repeat center 0vw / 5.4861vw auto;
	}

	.s-solution ul li .title p {
		font-size: 1.5277vw;
	}

	.s-worldwide .s_container {
		height: 103.2638vw;
	}

	.s-worldwide .inner_content {
		margin-top: 3.4722vw;
		;
	}

	.s-worldwide .motion {
		width: 83.4027vw;
		height: 41.7361vw;
	}

	.s-worldwide .motion .obj01 {
		left: 0;
		top: 0;
		width: 83.4027vw;
		height: 83.4027vw;
	}

	.s-worldwide .motion .obj02 {
		left: 10.8333vw;
		top: 13.0555vw;
		width: 62.2222vw;
		height: 17.2916vw;
	}

	.s-worldwide .motion .obj03 {
		width: 0;
		height: 6.4583vw;
		left: 10.9027vw;
		top: 7.9166vw;
	}

	.s-worldwide .motion .obj03 .inner {
		left: 0;
		top: 0;
		width: 7.8472vw;
		height: 6.4583vw;
	}

	.s-worldwide .motion .obj04 {
		right: 59.1666vw;
		top: 18.4027vw;
		width: 0;
		height: 3.6805vw;
	}

	.s-worldwide .motion .obj04 .inner {
		right: 0;
		top: 0;
		width: 11.5972vw;
		height: 3.6805vw;
	}

	.s-worldwide .motion .obj05 {
		left: 32.5694vw;
		top: 12.0138vw;
		width: 0;
		height: 4.4444vw;
	}

	.s-worldwide .motion .obj05 .inner {
		left: 0;
		top: 0;
		width: 12.7777vw;
		height: 4.4444vw;
	}

	.s-worldwide .motion .obj06 {
		right: 22.9166vw;
		top: 18.0555vw;
		width: 0;
		height: 8.0555vw;
	}

	.s-worldwide .motion .obj06 .inner {
		right: 0;
		top: 0;
		width: 11.5277vw;
		height: 8.0555vw;
	}

	.s-worldwide .motion .obj07 {
		left: 64.3055vw;
		top: 20.4861vw;
		width: 0;
		height: 7.9861vw;
	}

	.s-worldwide .motion .obj07 .inner {
		left: 0;
		top: 0;
		width: 6.3194vw;
		height: 7.9861vw;
	}

	.s-worldwide .motion .obj08 {
		left: 70.2777vw;
		bottom: 14.7916vw;
		width: 0;
		height: 8.0555vw;
	}

	.s-worldwide .motion .obj08 .inner {
		left: 0;
		bottom: 0;
		width: 2.8472vw;
		height: 8.0555vw;
	}

	.s-worldwide.on .motion .obj03 {
		width: 7.8472vw;
	}

	.s-worldwide.on .motion .obj04 {
		width: 11.5972vw;
	}

	.s-worldwide.on .motion .obj05 {
		width: 12.7777vw;
	}

	.s-worldwide.on .motion .obj06 {
		width: 11.5277vw;
	}

	.s-worldwide.on .motion .obj07 {
		width: 6.3194vw;
	}

	.s-worldwide.on .motion .obj08 {
		width: 2.8472vw;
	}

	.s-worldwide .motion .obj09 p {
		top: 15.8333vw;
		right: 54.7916vw;
		font-size: 1.6666vw;
	}

	.s-worldwide .motion .obj09 p + p {
		top: 16.3194vw;
		left: 33.3333vw;
	}

	.s-worldwide .motion .obj09 p + p + p {
		top: 26.3194vw;
		right: 56.8055vw;
	}

	.s-worldwide ul {
		margin-top: 2.7777vw;
	}

	.s-worldwide ul li {
		width: 13.1944vw;
		margin: 0 2.0833vw;
		padding-top: 1.5277vw;
		border-width: 2px;
	}

	.s-worldwide ul li span {
		margin-bottom: 0.3472vw;
		font-size: 1.25vw;
	}

	.s-work * {
		font-size: 13px;
	}

	#fileName::placeholder {
		font-size: 1.10vw;
	}

	.s-work .s_container {
		height: 740px !important;
	}

	.s-work .s_container figure {
		left: 0;
		max-width:460px;
		overflow:hidden;
		max-width: 40%;
		width: 100%;
	}

	.s-work .s_content .text {
		left: 4vw;
		top: 7vw;
	}

	.s-work .s_content .input_area {
		width: 53.6111vw;
		margin: 2.3611vw 2.3611vw 0 0;
	}

	.s-work .s_content .input_area ul li {
		width: 49%;
		margin-bottom: 14px !important;
	}

	.s-work .s_content .input_area ul li input[type=text],
	.s-work .s_content .input_area ul li input[type=email]{
		height:32px;
		line-height: 32px;
		padding:0 8px;
	}

	.s-work .s_content .input_area ul li label.long + input {
		height:32px;
		line-height: 32px;
		padding:0 8px;
	}

	.s-work .s_content .input_area ul li select {
		width: 100%;
		height: 32px;
		line-height: 32px;
		padding:0 8px;
		background-size:9px auto;
	}

	.s-work .s_content .input_area ul li.textarea textarea {
		height: 70px !important;
		padding:8px;
	}

	.s-work .s_content .input_area ul li.fileBox p {
		bottom: 0.2083vw;
	}

	.s-work .s_content .input_area ul li.fileBox p span {
		font-size: 0.9027vw;
	}

	.s-work .s_content .input_area ul li.fileBox .fileName {
		width: calc(100% - 90px);
		height:32px;
		line-height:32px
	}

	.s-work .s_content .input_area ul li.fileBox .btn_file {
		width: 80px;
		height: 32px;
		font-size: 12px;
		line-height: 32px;
	}

	.s-work .s_content .input_area ul li.agree div {
		font-size: 12px;
		margin-top:5px;
		display:block;
		width:100%;
		margin-left:27px;
	}

	.s-work .s_content .input_area .btn {
		margin-top: 12px;
	}

	.s-work .s_content .input_area .btn_submit {
		font-size: 16px;
	}
}

@media screen and (max-width:768px) {
	body {
		height: auto;
		overflow: auto;
	}

	.header { opacity:1; }

	.s-kv .layer01, .s-kv .layer03 {
		display: none;
	}

	.s-kv .layer02 {
		position: static;
		width: 100%;
	}

	.s-kv .layer02 .extend {
		position: static;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
	}

	.s-kv .layer02 .extend img {
		width: 100%;
	}

	.s-kv .layer02 h2 {
		left: 5.6097vw;
		top: 69.0243vw;
		width: 87.6829vw;
		margin: 0;
	}

	.s-kv-text .base .s_content {
		position: static;
		width: auto;
		margin: 0;
		/*height: 197vw;*/
	}

	.s-kv-text {
		margin-top: -17.5vw;
	}

	.s-kv-text .s_content {
		padding: 4.8780vw 4.8780vw 23.1707vw 4.8780vw;
	}

	.s-kv-text .s_content .title {
		margin-bottom: 10.5vw;
		font-size: 6.7073vw;
	}

	.s-kv-text .s_content .left, .s-kv-text .s_content .right {
		font-size: 2.9268vw;
		line-height: 4.4vw;
	}

	.s-kv-text .s_content .left {
		float: none;
		width: auto;
		margin: 0;
	}

	.s-kv-text .s_content .left span {
		margin: 4.3902vw 0;
	}

	.s-kv-text .s_content .right {
		float: none;
		width: auto;
		margin-top: 4.3902vw;
		margin-left: 0;
	}

	.s-kv-text .s_content .left .font_change {
		margin-top: 6.7073vw;
		font-size: 4.8780vw;
		line-height: 7vw;
	}

	.s-kv-text .s_content .right img {
		margin-left: 22vw;
		margin-top: 4.54vw;
		height: 68.1vw;
        position: absolute;
        bottom: 0;
	}

	.s-kv-text .scroll_m { display:none; }

	.s-focus .motion {
		position: absolute;
		top: 51.5853vw;
		left: 0;
		width: 100%;
		height: 56.0975vw;
	}

	.s-focus .motion .guide {
		left: 3.125vw;
		top: 12.5609vw;
	}

	.s-focus .motion .guide .white, .s-focus .motion .guide .blue {
		width: 1.9512vw;
		height: 1.9512vw;
		margin-right: 0;
	}

	.s-focus .motion .guide p {
		font-size: 2.1951vw;
	}

	.s-focus .motion .obj01 .inner, .s-focus .motion .obj02 .inner, .s-focus .motion .obj03 .inner, .s-focus .motion .obj06 .inner {
		box-shadow: 0.8536vw 0.8536vw 1.2195vw -0.4878vw;
	}

	.s-focus .motion .obj01 {
		left: 11.3414vw;
		top: 44.5121vw;
		width: 4.6341vw;
		height: 4.6341vw;
	}

	.s-focus .motion .obj01 .inner {
		left: 0.4878vw;
		top: 0.4878vw;
		width: 3.6585vw;
		height: 3.6585vw;
		font-size: 2.1951vw;
		line-height: 3.6585vw;
	}

	.s-focus .motion .obj02 {
		left: 15.6097vw;
		top: 42.4390vw;
		width: 5.3658vw;
		height: 5.3658vw;
	}

	.s-focus .motion .obj02 .inner {
		left: 0.6097vw;
		top: 0.6097vw;
		width: 4.1463vw;
		height: 4.1463vw;
		font-size: 2.1951vw;
		line-height: 4.1463vw;
	}

	.s-focus .motion .obj03 {
		left: 20.3658vw;
		top: 40.8536vw;
		width: 5.8536vw;
		height: 5.8536vw;
	}

	.s-focus .motion .obj03 .inner {
		left: 0.6097vw;
		top: 0.6097vw;
		width: 4.6341vw;
		height: 4.6341vw;
		font-size: 2.1951vw;
		line-height: 4.6341vw;
	}

	.s-focus .motion .obj01_1, .s-focus .motion .obj02_1, .s-focus .motion .obj03_1 {
		width: 0.6097vw;
		height: 0;
	}

	.s-focus .motion .obj01_1 {
		left: 13.4146vw;
		bottom: 4.3902vw;
	}

	.s-focus .motion .obj02_1 {
		left: 18.1707vw;
		bottom: 4.3902vw;
	}

	.s-focus .motion .obj03_1 {
		left: 23.1707vw;
		bottom: 4.3902vw;
	}

	.s-focus .motion .obj04 {
		left: 25.6097vw;
		top: 29.2682vw;
		width: 53.6097vw;
		height: 3.2926vw;
		transform: rotate(-25deg);
	}

	.s-focus .motion .obj04 .inner {
		left: -55vw;
	}

	.s-focus .motion .obj05 {
		top: 24.2682vw;
		left: 25.6097vw;
		width: 0;
		height: 30.7317vw;
	}

	.s-focus .motion .obj05 .inner {
		left: 0;
		top: 0;
		width: 53.3658vw;
		height: 30.7317vw;
	}

	.s-focus .motion .obj06 {
		left: 79.1463vw;
		top: 6.9512vw;
		width: 12.4390vw;
		height: 12.4390vw;
	}

	.s-focus .motion .obj06 .inner {
		left: 1.5853vw;
		top: 1.5853vw;
		width: 9.2682vw;
		height: 9.2682vw;
		font-size: 2.8048vw;
		line-height: 9.2682vw;
	}

	.s-focus .motion .obj06_1 {
		left: 85.1219vw;
		top: 17.6829vw;
		width: 0.6097vw;
		height: 0;
	}

	.s-focus .motion .obj07 p {
		bottom: 0;
		left: 11.3414vw;
	}

	.s-focus .motion .obj07 p + p {
		left: 36.8292vw;
	}

	.s-focus .motion .obj07 p + p + p {
		left: 62.4390vw;
	}

	.s-focus .motion .obj07 p + p + p + p {
		left: 82.6829vw;
	}

	.s-focus.on .motion .obj01_1 {
		height: 3.2926vw;
	}

	.s-focus.on .motion .obj02_1 {
		height: 4.6341vw;
	}

	.s-focus.on .motion .obj03_1 {
		height: 5.7317vw;
	}

	.s-focus.on .motion .obj04 .inner {
		left: 0;
	}

	.s-focus.on .motion .obj05 {
		width: 53.3658vw;
	}

	.s-focus.on .motion .obj06_1 {
		height: 34.3365vw;
	}

	.s-focus ul {
		bottom: 30.9268vw;
		left: 0;
		width: 100%;
		height: 17.2682vw;
	}

	.s-focus ul li {
		margin: 0 -0.122vw;
		font-size: 1.7073vw;
	}

	.s-focus ul li strong {
		margin-bottom: 0.6097vw;
		font-size: 2.1951vw;
	}

	.s-focus ul li br {
		display: inline;
	}

	.s-funnel .s_container {
		height: 171.2195vw !important;
	}

	.s-funnel .s_container .base {
		height: 100% !important;
	}

	.s-funnel .inner_content {
		margin-top: 8.5365vw;
	}

	.s-funnel .inner_content p {
		width: 91.3888vw;
		margin: 0 auto;
	}

	.s-funnel .inner_content p + p + p {
		margin-top: 4.3902vw;
	}

	.s-funnel .inner_content p img {
		width: 100%;
	}

	.s-capabilities .inner_content {
		position: absolute;
		top: 33.9024vw;
		left: 0;
		width: 100%;
		margin-top: 0;
	}

	.s-capabilities .mask {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 1;
		opacity:1;
	}

	.s-capabilities .text h2 {
		position: relative;
		z-index: 2;
	}

	.s-capabilities ul {
		width: 68.2926vw;
	}

	.s-capabilities ul li {
		position: relative;
		width: 34.1463vw;
		height: 34.1463vw;
		margin-left: 0;
		z-index:1;
	}

	.s-capabilities ul li .inner > a {
		position: relative;
		padding: 4.8536vw 0;
		border-width: 1px;
	}

	.s-capabilities ul li .inner > a:after {
		content: "+";
		display: block;
		position: absolute;
		right: 1.5853vw;
		bottom: 0;
		font-size: 5vw;
	}

	.s-capabilities ul li .title {
		padding-top: 15.4634vw;
		background: url("../../images/about/s03_img01.png") no-repeat center 2.5609vw / 15vw auto;
	}

	.s-capabilities ul li .title p {
		font-size: 3.1707vw;
	}

	.s-capabilities ul li + li {
		margin-left: -1px;
	}

	.s-capabilities ul li + li .title {
		background: url("../../images/about/s03_img02.png") no-repeat center 2.8048vw / 12.6829vw auto;
	}

	.s-capabilities ul li + li + li {
		margin-top: -1px;
		margin-left: 0;
	}

	.s-capabilities ul li + li + li .title {
		background: url("../../images/about/s03_img03.png") no-repeat center 0 / 12.5609vw auto;
	}

	.s-capabilities ul li + li + li + li {
		margin-top: -1px;
		margin-left: -1px;
	}

	.s-capabilities ul li + li + li + li .title {
		background: url("../../images/about/s03_img04.png") no-repeat center 1.9512vw / 10.6097vw auto;
	}

	.s-capabilities ul li + li + li + li + li {
		margin-top: -1px;
		margin-left: 0;
	}

	.s-capabilities ul li + li + li + li + li .title {
		background: url("../../images/about/s03_img05.png") no-repeat center 1.9512vw / 14.2682vw auto;
	}

	.s-capabilities ul li .hover p {
		font-size: 2.9268vw;
		line-height: 4.6vw;
		text-align: left;
	}

	.s-capabilities ul li .hover {
		position: absolute;
		width: 68.0487vw;
		height: 68.0487vw;
		top: 0;
		left: 0 !important;
		padding: 10.3658vw 4.8780vw !important;
		z-index: 3;
	}

	.s-capabilities ul li + li .hover {
		left: -100% !important;
	}

	.s-capabilities ul li + li + li .hover {
		top:-100%;
		left: 0 !important;
	}

	.s-capabilities ul li + li + li + li .hover {
		top: -100%;
		left: -100% !important;
	}

	.s-capabilities ul li + li + li + li + li .hover {
		top : -200%;
		margin-top:1px;
		left: 0 !important;
	}

	.s-capabilities ul li .hover:after {
		display: none;
	}

	.s-capabilities ul li .hover .btn_close {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		padding: 2.0731vw;
		font-size: 8vw;
		line-height: 6vw;
		transform: rotate(45deg);
	}

	.s-team .s_container {
		height: 160vw !important;
	}

	.s-team .s_container .base {
		height: 100% !important;
	}

	.s-team .inner_content {
		position: relative;
		width: 100%;
		margin: 0;
		padding-top: 14vw;
	}

	.s-team p {
		width: 81.2195vw;
		margin: 0 auto;
	}

	.s-team p img {
		width: 100%;
	}

	.s-team ul { display:none; }

	.s-team ul li {
		top: 5.2926vw;
		left: 18.5121vw;
	}

	.s-team ul li + li {
		left: 50vw;
		top: 18.5121vw;
	}

	.s-team ul li + li + li {
		left: 16.7560vw;
		top: 107.5609vw;
	}

	.s-team ul li + li + li + li {
		left: 48.9512vw;
		top: 107.5609vw;
	}

	.s-team ul li span {
		margin-bottom: 1vw;
		font-size: 2.1951vw;
	}

	.s-solution .inner_content {
		margin-top: 15.8536vw;
	}

	.s-solution ul:after {
		content: "";
		display: block;
		clear: both;
	}

	.s-solution ul {
		width: 70vw;
		margin: 0 auto;
	}

	.s-solution ul li {
		float: left;
		width: 32.6829vw;
		height: 32.6829vw;
		margin: 0 1.1vw 2.2vw;
	}

	.s-solution ul li .inner {
		width: 100%;
		height: 100%;
		padding-top: 5.8536vw;
	}

	.s-solution ul li .title {
		padding-top: 13.0243vw;
		background: url("../../images/about/s05_img01.png") no-repeat center 0 / 10.9756vw auto;
	}

	.s-solution ul li + li .title {
		background: url("../../images/about/s05_img02.png") no-repeat center 1.9512vw / 10.8536vw auto;
	}

	.s-solution ul li + li + li .title {
		background: url("../../images/about/s05_img03.png") no-repeat center 2.9268vw / 11.3414vw auto;
	}

	.s-solution ul li + li + li + li .title {
		background: url("../../images/about/s05_img04.png") no-repeat center 2.9268vw / 15.6097vw auto;
	}

	.s-solution ul li + li + li + li + li .title {
		background: url("../../images/about/s05_img05.png") no-repeat center 0 / 9.6341vw auto;
	}

	.s-solution ul li .title p {
		font-size: 3.1707vw;
	}

	.s-worldwide .s_container {
		height: 216vw !important;
	}

	.s-worldwide .base {
		height: 100% !important;
	}

	.s-worldwide .inner_content {
		margin-top: 7.3170vw;
	}

	.s-worldwide .motion {
		position: relative;
		width: 88.9629vw;
		height: 44.5185vw;
	}

	.s-worldwide .motion .obj01 {
		left: 0;
		top: 0;
		width: 88.9629vw;
		height: 44.5185vw;
	}

	.s-worldwide .motion .obj02 {
		opacity: 0;
		left: 11.5555vw;
		top: 13.9259vw;
		width: 66.3703vw;
		height: 18.4444vw;
	}

	.s-worldwide .motion .obj03 {
		width: 0;
		height: 6.8888vw;
		left: 11.6296vw;
		top: 8.4444vw;
	}

	.s-worldwide .motion .obj03 .inner {
		left: 0;
		top: 0;
		width: 8.3703vw;
		height: 6.8888vw;
	}

	.s-worldwide .motion .obj04 {
		right: 6.8888vw;
		top: 6.8888vw;
		width: 0;
		height: 3.9259vw;
	}

	.s-worldwide .motion .obj04 .inner {
		right: 0;
		top: 0;
		width: 12.3703vw;
		height: 3.9259vw;
	}

	.s-worldwide .motion .obj05 {
		left: 34.7407vw;
		top: 12.8148vw;
		width: 0;
		height: 4.7407vw;
	}

	.s-worldwide .motion .obj05 .inner {
		left: 0;
		top: 0;
		width: 13.6296vw;
		height: 4.7407vw;
	}

	.s-worldwide .motion .obj06 {
		right: 24.4444vw;
		top: 19.2592vw;
		width: 0;
		height: 8.5925vw;
	}

	.s-worldwide .motion .obj06 .inner {
		right: 0;
		top: 0;
		width: 12.2962vw;
		height: 8.5925vw;
	}

	.s-worldwide .motion .obj07 {
		left: 68.5925vw;
		top: 21.8518vw;
		width: 0;
		height: 8.5185vw;
	}

	.s-worldwide .motion .obj07 .inner {
		left: 0;
		top: 0;
		width: 6.7407vw;
		height: 8.5185vw;
	}

	.s-worldwide .motion .obj08 {
		left: 74.9629vw;
		bottom: 15.7777vw;
		width: 0;
		height: 8.5925vw;
	}

	.s-worldwide .motion .obj08 .inner {
		left: 0;
		bottom: 0;
		width: 3.0370vw;
		height: 8.5925vw;
	}

	.s-worldwide.on .motion .obj02 {
		opacity: 1;
		transition-delay: 0.5s;
		transition-duration: 0.5s;
		animation: f_opacity infinite 1.2s ease-out;
		animation-delay: 2.2s;
	}

	.s-worldwide.on .motion .obj03 {
		width: 8.3703vw;
	}

	.s-worldwide.on .motion .obj04 {
		width: 12.3703vw;
	}

	.s-worldwide.on .motion .obj05 {
		width: 13.6296vw;
	}

	.s-worldwide.on .motion .obj06 {
		width: 12.2962vw;
	}

	.s-worldwide.on .motion .obj07 {
		width: 6.7407vw;
	}

	.s-worldwide.on .motion .obj08 {
		width: 3.0370vw;
	}

	.s-worldwide .motion .obj09 p {
		top: 16.8888vw;
		right: 58.4444vw;
		font-size: 1.7777vw;
	}

	.s-worldwide .motion .obj09 p + p {
		top: 17.4074vw;
		left: 35.5555vw;
	}

	.s-worldwide .motion .obj09 p + p + p {
		top: 28.0740vw;
		right: 60.5925vw;
	}

	.s-worldwide ul {
		margin-top: 6.0975vw;
		text-align: left;
	}

	.s-worldwide ul:after {
		content: "";
		display: block;
		clear: both;
	}

	.s-worldwide ul li {
		width: 23.1707vw;
		margin: 0 4.6780vw 7.3170vw;
		padding-top: 2.9268vw;
	}

	.s-worldwide ul li span {
		margin-bottom: 1vw;
		font-size: 2.1951vw;
	}

	.s-work * {
		font-size: 14px;
		letter-spacing: -0.1vw;
	}

	#fileName::placeholder {
		font-size: 2.1951vw;
		letter-spacing: -0.1vw;
	}

	.s-work .s_container{
		height:1290px !important;
	}

	.s-work .s_container .base{
		height:100% !important;
	}

	.s-work .s_container figure {
		left: 0;
		min-width:100%;
		min-height:100%;
	}

	.s-work .s_container figure img {
		height: 1570px;
	}

	.s-work .s_content .text {
		position: static;
		width: auto;
		margin-top: 6.6341vw;
	}

	.s-work .s_content .text h2, .s-work .s_content .text p {
		text-align: center;
	}

	.s-work .s_content .input_area {
		float: none;
		width: 95%;
		height: auto;
		padding: 20px;
		margin: 22px auto 0;
		background: #fff;
	}

	.s-work .s_content .input_area > p {
		font-size: 2.4vw;
		margin-bottom:20px;
	}

	.s-work .s_content .input_area .ul_req_type li {
		margin-top:0;
		width:100% !important;
		margin-bottom:27px !important;
	}

	.s-work .s_content .input_area ul li {
		width: 100%;
	}

	.s-work .s_content .input_area ul li label {
		width: 100%;
		margin-bottom:9px;
		height:auto !important;
		line-height: 1.2 !important;
		font-size:15px;
	}

	.s-work .s_content .input_area ul li label + select {
		width: 100%;
		height:37px;
		line-height:37px;
		border:solid 1px #E4E4E4;
	}

	.s-work .s_content .input_area ul li label.long {
		width: 100%;
		font-size:15px;
		font-weight:400;
	}

	.s-work .s_content .input_area ul li label.long + input {
		width: 100%;
		height:37px;
		line-height: 37px;
		border:solid 1px #E4E4E4;
	}

	.s-work .s_content .input_area ul li input[type=text],
	.s-work .s_content .input_area ul li input[type=email] {
		width: 100%;
		height:37px;
		line-height: 37px;
		border:solid 1px #E4E4E4;
	}

	.s-work .s_content .input_area ul li.ml {
		margin-left:0;
	}

	.s-work .s_content .input_area ul li.textarea {
		height:auto;
		margin-bottom:0;
	}

	.s-work .s_content .input_area ul li.textarea textarea {
		height: 160px !important;
		padding: 8px;
	}

	.s-work .s_content .input_area ul li.fileBox {
		position: relative;
		top: -1.25vw;
	}

	.s-work .s_content .input_area ul li.fileBox p {
		bottom: 0.3658vw;
	}

	.s-work .s_content .input_area ul li.fileBox p span {
		font-size: 1.9512vw;
	}

	.s-work .s_content .input_area ul li.fileBox .fileName {
		width: calc(100% - 80px);
		height:37px;
		line-height:37px;
	}

	.s-work .s_content .input_area ul li.fileBox .btn_file {
		width: 70px;
		height: 37px !important;
		line-height:37px !important;
		font-size: 12px;
		margin-bottom:0;
	}

	.s-work .s_content .input_area ul li.agree input {
		width: 17px;
		height:17px;
		border-radius:50%;
	}

	.s-work .s_content .input_area ul li.agree div {
		font-size: 12px;
		margin-left:25px;
	}

	.s-work .s_content .input_area .openAgreePopup {
		margin-right: 1vw;
		text-decoration: none;
		font-size:15px;
	}

	.s-work .s_content .input_area .btn {
		margin-top: 37px;
	}

	.s-work .s_content .input_area .btn_submit {
		font-size: 14px;
	}

	.animate {
		-webkit-animation-duration: 1.5s;
		animation-duration: 1.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 0.5s;
		-moz-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}
}

@keyframes f_scale {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes f_opacity {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes scene_blue {
	0% {
		transform: scale(.5,.5);
		opacity: 0;
	}

	30% {
		opacity: .5;
	}

	60% {
		opacity: .5;
	}

	100% {
		transform: scale(1,1.8);
		opacity: 0;
	}
}

@-moz-keyframes scene_blue {
	0% {
		transform: scale(.5,.5);
		opacity: 0;
	}

	30% {
		opacity: .5;
	}

	60% {
		opacity: .5;
	}

	100% {
		transform: scale(1.8,1.8);
		opacity: 0;
	}
}

@keyframes scene_blue {
	0% {
		transform: scale(.5,.5);
		opacity: 0;
	}

	30% {
		opacity: .5;
	}

	60% {
		opacity: .5;
	}

	100% {
		transform: scale(1.8,1.8);
		opacity: 0;
	}
}

@keyframes scroll_motion {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	50% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}