/*
	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 'fontSet.css';
@import 'basic.css';
@import 'layout.css';
@import 'board.css';



/* 서브공통 */
#sub_wrap {
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	padding:12rem 0;
}
#sub_wrap section {
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}
#sub_wrap .title {
	text-align:center;
}
#sub_wrap .title > span {
	display:block;
	font-size:1.8rem;
	font-style:italic;
	color:var(--mc);
}
#sub_wrap .title > h2  {
	font-size:3.6rem;
	font-weight:600;
	color:#222;
	margin-bottom:6rem;
}
#sub_wrap .subtab {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.4rem;
	margin-bottom:6rem;
}
#sub_wrap .subtab > a {
	display:inline-block;
	text-align:center;
	font-size:1.8rem;
	box-sizing:border-box;
	border:1px solid #ddd;
	color:#222;
	padding:1rem;
	border-radius:4rem;
	width:19rem;
}
#sub_wrap .subtab > a.on {
	border:1px solid var(--mc);
	background:var(--mc);
	color:#fff;
}
#sub_wrap .stit {
	font-size:2.4rem;
	font-weight:600;
	color:#222;
	margin-bottom:2rem;
}
#sub_wrap .ftit {
	font-size:2rem;
	font-weight:600;
	color:#222;
	margin-bottom:2rem;
}
@media (max-width: 991.98px) {
	#sub_wrap {
		padding:6rem 0;
	}
	#sub_wrap .title > span {
		font-size:1.6rem;
	}
	#sub_wrap .title > h2  {
		font-size:2.8rem;
		margin-bottom:4rem;
	}
	#sub_wrap .subtab {
		gap:0.3rem;
		margin-bottom:4rem;
	}
	#sub_wrap .subtab > a {
		font-size:1.6rem;
		width:16rem;
	}
	#sub_wrap .stit {
		font-size:2rem;
		margin-bottom:1rem;
	}
	#sub_wrap .ftit {
		font-size:1.8rem;
		margin-bottom:1rem;
	}
}
@media (max-width: 575.98px) {
	#sub_wrap {
		padding:4rem 0;
	}
	#sub_wrap .title > span {
		font-size:1.4rem;
	}
	#sub_wrap .title > h2  {
		font-size:2.4rem;
		margin-bottom:3rem;
	}
	#sub_wrap .subtab {
		margin-bottom:3rem;
		flex-wrap:wrap;
	}
	#sub_wrap .subtab > a {
		font-size:1.5rem;
		width:calc(50% - 0.6rem);
		margin-bottom:0.4rem;
	}
}




/* 法人設立 법인설립 */
.establish-wrap .sec01 {
	padding-bottom:5rem;
}
.establish-wrap .sec01 .box {
	height:100%;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:1rem;
	box-shadow:3px 3px 5px rgba(0,0,0,0.05);
	padding:3rem 3.5rem;
}
.establish-wrap .sec01 .box > .tit {
	font-size:2rem;
	font-weight:600;
	color:#222;
}
.establish-wrap .sec01 .box > ul {
	list-style:none;
	padding-left:0;
}
.establish-wrap .sec01 .box > ul > li {
	position:relative;
	font-size:1.8rem;
	color:#222;
	padding-left:1.5rem;
	margin-top:1rem;
}
.establish-wrap .sec01 .box > ul > li:before {
	content:"";
	position:absolute;
	left:0;
	top:1.2rem;
	width:4px;
	height:4px;
	border-radius:50%;
	background:var(--mc);
}
@media (max-width: 991.98px) {
	.establish-wrap .sec01 {
		padding-bottom:4rem;
	}
	.establish-wrap .sec01 .row > div[class^='col-'] {
		margin-bottom:1rem;
	}
	.establish-wrap .sec01 .row > div[class^='col-']:last-child {
		margin-bottom:0;
	}
	.establish-wrap .sec01 .box {
		border-radius:0.6rem;
		padding:2rem 2.5rem;
	}
	.establish-wrap .sec01 .box > .tit {
		font-size:1.8rem;
	}
	.establish-wrap .sec01 .box > ul > li {
		font-size:1.6rem;
		margin-top:0.8rem;
		padding-left:1.2rem;
	}
	.establish-wrap .sec01 .box > ul > li:before {
		width:3px;
		height:3px;
	}
}



