/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'font.css';
@import 'basic.css';
@import 'layout.css';
@import 'loading.css';
@import 'popup.css';
@import 'product.css';

#subVisual.sub04 {background-image:url('../_img/sub/sv_Contactus.jpg') !important;}

:root {
	--mainColor : #162e70;
	--subColor : #067ba5;
}
#sub_wrap {
	box-sizing:border-box;
	padding:12rem 0 20rem;
}
#sub_wrap .sub_title {
	text-align:center;
}
#sub_wrap .sub_title > span {
	display:block;
	font-size:1.6rem;
	font-weight:700;
	color:#004e96;
	margin-bottom:0.5rem;
}
#sub_wrap .sub_title > h2 {
	font-size:4.4rem;
	font-weight:700;
	color:#222;
	margin-bottom:7rem;
}
@media (max-width: 991.98px) {
	#sub_wrap {
		padding:4rem 0 8rem;
	}
	#sub_wrap .sub_title > span {
		font-size:1.4rem;
		margin-bottom:0;
	}
	#sub_wrap .sub_title > h2 {
		font-size:2.4rem;
		margin-bottom:3rem;
	}
}


/* 그룹소개 */
.topsource-wrap .sec01 .topImg {
	position:relative;
	overflow:hidden;
}
.topsource-wrap .sec01 .topImg .tit {
	position:absolute;
	left:2rem;
	bottom:-3.2rem;
	z-index:10;
	font-size:8rem;
	font-weight:700;
	color:#fff;
}
.topsource-wrap .sec01 .green {
	color:#003137;
}
.topsource-wrap .sec01 p {
	margin-top:4rem;
	padding:0 2rem;
	font-size:1.8rem;
	line-height:1.8;
}
.topsource-wrap .sec02 .history-list {
	margin-top:8rem;
	list-style:none;
	padding-left:0;
}
.topsource-wrap .sec02 .history-list > li > .inner {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
.topsource-wrap .sec02 .history-list > li > .inner .tit {
	max-width:30rem;
	flex:0 0 30rem;
	position:relative;
	height:100%;
}
.topsource-wrap .sec02 .history-list > li > .inner .tit:before {
	content:"";
	position:absolute;
	right:-1.1rem;
	top:0;
	z-index:5;
	width:2.2rem;
	height:2.2rem;
	border-radius:50%;
	background:#fff;
	border:0.8rem solid var(--mainColor);
}
.topsource-wrap .sec02 .history-list > li > .inner .tit > strong {
	font-size:3.6rem;
	font-weight:800;
	line-height:1;
	color:var(--mainColor);
}
.topsource-wrap .sec02 .history-list > li > .inner .txt {
	--wid:calc(100% - 30rem);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	box-sizing:border-box;
	padding-left:13rem;
	position:relative;
}
.topsource-wrap .sec02 .history-list > li > .inner .txt:before,
.topsource-wrap .sec02 .history-list > li > .inner .txt:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
}
.topsource-wrap .sec02 .history-list > li > .inner .txt:before {
	width:2px;
	height:100%;
	background:#eee;
}
.topsource-wrap .sec02 .history-list > li > .inner .txt:after {
	width:2px;
	background:var(--mainColor);
	z-index:1;
	height:0;
	transition:all 0.3s; 
	-webkit-transition:all 0.3s; 
	-moz-transition:all 0.3s;
}
.topsource-wrap .sec02 .history-list > li.aos-animate > .inner .txt:after{ 
	height:100%;
}
.topsource-wrap .sec02 .history-list > li > .inner .txt > .in {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	border-bottom:1px solid #ddd;
	margin-bottom:4rem;
	padding-bottom:3rem;
	box-sizing:border-box;
}
.topsource-wrap .sec02 .history-list > li:last-child > .inner .txt > .in:last-child {
	margin-bottom:0;
}
.topsource-wrap .sec02 .history-list > li > .inner .txt > .in > .year {
	max-width:11rem;
	flex:0 0 11rem;
	font-size:2.4rem;
	font-weight:800;
	line-height:1.2;
	color:#000;
}
.topsource-wrap .sec02 .history-list > li > .inner .txt > .in > ul {
	list-style:none;
	padding-left:0;
	--wid:calc(100% - 11rem);
	max-width:var(--wid);
	flex:0 0 var(--wid);
}
.topsource-wrap .sec02 .history-list > li > .inner .txt > .in > ul > li{
	font-size:1.8rem;
	font-weight:500;
	color:#333;
	margin:1rem 0;
	box-sizing:border-box;
	padding-left:1.2rem;
	position:relative;
}
.topsource-wrap .sec02 .history-list > li > .inner .txt > .in > ul > li .subColor {
	color:var(--subColor);
}
.topsource-wrap .sec02 .history-list > li > .inner .txt > .in > ul > li:first-child {
	margin-top:0;
}
.topsource-wrap .sec02 .history-list > li > .inner .txt > .in > ul > li:before {
	content:"·";
	position:absolute;
	left:0;
	top:0;
}

@media (max-width: 1199.98px) {
	.topsource-wrap .sec01 .topImg .tit {
		bottom:-2.8rem;
		font-size:6rem;
	}
	.topsource-wrap .sec01 p {
		margin-top:3rem;
	}
	.topsource-wrap .sec02 .history-list > li > .inner .tit {
		max-width:28rem;
		flex:0 0 28rem;
	}
	.topsource-wrap .sec02 .history-list > li > .inner .txt {
		--wid:calc(100% - 28rem);
		padding-left:6rem;
	}
}
@media (max-width: 991.98px) {
	.topsource-wrap .sec01 .topImg .tit {
		bottom:-1.2rem;
		font-size:3rem;
		left:1rem;
	}
	.topsource-wrap .sec01 p {
		margin-top:2rem;
		padding:0 1rem;
		font-size:1.6rem;
		line-height:1.4;
	}
	.topsource-wrap .sec02 .history-list {
		margin-top:3rem;
	}
	.topsource-wrap .sec02 .history-list > li > .inner .tit {
		max-width:9rem;
		flex:0 0 9rem;
	}
	.topsource-wrap .sec02 .history-list > li > .inner .tit:before {
		right:-0.9rem;
		width:1.8rem;
		height:1.8rem;
		border:0.7rem solid var(--mainColor);
	}
	.topsource-wrap .sec02 .history-list > li > .inner .tit > strong {
		font-size:2rem;
	}
	.topsource-wrap .sec02 .history-list > li > .inner .txt {
		--wid:calc(100% - 9rem);
		padding-left:3rem;
	}
	.topsource-wrap .sec02 .history-list > li > .inner .txt > .in {
		display:block;
		margin-bottom:2rem;
		padding-bottom:1rem;
	}
	.topsource-wrap .sec02 .history-list > li > .inner .txt > .in > .year {
		max-width:100%;
		flex:0 0 100%;
		font-size:2rem;
	}
	.topsource-wrap .sec02 .history-list > li > .inner .txt > .in > ul {
		--wid:100%;
		margin-top:1rem;
	}
	.topsource-wrap .sec02 .history-list > li > .inner .txt > .in > ul > li{
		font-size:1.6rem;
		margin:0.8rem 0;
	}
}


/* 블루백글로벌 소개 */
.blueback-wrap {
	overflow:hidden;
}
.blueback-wrap .txt-box {
	position:relative;
}
.blueback-wrap .box {
	position:relative;
	left:40%;
	top:-8rem;
	width:60%;
	box-sizing:border-box;
	padding:8rem 5rem;
	background:var(--mainColor);
	color:#fff;
	z-index:5;
}
.blueback-wrap .box > p {
	font-size:1.8rem;
	font-weight:300;
	line-height:2;
}
.blueback-wrap .box > p.tit {
	font-size:3.6rem;
	font-weight:500;
	margin-bottom:1rem;
}
.blueback-wrap .box .polygon {
	position:absolute;
	left:-20%;
	top:-30%;
}
.blueback-wrap .bg-text {
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	font-size:10rem;
	font-weight:800;
	line-height:1;
	-webkit-text-stroke: 0.5px #e7e7e7;
	color:#fff;
}
@media (max-width: 1199.98px) {
	.blueback-wrap .box {
		left:26%;
		top:-6rem;
		width:74%;
		padding:6rem 4rem;
	}
	.blueback-wrap .box > p.tit {
		font-size:3rem;
	}
	.blueback-wrap .box .polygon > img {
		max-width:30rem;
	}
	.blueback-wrap .bg-text {
		font-size:8rem;
	}
}
@media (max-width: 991.98px) {
	.blueback-wrap .box {
		left:14%;
		top:-4rem;
		width:86%;
		padding:4rem 3rem;
	}
	.blueback-wrap .box > p {
		font-size:1.6rem;
		line-height:1.8;
	}
	.blueback-wrap .box > p.tit {
		font-size:2.4rem;
	}
	.blueback-wrap .box .polygon {
		left:-10%;
		top:-20%;
	}
	.blueback-wrap .box .polygon > img {
		max-width:20rem;
	}
	.blueback-wrap .bg-text {
		font-size:6rem;
	}
}
@media (max-width: 767.98px) {
	.blueback-wrap .box {
		left:0;
		top:0;
		width:100%;
		padding:3rem 2rem;
	}
	.blueback-wrap .box .polygon {
		left:-10%;
		top:-16%;
	}
	.blueback-wrap .box .polygon > img {
		max-width:16rem;
	}
	.blueback-wrap .bg-text {
		position:relative;
		font-size:4rem;
		margin-top:1rem;
	}
}


/* 조직도 */
.orgin-wrap .sec01 {
	position:relative;
	box-sizing:border-box;
	padding:4rem 0;
	background:url('../_img/sub/orgin_map_bg.png') no-repeat center center / contain;
	text-align:center;
}
@media (max-width: 991.98px) {
	.orgin-wrap .sec01 {
		background-position:center top;
	}
}


/* 경영진 소개 */
.member-wrap .sec01 .group {
	box-sizing:border-box;
	margin-bottom:4rem;
	padding-bottom:4rem;
	border-bottom:1px solid #ddd;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.member-wrap .sec01 .group:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
.member-wrap .sec01 .group .img {
	max-width:35rem;
	flex:0 0 35rem;
}
.member-wrap .sec01 .group .img > img {
	width:100%;
}
.member-wrap .sec01 .group .txt {
	--wid : calc(100% - 35rem);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	box-sizing:border-box;
	padding-left:6rem;
}
.member-wrap .sec01 .group .txt > h3 {
	position:relative;
	box-sizing:border-box;
	padding-left:3.4rem;
	font-size:2.8rem;
	line-height:1;
	color:#000;
	background:url('../_img/sub/member_polygon.png') no-repeat left top 0.1rem / 2.2rem;
	margin-bottom:3rem;
}
.member-wrap .sec01 .group .txt > h3 > b {
	color:var(--subColor);
}
.member-wrap .sec01 .group .txt > p {
	font-size:1.8rem;
	font-weight:500;
	line-height:1.8;
	color:#000;
}
.member-wrap .sec01 .group .txt dl {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-start;
}
.member-wrap .sec01 .group .txt dl > dt {
	max-width:9.2rem;
	flex:0 0 9.2rem;
}
.member-wrap .sec01 .group .txt dl > dd {
	max-width:calc(100% - 9.2rem);
	flex:0 0 calc(100% - 9.2rem);
}
.member-wrap .sec01 .group .txt dl > dt,
.member-wrap .sec01 .group .txt dl > dd {
	font-size:1.8rem;
	font-weight:500;
	line-height:1.8;
	color:#000;
}

@media (max-width: 1400px) {
	.member-wrap .sec01 .group {
		align-items:flex-start;
	}
	.member-wrap .sec01 .group .img {
		max-width:30rem;
		flex:0 0 30rem;
	}
	.member-wrap .sec01 .group .txt {
		--wid : calc(100% - 30rem);
		padding-left:4rem;
	}
}
@media (max-width: 1199.98px) {
	.member-wrap .sec01 .group .img {
		max-width:25rem;
		flex:0 0 25rem;
	}
	.member-wrap .sec01 .group .txt {
		--wid : calc(100% - 25rem);
	}
}
@media (max-width: 991.98px) {
	.member-wrap .sec01 .group .img {
		max-width:20rem;
		flex:0 0 20rem;
	}
	.member-wrap .sec01 .group .txt {
		--wid : calc(100% - 20rem);
		padding-left:3rem;
	}
	.member-wrap .sec01 .group .txt > h3 {
		padding-left:2.6rem;
		font-size:2.2rem;
		background-size:1.8rem;
		margin-bottom:2rem;
	}
	.member-wrap .sec01 .group .txt > p {
		font-size:1.6rem;
		line-height:1.6;
	}
	.member-wrap .sec01 .group .txt dl > dt {
		max-width:8rem;
		flex:0 0 8rem;
	}
	.member-wrap .sec01 .group .txt dl > dd {
		max-width:calc(100% - 8rem);
		flex:0 0 calc(100% - 8rem);
	}
	.member-wrap .sec01 .group .txt dl > dt,
	.member-wrap .sec01 .group .txt dl > dd {
		font-size:1.6rem;
		line-height:1.6;
	}
}
@media (max-width: 767.98px) {
	.member-wrap .sec01 .group {
		display:block;
	}
	.member-wrap .sec01 .group .img {
		max-width:100%;
		flex:0 0 100%;
		text-align:center;
	}
	.member-wrap .sec01 .group .img > img {
		max-width:60%;
	}
	.member-wrap .sec01 .group .txt {
		--wid : 100%;
		padding-left:0;
		margin-top:2rem;
	}
}

/* 오시는 길 */
.location-wrap #map {
	box-sizing:border-box;
	border:1px solid #ddd;
	padding-bottom:30%;
}
.location-wrap .info {
	margin-top:8rem;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-start;
}
.location-wrap .info > .title {
	max-width:42%;
	flex:0 0 42%;
}
.location-wrap .info > .address {
	max-width:58%;
	flex:0 0 58%;
	box-sizing:border-box;
	border-left:1px solid #ddd;
	padding-left:8rem;
	position:relative;
}
.location-wrap .info > .title h3 {
	position:relative;
	font-size:3.8rem;
	font-weight:500;
	color:#000;
	box-sizing:border-box;
	padding-bottom:4rem;
}
.location-wrap .info > .title h3:before {
	content:"";
	position:absolute;
	width:6rem;
	height:2px;
	background:#000;
	left:0;
	bottom:0;
}
.location-wrap .info > .title h3 > .mainColor {
	color:var(--mainColor);
}
.location-wrap .info > .address dl {
	margin-bottom:4rem;
}
.location-wrap .info > .address dl:last-child {
	margin-bottom:0;
}
.location-wrap .info > .address dl dt,
.location-wrap .info > .address dl dd {
	font-size:1.8rem;
	font-weight:500;
	line-height:1.6;
	color:#000;
}
.location-wrap .info > .address dl dt {
	font-weight:800;
}
.location-wrap .info > .address .btn-map {
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
	box-sizing:border-box;
	border:1px solid #ddd;
	padding:1.2rem 4rem 1.4rem;
	font-size:1.4rem;
	color:#000;
}
.location-wrap .info > .address .btn-map > i {
	font-size:2rem;
	position:relative;
	top:2px;
	margin-right:0.4rem;
}