.establish-wrap .sec02 {
	padding-top:7rem;
}
.establish-wrap .sec02 .stit {
	text-align:center;
}
.establish-wrap .sec02 .process {
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:5rem;
}
.establish-wrap .sec02 .process > .won {
	position:relative;
	flex:1;
	padding-bottom:16.666%;
	background:var(--mc);
	border-radius:50%;
}
.establish-wrap .sec02 .process > .won:nth-child(even){
	background:var(--sc);
}
.establish-wrap .sec02 .process > .won > p {
	position:absolute;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	text-align:center;
	font-size:2.2rem;
	font-weight:500;
	line-height:1.3;
}
.establish-wrap .sec02 .process > .won:before {
	content: "\e907";
	font-family:"xeicon";
	position:absolute;
	right:-1.8rem;
	top:50%;
	transform:translateY(-50%);
	z-index:10;
	width:3.6rem;
	height:3.6rem;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	background:#fff;
	color:#222;
	font-size:2rem;
}
.establish-wrap .sec02 .process > .won:last-child:before {
	display:none;
}
@media (max-width: 1199.98px) {
	.establish-wrap .sec02 .process {
		margin-top:4rem;
	}
	.establish-wrap .sec02 .process > .won > p {
		font-size:2rem;
	}
	.establish-wrap .sec02 .process > .won:before {
		right:-1.6rem;
		width:3.2rem;
		height:3.2rem;
		font-size:1.8rem;
	}
}
@media (max-width: 991.98px) {
	.establish-wrap .sec02 {
		padding-top:4rem;
	}
	.establish-wrap .sec02 .process {
		flex-wrap:wrap;
	}
	.establish-wrap .sec02 .process > .won {
		flex:0 0 33.333%;
		padding-bottom:33.333%;
		margin-bottom:1rem;
	}
}
@media (max-width: 575.98px) {
	.establish-wrap .sec02 {
		padding-top:0;
	}
	.establish-wrap .sec02 .process {
		margin-top:3rem;
	}
	.establish-wrap .sec02 .process > .won {
		margin-bottom:0;
	}
	.establish-wrap .sec02 .process > .won > p {
		font-size:1.8rem;
	}
	.establish-wrap .sec02 .process > .won:before {
		right:-1.4rem;
		width:2.8rem;
		height:2.8rem;
		font-size:1.6rem;
	}
}



/* 認証認許可 인증인허가 */
.permission-wrap .flex {
	display:flex;
	align-items:flex-start;
}
.permission-wrap .flex .logo {
	width:38%;
	padding-bottom:25%;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:1rem;
	box-shadow:3px 3px 5px rgba(0,0,0,0.05);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 60%;
	background-color:#fff;
}
.permission-wrap .flex .txt {
	width:62%;
	box-sizing:border-box;
	padding:2rem 0 0 5rem;
	font-size:1.8rem;
	color:#222;
	line-height:1.8;
	word-break:break-all;
}
.permission-wrap .flex .txt > ul.type02 {
	list-style:none;
	padding-left:0;
}
.permission-wrap .flex .txt > ul.type02 > li {
	position:relative;
	padding-left:2.5rem;
	margin-top:0.5rem;
}
.permission-wrap .flex .txt > ul.type02 > li > span {
	position:absolute;
	left:0;
	top:0;
}
@media (max-width: 1199.98px) {
	.permission-wrap .flex .logo {
		width:30%;
		padding-bottom:20%;
	}
	.permission-wrap .flex .txt {
		width:70%;
		padding:1rem 0 0 4rem;
		font-size:1.6rem;
	}
}
@media (max-width: 767.98px) {
	.permission-wrap .flex .txt {
		padding:0.5rem 0 0 3rem;
	}
}
@media (max-width: 575.98px) {
	.permission-wrap .flex {
		display:block;
	}
	.permission-wrap .flex .logo {
		width:100%;
		padding-bottom:50%;
		border-radius:0.6rem;
		background-size:auto 50%;
	}
	.permission-wrap .flex .txt {
		width:100%;
		padding:0;
		margin-top:2rem;
	}
}




.permission-wrap .sec02,
.permission-wrap .sec03{
	padding:12rem 0;
}
.permission-wrap .sec04 {
	padding:12rem 0 0;
}
.permission-wrap .sec02 .ftit {
	text-align:center;
}

@media (max-width: 1199.98px) {
	.permission-wrap .sec02,
	.permission-wrap .sec03{
		padding:8rem 0;
	}
	.permission-wrap .sec04 {
		padding:8rem 0 0;
	}
}
@media (max-width: 991.98px) {
	.permission-wrap .sec02,
	.permission-wrap .sec03{
		padding:6rem 0;
	}
	.permission-wrap .sec04 {
		padding:6rem 0 0;
	}
}

.permission-wrap .sec03 {
	background:#f5f5f5;
}
.permission-wrap .sec03 p,
.permission-wrap .sec04 p{
	font-size:1.8rem;
	word-break:break-all;
}
.permission-wrap .sec03 .flex,
.permission-wrap .sec04 .flex {
	margin-top:4rem;
}
@media (max-width: 991.98px) {
	.permission-wrap .sec03 p,
	.permission-wrap .sec04 p{
		font-size:1.6rem;
	}
	.permission-wrap .sec03 .flex,
	.permission-wrap .sec04 .flex {
		margin-top:2rem;
	}
}