@media (max-width: 1400px) {
	.location-wrap .info > .title {
		max-width:45%;
		flex:0 0 45%;
	}
	.location-wrap .info > .address {
		max-width:55%;
		flex:0 0 55%;
		padding-left:6rem;
	}
}
@media (max-width: 1199.98px) {
	.location-wrap .info {
		display:block;
	}
	.location-wrap .info > .title {
		max-width:100%;
		flex:0 0 100%;
	}
	.location-wrap .info > .address {
		max-width:100%;
		flex:0 0 100%;
		border-left:0;
		padding-left:0;
		margin-top:4rem;
	}
	.location-wrap .info > .address dl {
		margin-bottom:2rem;
	}
}
@media (max-width: 991.98px) {
	.location-wrap .info {
		margin-top:4rem;
	}
	.location-wrap .info > .title h3 {
		font-size:2.2rem;
		padding-bottom:2rem;
	}
	.location-wrap .info > .title h3:before {
		width:4rem;
	}
	.location-wrap .info > .address {
		margin-top:2rem;
	}
	
}
@media (max-width: 767.98px) {
	.location-wrap #map {
		padding-bottom:40%;
	}
	.location-wrap .info > .address .btn-map {
		display:block;
		position:relative;
		padding:1.2rem 2rem 1.4rem;
		text-align:center;
	}
}



/* 사업영역 공통 상단 이미지 섹션 및 서브 타이틀 - 해외 법인 설립 제외(별도 CSS 하단) */
.business-wrap section {
	position:relative;
	box-sizing:border-box;
	padding:12rem 0;
}
.business-wrap section.sec01 {
	padding:0 0 12rem;
}
.business-wrap section:last-child {
	padding:12rem 0 0;
}
.business-wrap div.title.white {
	color:#fff;
}
.business-wrap div.title > h3 {
	font-size:3.6rem;
	font-weight:400;
	margin-bottom:3rem;
}
.business-wrap div.title > h3 > b {
	font-weight:800;
}
.business-wrap div.title > p {
	font-size:1.8rem;
	font-weight:300;
	line-height:1.8;
}
.business-wrap .sec01 .img {
	position:relative;
}
.business-wrap .sec01 .img > h3.title {
	position:absolute;
	width:60%;
	left:0;
	bottom:0;
	box-sizing:border-box;
	background:#fff;
	padding:4rem 0 1rem;
	font-size:3.6rem;
	font-weight:800;
	color:#000;
}
.business-wrap .sec01 .txt {
	margin-top:1rem;
}
.business-wrap .sec01 .txt > p {
	font-size:2.2rem;
	font-weight:500;
	line-height:1.8;
}
.business-wrap .sec01 .txt > ul {
	list-style:none;
	padding-left:0;
	margin-top:4rem;
}
.business-wrap .sec01 .txt > ul > li {
	position:relative;
	box-sizing:border-box;
	padding-left:1.5rem;
	font-size:1.8rem;
	font-weight:500;
	color:#000;
	line-height:2;
}
.business-wrap .sec01 .txt > ul > li:before {
	content:"";
	position:absolute;
	left:0;
	top:1.5rem;
	width:4px;
	height:4px;
	border-radius:50%;
	background:var(--subColor);
}
.business-wrap .sec01 .txt > ul > li > b {
	font-weight:800;
}

@media (max-width: 991.98px) {
	.business-wrap section {
		padding:6rem 0;
	}
	.business-wrap section.sec01 {
		padding:0 0 6rem;
	}
	.business-wrap section:last-child {
		padding:6rem 0 0;
	}
	.business-wrap div.title > h3 {
		font-size:2.2rem;
		margin-bottom:2rem;
	}
	.business-wrap div.title > p {
		font-size:1.6rem;
		line-height:1.6;
	}
	.business-wrap .sec01 .img > h3.title {
		width:60%;
		padding:2rem 0 0.5rem;
		font-size:2.2rem;
	}
	.business-wrap .sec01 .txt > p {
		font-size:1.8rem;
	}
	.business-wrap .sec01 .txt > ul {
		margin-top:2rem;
	}
	.business-wrap .sec01 .txt > ul > li {
		padding-left:1.2rem;
		font-size:1.6rem;
		line-height:1.8;
	}
	.business-wrap .sec01 .txt > ul > li:before {
		top:1.2rem;
		width:3px;
		height:3px;
	}
}
@media (max-width: 767.98px) {
	.business-wrap .sec01 .img > h3.title {
		width:80%;
		padding:2rem 0 1rem;
	}
}
@media (max-width: 575.98px) {
	.business-wrap .sec01 .img > h3.title {
		position:relative;
		width:100%;
		font-size:2rem;
		color:var(--mainColor);
	}
}