/* e-commerce */
.ecommerce-wrap p {
	font-size:1.8rem;
	line-height:1.8;
}
@media (max-width: 991.98px) {
	.ecommerce-wrap p {
		font-size:1.6rem;
	}
}
.ecommerce-wrap .sec02 {
	margin-top:8rem;
	padding:8rem 0 6rem;
	background:#f5f5f5;
}
.ecommerce-wrap .sec03 {
	padding-bottom:1rem;
}
.ecommerce-wrap .sec03:before {
	content:"";
	position:absolute;
	width:100%;
	height:20%;
	left:0;
	top:0;
	background:#f5f5f5;
}
.ecommerce-wrap .sec03 .img {
	border-radius:1rem;
	overflow:hidden;
	box-shadow:3px 3px 5px rgba(0,0,0,0.1);
}
.ecommerce-wrap .sec03 p {
	margin-top:5rem;
}
.ecommerce-wrap .sec03 .btnArea {
	text-align:center;
	margin-top:5rem;
}
.ecommerce-wrap .sec03 .btnArea > .btn-shop {
	display:inline-block;
	box-sizing:border-box;
	padding:2.5rem 5rem;
	font-size:2rem;
	text-align:center;
	color:#fff;
	background:var(--mc);
	border-radius:6rem;
	box-shadow:3px 3px 5px rgba(0,0,0,0.1);
}

@media (max-width: 991.98px) {
	.ecommerce-wrap .sec02 {
		margin-top:6rem;
		padding:6rem 0 4rem;
	}
	.ecommerce-wrap .sec03 {
		padding-bottom:1rem;
	}
	.ecommerce-wrap .sec03:before {
		height:15%;
	}
	.ecommerce-wrap .sec03 p {
		margin-top:4rem;
	}
	.ecommerce-wrap .sec03 .btnArea {
		margin-top:4rem;
	}
	.ecommerce-wrap .sec03 .btnArea > .btn-shop {
		font-size:1.8rem;
	}
}
@media (max-width: 767.98px) {
	.ecommerce-wrap .sec03 .row > div[class^='col-']{
		margin-bottom:2rem;
	}
	.ecommerce-wrap .sec03 .row > div[class^='col-']:last-child {
		margin-bottom:0;
	}
}
@media (max-width: 575.98px) {
	.ecommerce-wrap .sec02 {
		margin-top:4rem;
		padding:4rem 0 2rem;
	}
	.ecommerce-wrap .sec03 p {
		margin-top:3rem;
	}
	.ecommerce-wrap .sec03 .btnArea {
		margin-top:3rem;
	}
	.ecommerce-wrap .sec03 .btnArea > .btn-shop {
		padding:2rem 4rem;
	}
}



/* 会計＆税務 회계&세무 */
.accounting-wrap p {
	font-size:1.8rem;
	line-height:1.8;
	word-break:break-all;
}
@media (max-width: 991.98px) {
	.accounting-wrap p {
		font-size:1.6rem;
	}
}

.accounting-wrap .row {
	margin-top:4rem;
}
.accounting-wrap .row > div[class^='col-'] {
	margin-bottom:2rem;
}
.accounting-wrap .row > div[class^='col-'] > .box {
	box-sizing:border-box;
	display:flex;
	align-items:center;
	height:100%;
	border:1px solid #ddd;
	box-shadow:3px 3px 5px rgba(0,0,0,0.05);
	padding:3rem 4rem;
	font-size:1.8rem;
}
@media (max-width: 991.98px) {
	.accounting-wrap .row {
		margin-top:3rem;
		margin-left:-5px;
		margin-right:-5px;
	}
	.accounting-wrap .row > div[class^='col-'] {
		margin-bottom:1rem;
		padding-left:5px;
		padding-right:5px;
	}
	.accounting-wrap .row > div[class^='col-'] > .box {
		padding:2rem 3rem;
		font-size:1.6rem;
	}
}




/* 韓国ビジネス 한국 비즈니스 */
.kr-wrap .stit {
	margin-bottom:1rem !important;
}
.kr-wrap p {
	font-size:1.8rem;
	line-height:1.8;
	word-break:break-all;
}
@media (max-width: 991.98px) {
	.kr-wrap p {
		font-size:1.6rem;
	}
}

.kr-list .box {
	box-sizing:border-box;
	border:1px solid #ddd;
	display:flex;
	margin-bottom:2rem;
	box-shadow:3px 3px 5px rgba(0,0,0,0.05);
	border-radius:1rem;
}
.kr-list .box > div {
	height:auto;
	min-height:24rem;
}
.kr-list .box > .lt {
	width:30%;
}
.kr-list .box > .rt {
	width:70%;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	padding:3rem 5rem;
}
.kr-list .box > .lt > .img {
	position:relative;
	z-index:10;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	border-radius:1rem;
}
@media (max-width: 1199.98px) {
	.kr-list .box > div {
		min-height:20rem;
	}
	.kr-list .box > .rt {
		padding:2rem 4rem;
	}
}
@media (max-width: 991.98px) {
	.kr-list .box > .lt {
		width:40%;
	}
	.kr-list .box > .rt {
		width:60%;
		padding:2rem 3rem;
	}
}
@media (max-width: 767.98px) {
	.kr-list .box {
		display:block;
	}
	.kr-list .box > div {
		min-height:auto;
	}
	.kr-list .box > .lt {
		width:100%;
	}
	.kr-list .box > .rt {
		width:100%;
	}
	.kr-list .box > .lt > .img {
		padding-bottom:50%;
	}
}