/* 절차 공통 */
.business-wrap .step-box {
	margin-top:6rem;
}
.business-wrap .step-box > .row {
	box-sizing:border-box;
	position:relative;
}
.business-wrap .step-box > .row > div[class^='col-']{
	box-sizing:border-box;
	position:relative;
}
.business-wrap .step-box > .row > div[class^='col-'] > .inner {
	box-sizing:border-box;
	border:1px solid #ddd;
	box-shadow:0 0 10px rgba(0,0,0,0.05);
	height:100%;
	padding:6rem 3rem 5rem;
	cursor:pointer;
	transition:all 0.3s ease;
	position:relative;
	top:0;
}
.business-wrap .step-box > .row > div[class^='col-'] > .inner .icon {
	transition:all 0.3s ease;
}
.business-wrap .step-box > .row > div[class^='col-'] > .inner .step {
	margin-top:6rem;
	font-size:1.6rem;
	font-weight:500;
	color:#999;
	transition:all 0.3s ease;
}
.business-wrap .step-box > .row > div[class^='col-'] > .inner h4 {
	margin-top:1rem;
	font-size:2rem;
	font-weight:600;
	color:#000;
	transition:all 0.3s ease;
}
.business-wrap .step-box > .row > div[class^='col-'] > .inner p {
	margin-top:2rem;
	font-size:1.6rem;
	font-weight:400;
	color:#444;
	line-height:1.6;
	transition:all 0.3s ease;
}
.business-wrap .step-box > .row > div[class^='col-'].click > .inner {
	top:-1rem;
	background:var(--mainColor);
}
.business-wrap .step-box > .row > div[class^='col-'].click > .inner .icon {
	filter : brightness(0) invert(1);
	-ms-filter : brightness(0) invert(1);
}
.business-wrap .step-box > .row > div[class^='col-'].click > .inner .step,
.business-wrap .step-box > .row > div[class^='col-'].click > .inner h4,
.business-wrap .step-box > .row > div[class^='col-'].click > .inner p {
	color:#fff;
}
.business-wrap .step-box .process-bar {
	margin-top:8rem;
}
.business-wrap .step-box .process-bar ul {
	position:relative;
	list-style:none;
	padding-left:0;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
.business-wrap .step-box .process-bar ul:before {
	content:"";
	position:absolute;
	width:100%;
	height:2px;
	background:#eee;
	left:0;
	bottom:0;
}
.business-wrap .step-box .process-bar ul:after {
	content:"";
	position:absolute;
	width:25%;
	height:2px;
	background:var(--mainColor);
	left:0;
	bottom:0;
	z-index:10;
	transition:all 0.3s ease;
}
.business-wrap .step-box .process-bar ul.step01:after {
	width:25%;
}
.business-wrap .step-box .process-bar ul.step02:after {
	width:50%;
}
.business-wrap .step-box .process-bar ul.step03:after {
	width:75%;
}
.business-wrap .step-box .process-bar ul.step04:after {
	width:100%;
}
.business-wrap .step-box .process-bar ul > li {
	position:relative;
	max-width:25%;
	flex:0 0 25%;
	height:100%;
}
.business-wrap .step-box .process-bar ul > li:after {
	content:"";
	position:absolute;
	right:0;
	top:-.5rem;
	width:1rem;
	height:1rem;
	border-radius:50%;
	background:#eee;
}
.business-wrap .step-box .process-bar ul > li:first-child:before {
	content:"";
	position:absolute;
	left:0;
	top:-.5rem;
	width:1rem;
	height:1rem;
	border-radius:50%;
	background:var(--mainColor);
}
.business-wrap .step-box .process-bar ul > li:first-child:after {
	background:var(--mainColor);
}
.business-wrap .step-box .process-bar ul.step02 > li:nth-of-type(2):after {
	background:var(--mainColor);
}
.business-wrap .step-box .process-bar ul.step03 > li:nth-of-type(2):after,
.business-wrap .step-box .process-bar ul.step03 > li:nth-of-type(3):after{
	background:var(--mainColor);
}
.business-wrap .step-box .process-bar ul.step04 > li:nth-of-type(2):after,
.business-wrap .step-box .process-bar ul.step04 > li:nth-of-type(3):after,
.business-wrap .step-box .process-bar ul.step04 > li:nth-of-type(4):after{
	background:var(--mainColor);
}
@media (max-width: 1199.98px) {
	.business-wrap .step-box > .row{
		margin-left:-5px;
		margin-right:-5px;
	}
	.business-wrap .step-box > .row > div[class^='col-']{
		padding-left:5px;
		padding-right:5px;
		margin-bottom:1rem;
	}
	.business-wrap .step-box > .row > div[class^='col-'] > .inner {
		padding:5rem 3rem 3rem;
	}
	.business-wrap .step-box > .row > div[class^='col-'].click > .inner {
		top:-1rem;
	}
	.business-wrap .step-box > .row > div[class^='col-'] > .inner .icon > img {
		max-height:5.4rem;
	}
}
@media (max-width: 991.98px) {
	.business-wrap .step-box {
		margin-top:3rem;
	}
	.business-wrap .step-box > .row > div[class^='col-'] > .inner {
		position:relative;
		padding:4rem 3rem 3rem 10rem;
	}
	.business-wrap .step-box > .row > div[class^='col-'] > .inner .icon {
		position:absolute;
		left:3rem;
		top:4rem;
		width:4rem;
		text-align:center;
	}
	.business-wrap .step-box > .row > div[class^='col-'] > .inner .icon > img {
		max-height:4.4rem;
	}
	.business-wrap .step-box > .row > div[class^='col-'] > .inner .step {
		margin-top:0;
	}
	.business-wrap .step-box > .row > div[class^='col-'] > .inner h4 {
		margin-top:.5rem;
	}
	.business-wrap .step-box > .row > div[class^='col-'] > .inner p {
		margin-top:1rem;
	}
	.business-wrap .step-box > .row > div[class^='col-'].click > .inner {
		top:0;
	}
	.business-wrap .step-box .process-bar {
		margin-top:4rem;
	}
}
@media (max-width: 767.98px) {
	.business-wrap .step-box {
		position:relative;
		box-sizing:border-box;
		padding-left:2.2rem;
	}
	.business-wrap .step-box > .row > div[class^='col-']:last-child {
		margin-bottom:0;
	}
	.business-wrap .step-box .process-bar {
		margin-top:0;
		position:absolute;
		left:0;
		top:0;
		height:100%;
	}
	.business-wrap .step-box .process-bar ul {
		padding-left:0;
		display:block;
		height:100%;
	}
	.business-wrap .step-box .process-bar ul:before {
		width:2px;
		height:100%;
	}
	.business-wrap .step-box .process-bar ul:after {
		width:2px;
		height:25%;
		bottom:auto;
		top:0;
	}
	.business-wrap .step-box .process-bar ul.step01:after {
		width:2px;
		height:25%;
	}
	.business-wrap .step-box .process-bar ul.step02:after {
		width:2px;
		height:50%;
	}
	.business-wrap .step-box .process-bar ul.step03:after {
		width:2px;
		height:75%;
	}
	.business-wrap .step-box .process-bar ul.step04:after {
		width:2px;
		height:100%;
	}
	.business-wrap .step-box .process-bar ul > li {
		max-width:100%;
		flex:0 0 100%;
		height:25%;
	}
	.business-wrap .step-box .process-bar ul > li:after {
		right:-.6rem;
		top:auto;
		bottom:0;
	}
	.business-wrap .step-box .process-bar ul > li:first-child:before {
		left:-.4rem;
		top:0;
	}
}


/* 급여대행절차 / 헤드헌팅절차 */
.business-wrap .process-wrap {
	margin-left:-3.5rem;
	margin-right:-3.5rem;
}
.business-wrap .process-wrap > div[class^='col-'] {
	padding-left:3.5rem;
	padding-right:3.5rem;
	margin-top:5rem;
	position:relative;
}
.business-wrap .process-wrap > div[class^='col-']:before {
	content: "\e907";
	font-family:"xeicon";
	position:absolute;
	right:-1.9rem;
	top:50%;
	transform:translateY(-50%);
	width:3.8rem;
	height:3.8rem;
	border-radius:50%;
	background:#cad5f2;
	color:#fff;
	text-align:center;
	line-height:3.8rem;
}
.business-wrap .process-wrap > div[class^='col-']:nth-child(4):before,
.business-wrap .process-wrap > div[class^='col-']:last-child:before {
	display:none;
}
.business-wrap .process-wrap > div[class^='col-'] > .inner {
	box-sizing:border-box;
	position:relative;
	border:1px solid #ddd;
	box-shadow:0 0 15px rgba(0,0,0,0.1);
	padding:3rem 2rem;
	height:100%;
}
.business-wrap .process-wrap .inner > span {
	display:inline-block;
	font-size:1.4rem;
	line-height:1;
	text-align:center;
	padding:0.7rem 2rem;
	border-radius:3rem;
	background:var(--mainColor);
	color:#fff;
}
.business-wrap .process-wrap .inner > span.subColor {
	background:var(--subColor);
}
.business-wrap .process-wrap .inner > .txt {
	text-align:center;
	margin-top:3rem;
}
.business-wrap .process-wrap .inner > .txt > .step {
	display:block;
	color:#999;
	font-size:1.6rem;
	font-weight:600;
}
.business-wrap .process-wrap .inner > .txt > h4 {
	font-size:2rem;
	font-weight:800;
	line-height:1.4;
	color:#000;
	margin-top:1rem;
}
.business-wrap .process-wrap .inner > .txt > p {
	font-size:1.6rem;
	font-weight:500;
	color:#444;
	margin-top:2rem;
}
@media (max-width: 1400px) {
	.business-wrap .process-wrap {
		margin-left:-2rem;
		margin-right:-2rem;
	}
	.business-wrap .process-wrap > div[class^='col-'] {
		padding-left:2rem;
		padding-right:2rem;
	}
	.business-wrap .process-wrap > div[class^='col-']:before {
		right:-1.5rem;
		width:3rem;
		height:3rem;
		line-height:3rem;
	}
}
@media (max-width: 1199.98px) {
	.business-wrap .process-wrap > div[class^='col-']:nth-child(2n):before {
		display:none;
	}
}
@media (max-width: 991.98px) {
	.business-wrap .process-wrap{
		margin-top:1rem;
	}
	.business-wrap .process-wrap > div[class^='col-'] {
		margin-top:2rem;
	}
	.business-wrap .process-wrap .inner > .txt {
		margin-top:1rem;
	}
	.business-wrap .process-wrap .inner > .txt > h4 {
		margin-top:0.5rem;
	}
	.business-wrap .process-wrap .inner > .txt > p {
		margin-top:1rem;
	}
}
@media (max-width: 767.98px) {
	.business-wrap .process-wrap > div[class^='col-'] {
		margin-top:1rem;
	}
	.business-wrap .process-wrap > div[class^='col-']:before {
		content: "\e905";
		right:auto;
		left:50%;
		top:auto;
		bottom:-2rem;
		transform:translateX(-50%);
		width:3rem;
		height:3rem;
		line-height:3rem;
		z-index:10;
	}
	.business-wrap .process-wrap > div[class^='col-']:nth-child(2n):before,
	.business-wrap .process-wrap > div[class^='col-']:nth-child(4):before {
		display:block;
	}
	.business-wrap .process-wrap > div[class^='col-']:last-child:before {
		display:none;
	}
	.business-wrap .process-wrap .inner > .txt {
		margin-top:0;
	}
	.business-wrap .process-wrap .inner > .txt > h4 {
		margin-top:0.5rem;
	}
	.business-wrap .process-wrap .inner > .txt > p {
		margin-top:1rem;
	}
}

.business-wrap .process-wrap.type02 {
	position:relative;
	top:-2rem;
}
.business-wrap .process-wrap.type02 > div[class^='col-'] {
	margin-top:13rem;
}
.business-wrap .process-wrap.type02 > div[class^='col-'] > .inner {
	padding:7rem 2rem 5rem;
}
.business-wrap .process-wrap.type02 .inner > .img {
	position:absolute;
	width:14.5rem;
	top:-7.5rem;
	left:50%;
	transform:translateX(-50%);
	z-index:10;
}
.business-wrap .process-wrap.type02 .inner > .img > img {
	width:100%;
}
@media (max-width: 1199.98px) {
	.business-wrap .process-wrap.type02 {
		top:0;
	}
	.business-wrap .process-wrap.type02 > div[class^='col-'] {
		margin-top:10rem;
	}
}
@media (max-width: 991.98px) {
	.business-wrap .process-wrap.type02 > div[class^='col-'] {
		margin-top:8rem;
	}
	.business-wrap .process-wrap.type02 .inner > .img {
		width:12rem;
		top:-6.2rem;
	}
}
@media (max-width: 767.98px) {
	.business-wrap .process-wrap.type02 > div[class^='col-'] {
		margin-top:1rem;
	}
	.business-wrap .process-wrap.type02 > div[class^='col-'] > .inner {
		padding:3rem 2rem 3rem;
		display:flex;
		flex-wrap:wrap;
		-ms-flex-wrap:wrap;
	}
	.business-wrap .process-wrap.type02 .inner > .img {
		position:relative;
		width:8rem;
		top:0;
		left:0;
		transform:translateX(0);
	}
	.business-wrap .process-wrap.type02 .inner > .txt {
		--wid:calc(100% - 8rem);
		max-width:var(--wid);
		flex:0 0 var(--wid);
		text-align:left;
		box-sizing:border-box;
		padding-left:2rem;
	}
}



/* EOR / PEO */
.eor-wrap .sec02 {
	box-sizing:border-box;
	background:#243c7e url('../_img/sub/eor_sec02_bg.jpg') no-repeat center center / cover;
}
.eor-wrap .sec02 .w1200 {
	max-width:120rem;
	margin:10rem auto 0;
}
.eor-wrap .sec02 .row > div[class^='col'] {
	text-align:center;
}
.eor-wrap .sec02 .row > div[class^='col'] .txt {
	margin-top:2rem;
	color:#fff;
	font-size:1.8rem;
	font-weight:500;
}
.eor-wrap .sec02 ul.list {
	list-style:none;
	padding-left:0;
	margin-top:10rem;
}
.eor-wrap .sec02 ul.list > li {
	font-size:1.8rem;
	font-weight:300;
	margin:1rem 0;
	color:#fff;
	position:relative;
	padding-left:1.5rem;
	box-sizing:border-box;
}
.eor-wrap .sec02 ul.list > li:before {
	content:"";
	position:absolute;
	left:0;
	top:1rem;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#fff;
}
.eor-wrap .sec02 ul.list > li > b {
	font-weight:600;
}

@media (max-width: 991.98px) {
	.eor-wrap .sec02 .w1200 {
		margin:6rem auto 0;
	}
	.eor-wrap .sec02 .row > div[class^='col'] .txt {
		margin-top:1rem;
		font-size:1.6rem;
	}
	.eor-wrap .sec02 ul.list {
		margin-top:6rem;
	}
	.eor-wrap .sec02 ul.list > li {
		font-size:1.6rem;
	}
	.eor-wrap .sec02 ul.list > li:before {
		top:0.8rem;
		width:3px;
		height:3px;
	}
}
@media (max-width: 767.98px) {
	.eor-wrap .sec02 .w1200 {
		margin:4rem auto 0;
	}
	.eor-wrap .sec02 .row > div[class^='col'] {
		max-width:50%;
		flex:0 0 50%;
		margin-bottom:2rem;
	}
	.eor-wrap .sec02 ul.list {
		margin-top:2rem;
	}
}



/* 해외 급여 대행 */
.payroll-wrap .sec02 {
	box-sizing:border-box;
	background:#243c7e url('../_img/sub/payroll_sec02_bg.jpg') no-repeat center bottom / cover;
}
.payroll-wrap .sec02 h4.s-tit {
	margin-top:10rem;
	color:#fff;
	font-size:2.8rem;
	font-weight:500;
}
.payroll-wrap .sec02 .w940 {
	max-width:94rem;
	margin:8rem auto 0;
}
.payroll-wrap .sec02 .w1200 {
	max-width:120rem;
	margin:8rem auto 0;
}
.payroll-wrap .sec02 .row > div[class^='col'] {
	text-align:center;
	margin-bottom:4rem;
}
.payroll-wrap .sec02 .row > div[class^='col'] .txt {
	margin-top:2rem;
	color:#fff;
	font-size:1.8rem;
	font-weight:500;
}
.payroll-wrap .sec02 .row > div[class^='col'] p {
	font-size:1.6rem;
	margin-top:1rem;
	color:#a7acc0;
}
@media (max-width: 991.98px) {
	.payroll-wrap .sec02 h4.s-tit {
		margin-top:4rem;
		font-size:2rem;
	}
	.payroll-wrap .sec02 .w940 {
		margin:4rem auto 0;
	}
	.payroll-wrap .sec02 .w1200 {
		margin:4rem auto 0;
	}
	.payroll-wrap .sec02 .row > div[class^='col'] {
		margin-bottom:2rem;
	}
	.payroll-wrap .sec02 .row > div[class^='col'] .txt {
		margin-top:1rem;
	}
	.payroll-wrap .sec02 .row > div[class^='col'] p {
		margin-top:0.5rem;
	}
}


.payroll-wrap .sec03 .tabArea {
	margin-top:4rem;
}
.payroll-wrap .sec03 .tabArea .tab {
	list-style:none;
	padding-left:0;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	justify-content:center;
}
.payroll-wrap .sec03 .tabArea .tab > li {
	margin:0 0.5rem;
}
.payroll-wrap .sec03 .tabArea .tab > li > a {
	display:block;
	font-size:1.6rem;
	font-weight:500;
	line-height:1;
	text-align:center;
	box-sizing:border-box;
	padding:1rem 1rem;
	width:11rem;
	background:#eee;
	color:#000;
}
.payroll-wrap .sec03 .tabArea .tab > li.on > a {
	background:var(--subColor);
	color:#fff;
}
@media (max-width: 991.98px) {
	.payroll-wrap .sec03 .tabArea {
		margin-top:2rem;
	}
	.payroll-wrap .sec03 .tabArea .tab > li {
		margin:0 0.3rem;
	}
}
@media (max-width: 575.98px) {
	.payroll-wrap .sec03 .tabArea .tab > li {
		margin:0 0.3rem;
		--wid:calc(50% - 0.6rem);
		max-width:var(--wid);
		flex:0 0 var(--wid);
		margin-bottom:0.6rem;
	}
	.payroll-wrap .sec03 .tabArea .tab > li > a {
		width:100%;
	}
}

.payroll-wrap .sec03 .tabBox {
	display:none;
}
.payroll-wrap .sec03 .tabBox.on {
	display:block;
}



/* 해드헌팅 */
.headhunting-wrap .sec02 {
	box-sizing:border-box;
	background:#243c7e url('../_img/sub/headhunting_sec02_bg.jpg') no-repeat center center / cover;
}
.headhunting-wrap .sec02 .img {
	margin-top:4rem;
}
@media (max-width: 991.98px) {
	.headhunting-wrap .sec02 .img {
		margin-top:2rem;
	}
}



/* 해외 법인 설립 */
.overseas-wrap .sec01 {
	background:#f7f7f7;
	padding:5rem 0;
}
.overseas-wrap .map {
	position:relative;
	text-align:center;
}
.overseas-wrap .map .info {
	font-size:1.4rem;
	color:#666;
	position:absolute;
	right:0;
	bottom:0;
	z-index:10;
}
.overseas-wrap .map .info > .red {
	color:#dc1c3c;
}
.overseas-wrap .world-map {
	display:inline-block;
	position:relative;
	box-sizing:border-box;
}
.overseas-wrap .world-map > img {
	width:100%;
	max-width:109.4rem;
}
.overseas-wrap .world-map .btn-map {
	position:absolute;
	display:inline-block;
	z-index:10;
	transition:all 0.3s ease;
	opacity:0;
}
.overseas-wrap .world-map .btn-map > img {
	width:100%;
}
.overseas-wrap .world-map .btn-map > map {
	transform:scale(1);
}
.overseas-wrap .world-map .btn-south-america {
	width:15.2%;
	left:24.4%;
	bottom:0;
}
.overseas-wrap .world-map .btn-north-america {
	width:43.7%;
	left:0;
	top:0;
}
.overseas-wrap .world-map .btn-africa {
	width:21.5%;
	left:40%;
	top:42.2%;
}
.overseas-wrap .world-map .btn-europe {
	width:27.6%;
	left:38.4%;
	top:2.4%;
}
.overseas-wrap .world-map .btn-asia {
	width:45.8%;
	right:0;
	top:3.1%;
}
.overseas-wrap .world-map .btn-australia {
	width:20%;
	right:1.8%;
	bottom:4%;
}
.overseas-wrap .world-map .btn-map:hover {
	filter: drop-shadow(10px 5px 5px rgba(0,0,0,0.3));
	-ms-filter: drop-shadow(10px 5px 5px rgba(0,0,0,0.3));
	opacity:1;
}
.overseas-wrap .world-map .map-text {
	position:absolute;
	z-index:11;
	text-align:center;
	font-size:1.4rem;
	font-weight:400;
	line-height:1.2;
	color:#fff;
}
.overseas-wrap .world-map .map-text01 {
	left:15%;
	top:30%;
}
.overseas-wrap .world-map .map-text02 {
	left:28%;
	top:67%;
}
.overseas-wrap .world-map .map-text03 {
	left:55%;
	top:29%;
}
.overseas-wrap .world-map .map-text04 {
	left:51%;
	top:56%;
}
.overseas-wrap .world-map .map-text05 {
	left:72%;
	top:30%;
}
.overseas-wrap .world-map .map-text06 {
	left:81%;
	top:76%;
}
@media (max-width: 991.98px) {
	.overseas-wrap .sec01 {
		padding:3rem 0;
	}
	.overseas-wrap .world-map .btn-map:hover {
		filter: drop-shadow(5px 3px 4px rgba(0,0,0,0.3));
		-ms-filter: drop-shadow(5px 3px 4px rgba(0,0,0,0.3));
	}
	.overseas-wrap .world-map .map-text {
		font-size:1.2rem;
	}
	.overseas-wrap .world-map .map-text02 {
		left:27%;
		top:66%;
	}
	.overseas-wrap .world-map .map-text03 {
		left:55%;
		top:29%;
	}
	.overseas-wrap .world-map .map-text04 {
		left:51%;
		top:56%;
	}
	.overseas-wrap .world-map .map-text05 {
		left:72%;
		top:30%;
	}
	.overseas-wrap .world-map .map-text06 {
		left:80%;
		top:76%;
	}
}
@media (max-width: 767.98px) {
	.overseas-wrap .world-map .btn-map:hover {
		opacity:0;
	}
	.overseas-wrap .world-map .map-text {
		font-size:1rem;
		line-height:1.1;
		box-sizing:border-box;
		padding:1rem;
		background:rgba(0,0,0,0.5);
		border-radius:0.5rem;
	}
	.overseas-wrap .world-map .map-text01 {
		left:10%;
		top:28%;
	}
	.overseas-wrap .world-map .map-text02 {
		left:23%;
		top:65%;
	}
	.overseas-wrap .world-map .map-text03 {
		left:50%;
		top:25%;
	}
	.overseas-wrap .world-map .map-text04 {
		left:45%;
		top:52%;
	}
	.overseas-wrap .world-map .map-text05 {
		left:72%;
		top:25%;
	}
	.overseas-wrap .world-map .map-text06 {
		left:77%;
		top:72%;
	}
}
@media (max-width: 575.98px) {
	.overseas-wrap .world-map .map-text06 {
		left:75%;
		top:72%;
	}
}




.overseas-wrap div.title > h3 {
	font-size:3.6rem;
	font-weight:400;
}
.overseas-wrap div.title.white > h3 {
	color:#fff;
}
.overseas-wrap div.title > h3 > b {
	font-weight:800;
}
.overseas-wrap .txt {
	margin-top:3rem;
}
.overseas-wrap .txt > p {
	font-size:2.2rem;
	font-weight:500;
	line-height:1.8;
}
.overseas-wrap .txt > ul {
	list-style:none;
	padding-left:0;
}
.overseas-wrap .txt > ul > li {
	position:relative;
	box-sizing:border-box;
	padding-left:1.5rem;
	font-size:1.8rem;
	font-weight:500;
	color:#000;
	line-height:2;
}
.overseas-wrap .txt > ul > li:before {
	content:"";
	position:absolute;
	left:0;
	top:1.5rem;
	width:4px;
	height:4px;
	border-radius:50%;
	background:var(--subColor);
}
.overseas-wrap .txt > ul > li > b {
	font-weight:800;
}
@media (max-width: 991.98px) {
	.overseas-wrap .sec02 div.title {
		margin-top:4rem;
	}
	.overseas-wrap div.title > h3 {
		font-size:2.2rem;
		margin-bottom:2rem;
	}
	.overseas-wrap div.title > p {
		font-size:1.6rem;
		line-height:1.6;
	}
	.overseas-wrap .txt {
		margin-top:2rem;
	}
	.overseas-wrap .txt > p {
		font-size:1.8rem;
	}
	.overseas-wrap .txt > ul > li {
		padding-left:1.2rem;
		font-size:1.6rem;
		line-height:1.8;
	}
	.overseas-wrap .txt > ul > li:before {
		top:1.2rem;
		width:3px;
		height:3px;
	}
}

.overseas-wrap .sec02 {
	padding:10rem 0 12rem;
}
.overseas-wrap .sec02 .mobile-map-link .row {
	margin-left:-2px;
	margin-right:-2px;
}
.overseas-wrap .sec02 .mobile-map-link .row > div[class^='col-'] {
	padding-left:2px;
	padding-right:2px;
	margin-bottom:0.5rem;
}
.overseas-wrap .sec02 .mobile-map-link .row > div[class^='col-'] > a {
	display:block;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #ddd;
	font-size:1.6rem;
	color:#444;
	padding:0.8rem;
}
.overseas-wrap .sec02 .mobile-map-link .row > div[class^='col-'] > a:hover{
	background:var(--mainColor);
	border:1px solid var(--mainColor);
	color:#fff;
}
@media (max-width: 991.98px) {
	.overseas-wrap .sec02 {
		padding:2rem 0 6rem;
	}
	.overseas-wrap .sec02 .mobile-map-link .row > div[class^='col-'] > a {
		font-size:1.4rem;
	}
}

.overseas-wrap .sec03 {
	box-sizing:border-box;
	padding:12rem 0 0;
	background:#243c7e url('../_img/sub/payroll_sec02_bg.jpg') no-repeat center bottom / cover;
}
.overseas-wrap .sec03 .w1040 {
	max-width:104rem;
	margin:14rem auto 0;
}
.overseas-wrap .sec03 .row {
	margin-left:-2rem;
	margin-right:-2rem;
}
.overseas-wrap .sec03 .row > div[class^='col-'] {
	padding-left:2rem;
	padding-right:2rem;
	margin-bottom:12rem;
}
.overseas-wrap .sec03 .row > div[class^='col-'] > .inner {
	box-sizing:border-box;
	position:relative;
	border:1px solid #828eaf;
	padding:10rem 2rem 8rem;
	text-align:center;
	height:100%;
}
.overseas-wrap .sec03 .row > div[class^='col-'] > .inner .txt {
	margin-top:0;
}
.overseas-wrap .sec03 .row > div[class^='col-'] > .inner .tit {
	font-size:1.8rem;
	font-weight:500;
	color:#fff;
}
.overseas-wrap .sec03 .row > div[class^='col-'] > .inner p {
	font-size:1.6rem;
	font-weight:300;
	color:#a7acc0;
}
.overseas-wrap .sec03 .row > div[class^='col-'] > .inner .icon {
	position:absolute;
	width:14rem;
	left:50%;
	transform:translateX(-50%);
	top:-8rem;
	z-index:10;
}
.overseas-wrap .sec03 .row > div[class^='col-'] > .inner .icon > img {
	width:100%;
}

@media (max-width: 1199.98px) {
	.overseas-wrap .sec03 .row {
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
	.overseas-wrap .sec03 .row > div[class^='col-'] {
		padding-left:1.5rem;
		padding-right:1.5rem;
		margin-bottom:8rem;
	}
	.overseas-wrap .sec03 .row > div[class^='col-'] > .inner {
		padding:8rem 2rem 6rem;
	}
	.overseas-wrap .sec03 .row > div[class^='col-'] > .inner .icon {
		width:12rem;
		top:-6rem;
	}
}
@media (max-width: 991.98px) {
	.overseas-wrap .sec03 {
		padding:6rem 0 0;
	}
	.overseas-wrap .sec03 .w1040 {
		margin:10rem auto 0;
	}
}
@media (max-width: 767.98px) {
	.overseas-wrap .sec03 {
		padding:6rem 0;
	}
	.overseas-wrap .sec03 .w1040 {
		margin:4rem auto 0;
	}
	.overseas-wrap .sec03 .row > div[class^='col-'] {
		margin-bottom:1rem;
	}
	.overseas-wrap .sec03 .row > div[class^='col-'] > .inner {
		padding:3rem 2rem;
		display:flex;
		flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		text-align:left;
	}
	.overseas-wrap .sec03 .row > div[class^='col-'] > .inner .icon {
		position:relative;
		width:8rem;
		top:0;
		left:0;
		transform:translateX(0);
		max-width:8rem;
		flex:0 0 8rem;
	}
	.overseas-wrap .sec03 .row > div[class^='col-'] > .inner .txt {
		--wid:calc(100% - 8rem);
		max-width:var(--wid);
		flex:0 0 var(--wid);
		box-sizing:border-box;
		padding-left:2rem;
	}
}

.overseas-wrap .sec04 {
	box-sizing:border-box;
	padding:12rem 0 0;
}
.overseas-wrap .sec04 .img {
	position:relative;
}
.overseas-wrap .sec04 .img > h3.title {
	position:absolute;
	width:60%;
	left:0;
	bottom:0;
	box-sizing:border-box;
	background:#fff;
	padding:4rem 0 1rem;
	font-size:3.6rem;
	font-weight:800;
	color:#000;
}
.overseas-wrap .sec04 .txt {
	margin-top:1rem;
}

@media (max-width: 991.98px) {
	.overseas-wrap .sec04 {
		padding:6rem 0 0;
	}
	.overseas-wrap .sec04 .img > h3.title {
		width:60%;
		padding:2rem 0 0.5rem;
		font-size:2.2rem;
	}
	.overseas-wrap .sec04 .txt > ul {
		margin-top:0;
	}
	.overseas-wrap .sec04 .txt > ul > li {
		padding-left:1.2rem;
		font-size:1.6rem;
		line-height:1.8;
	}
	.overseas-wrap .sec04 .txt > ul > li:before {
		top:1.2rem;
		width:3px;
		height:3px;
	}
}
@media (max-width: 767.98px) {
	.overseas-wrap .sec04 .img > h3.title {
		width:80%;
		padding:2rem 0 1rem;
	}
}
@media (max-width: 575.98px) {
	.overseas-wrap .sec04 .img > h3.title {
		position:relative;
		width:100%;
		font-size:2rem;
		color:var(--mainColor);
	}
}


/* 해외 법인 설립 - 대륙 페이지 */
.overseas-continent {}
.overseas-continent section.sec01 {
	padding:0 0 8rem;
}
.overseas-continent section:last-child {
	padding:0;
}
.overseas-continent .sec02 .row {
	margin-left:-1.5rem;
	margin-right:-1.5rem;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
.overseas-continent .sec02 .row > div[class^='col'] {
	padding-left:1.5rem;
	padding-right:1.5rem;
	max-width:20%;
	flex:0 0 20%;
	margin-bottom:3rem;
}
.overseas-continent .sec02 .row > div[class^='col'] .inner {
	box-sizing:border-box;
	border:1px solid #eee;
	padding:2rem;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.overseas-continent .sec02 .row > div[class^='col'] .inner .txt {
	text-align:center;
	margin-top:1rem;
	font-size:1.8rem;
	font-weight:600;
	color:#000;
}
.overseas-continent .sec02 .more_btn a{
	padding:1.2rem 2rem;
	width:100%;
	display:inline-block;
	color:#000;
	font-size:1.6rem;
	position:relative;
	box-sizing:border-box;
	margin-top:2rem;
}
.overseas-continent .sec02 .more_btn a:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:1px solid #ddd;
}
.overseas-continent .sec02 .more_btn a:hover {
	color:#fff;
	border:0;
	background: rgb(0,139,211);
	background: -moz-linear-gradient(90deg, rgba(6,122,164,1) 0%, rgba(22,48,113,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(6,122,164,1) 0%, rgba(22,48,113,1) 100%);
	background: linear-gradient(90deg, rgba(6,122,164,1) 0%, rgba(22,48,113,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008bd3",endColorstr="#005c98",GradientType=1);	
}
.overseas-continent .sec02 .more_btn a:hover:after {
	display:none;
}
.overseas-continent .sec02 .more_btn a span{
	position:relative;
	z-index:1;
	display:block;
}
.overseas-continent .sec02 .more_btn a span i {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
@media (max-width: 1199.98px) {
	.overseas-continent .sec02 .row > div[class^='col'] {
		max-width:33.3333%;
		flex:0 0 33.3333%;
	}
}
@media (max-width: 991.98px) {
	.overseas-continent section.sec01 {
		padding:0 0 4rem;
	}
	.overseas-continent .sec02 .row {
		margin-left:-1rem;
		margin-right:-1rem;
	}
	.overseas-continent .sec02 .row > div[class^='col'] {
		padding-left:1rem;
		padding-right:1rem;
	}
	.overseas-continent .sec02 .row > div[class^='col'] .inner {
		padding:1.5rem;
	}
	.overseas-continent .sec02 .more_btn a{
		padding:1rem 2rem;
		font-size:1.6rem;
		margin-top:2rem;
	}
}
@media (max-width: 767.98px) {
	.overseas-continent .sec02 .row > div[class^='col'] {
		max-width:50%;
		flex:0 0 50%;
		margin-bottom:2rem;
	}
	.overseas-continent .sec01 .txt {
		margin-top:0;
	}
}
@media (max-width: 575.98px) {
	.overseas-continent .sec01 .txt > ul{
		margin-top:0;
	}
}


/* 해외 법인 설립 - 뷰페이지 */
.overseas-view h3.tit{
	font-size:3.6rem;
	font-weight:800;
	color:#000;
}
.overseas-view .sec01 .top {
	box-sizing:border-box;
	padding:5rem 0 0;
	border-top:2px solid #eee;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-start;
}
.overseas-view .sec01 .top .flag {
	box-sizing:border-box;
	border:1px solid #eee;
	padding:2rem;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	max-width:28%;
	flex:0 0 28%;
}
.overseas-view .sec01 .top .info {
	max-width:72%;
	flex:0 0 72%;
	box-sizing:border-box;
	padding-left:4rem;
}
.overseas-view .sec01 .top .info > .tit {
	box-sizing:border-box;
	margin-bottom:2rem;
	padding-bottom:2rem;
	border-bottom:1px solid #eee;
}
.overseas-view .info > ul {
	list-style:none;
	padding-left:0;
}
.overseas-view .info > ul > li {
	position:relative;
	box-sizing:border-box;
	padding-left:1.5rem;
	font-size:1.8rem;
	font-weight:500;
	color:#000;
	line-height:2;
}
.overseas-view .info > ul > li:before {
	content:"";
	position:absolute;
	left:0;
	top:1.5rem;
	width:4px;
	height:4px;
	border-radius:50%;
	background:var(--subColor);
}
.overseas-view .info > ul > li > b {
	font-weight:800;
}
@media (max-width: 1199.98px) {
	.overseas-view .sec01 .top .flag {
		padding:1.5rem;
		max-width:22%;
		flex:0 0 22%;
	}
	.overseas-view .sec01 .top .info {
		max-width:78%;
		flex:0 0 78%;
		padding-left:3rem;
	}
}
@media (max-width: 991.98px) {
	.overseas-view h3.tit{
		font-size:2rem;
	}
	.overseas-view .sec01 .top {
		padding:3rem 0 0;
		border-top:2px solid #eee;
	}
	.overseas-view .sec01 .top .flag {
		padding:1rem;
		max-width:22%;
		flex:0 0 22%;
	}
	.overseas-view .sec01 .top .info {
		max-width:78%;
		flex:0 0 78%;
		padding-left:2rem;
	}
	.overseas-view .sec01 .top .info > .tit {
		margin-bottom:1rem;
		padding-bottom:1rem;
	}
	.overseas-view .info > ul > li {
		padding-left:1.2rem;
		font-size:1.6rem;
		line-height:1.8;
	}
	.overseas-view .info > ul > li:before {
		top:1.2rem;
		width:3px;
		height:3px;
	}
}
@media (max-width: 767.98px) {
	.overseas-view .sec01 .top {
		display:block;
		padding:0;
		border-top:0;
	}
	.overseas-view .sec01 .top .flag {
		padding:1rem;
		max-width:100%;
		flex:0 0 100%;
		width:50%;
		margin:0 auto;
	}
	.overseas-view .sec01 .top .info {
		max-width:100%;
		flex:0 0 100%;
		padding-left:0;
		margin-top:4rem;
	}
}


.overseas-view .sec02 {
	margin-top:8rem;
}
.overseas-view .sec02 .table-wrap {
	margin-top:2rem;
}
.overseas-view .sec02 .table-wrap > table {
	width:100%;
	box-sizing:border-box;
	border-top:2px solid #000;
}
.overseas-view .sec02 .table-wrap > table th,
.overseas-view .sec02 .table-wrap > table td {
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
	padding:1rem 2rem;
	font-size:1.8rem;
}
.overseas-view .sec02 .table-wrap > table th {
	background:#f5f5f5;
}
@media (max-width: 1199.98px) {
	.overseas-view .sec02 .table-wrap > table th {
		width:20%;
	}
}
@media (max-width: 991.98px) {
	.overseas-view .sec02 {
		margin-top:4rem;
	}
	.overseas-view .sec02 .table-wrap {
		margin-top:1rem;
	}
	.overseas-view .sec02 .table-wrap > table th,
	.overseas-view .sec02 .table-wrap > table td {
		font-size:1.6rem;
	}
}
@media (max-width: 575.98px) {
	.overseas-view .sec02 .table-wrap > table th {
		width:30%;
	}
}


.overseas-view .sec03 {
	margin-top:8rem;
}
.overseas-view .process-wrap {
	margin-left:-3.5rem;
	margin-right:-3.5rem;
	margin-top:3rem;
}
.overseas-view .process-wrap > div[class^='col-'] {
	padding-left:3.5rem;
	padding-right:3.5rem;
	margin-bottom:5rem;
	position:relative;
}
.overseas-view .process-wrap > div[class^='col-']:before {
	content: "\e907";
	font-family:"xeicon";
	position:absolute;
	right:-1.9rem;
	top:50%;
	transform:translateY(-50%);
	width:3.8rem;
	height:3.8rem;
	border-radius:50%;
	background:#cad5f2;
	color:#fff;
	text-align:center;
	line-height:3.8rem;
}
.overseas-view .process-wrap > div[class^='col-']:nth-child(4):before,
.overseas-view .process-wrap > div[class^='col-']:last-child:before {
	display:none;
}
.overseas-view .process-wrap > div[class^='col-'] > .inner {
	box-sizing:border-box;
	position:relative;
	border:1px solid #ddd;
	box-shadow:0 0 15px rgba(0,0,0,0.1);
	padding:4rem 2rem;
	height:100%;
}
.overseas-view .process-wrap .inner > .txt {
	text-align:center;
}
.overseas-view .process-wrap .inner > .txt > .step {
	display:block;
	color:#999;
	font-size:1.6rem;
	font-weight:600;
}
.overseas-view .process-wrap .inner > .txt > h4 {
	font-size:2rem;
	font-weight:800;
	line-height:1.4;
	color:#000;
	margin-top:1rem;
}
.overseas-view .process-wrap .inner > .txt > p {
	font-size:1.6rem;
	font-weight:500;
	color:#444;
	margin-top:2rem;
}
@media (max-width: 1400px) {
	.overseas-view .process-wrap {
		margin-left:-2rem;
		margin-right:-2rem;
	}
	.overseas-view .process-wrap > div[class^='col-'] {
		padding-left:2rem;
		padding-right:2rem;
	}
	.overseas-view .process-wrap > div[class^='col-']:before {
		right:-1.5rem;
		width:3rem;
		height:3rem;
		line-height:3rem;
	}
}
@media (max-width: 1199.98px) {
	.overseas-view .process-wrap > div[class^='col-'] {
		margin-bottom:3rem;
	}
	.overseas-view .process-wrap > div[class^='col-']:nth-child(2n):before {
		display:none;
	}
}
@media (max-width: 991.98px) {
	.overseas-view .sec03 {
		margin-top:4rem;
	}
	.overseas-view .process-wrap{
		margin-top:1rem;
	}
	.overseas-view .process-wrap .inner > .txt > h4 {
		margin-top:0.5rem;
	}
	.overseas-view .process-wrap .inner > .txt > p {
		margin-top:1rem;
	}
}
@media (max-width: 767.98px) {
	.overseas-view .process-wrap > div[class^='col-'] {
		margin-bottom:1rem;
	}
	.overseas-view .process-wrap > div[class^='col-']:before {
		content: "\e905";
		right:auto;
		left:50%;
		top:auto;
		bottom:-2rem;
		transform:translateX(-50%);
		width:3rem;
		height:3rem;
		line-height:3rem;
		z-index:10;
	}
	.overseas-view .process-wrap > div[class^='col-']:nth-child(2n):before,
	.overseas-view .process-wrap > div[class^='col-']:nth-child(4):before {
		display:block;
	}
	.overseas-view .process-wrap > div[class^='col-']:last-child:before {
		display:none;
	}
	.overseas-view .process-wrap .inner > .txt > h4 {
		margin-top:0.5rem;
	}
	.overseas-view .process-wrap .inner > .txt > p {
		margin-top:1rem;
	}
}

.overseas-view .sec04 {
	margin-top:4rem;
}
.overseas-view .sec04 .btnArea a{
	padding:1.4rem 2rem;
	width:22rem;
	display:inline-block;
	color:#000;
	font-size:1.6rem;
	position:relative;
	box-sizing:border-box;
	margin:0 0.2rem;
}
.overseas-view .sec04 .btnArea a:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:1px solid #ddd;
}
.overseas-view .sec04 .btnArea a.btn-view {
	color:#fff;
	border:0;
	background: rgb(0,139,211);
	background: -moz-linear-gradient(90deg, rgba(6,122,164,1) 0%, rgba(22,48,113,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(6,122,164,1) 0%, rgba(22,48,113,1) 100%);
	background: linear-gradient(90deg, rgba(6,122,164,1) 0%, rgba(22,48,113,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008bd3",endColorstr="#005c98",GradientType=1);	
}

@media (max-width: 991.98px) {
	.overseas-view .sec04 {
		margin-top:4rem;
	}
	.overseas-view .sec04 .btnArea a{
		width:18rem;
		padding:1.4rem 2rem;
		font-size:1.6rem;
	}
}



/* 개인정보처리방침 */
#user_guide_sec {font-size:1.8rem; line-height:2;}
#user_guide_sec p span {font-size:1.8rem !important; line-height:2;}