/*
	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';






/*인사말*/
.intro_wrap{}
.intro_wrap .logo_bg{
	margin-bottom:5rem;
	position:relative;
	z-index:2;
	transform: translateX(-14rem);
	margin-top:-5rem;
}
.intro_wrap dl{
	margin-bottom:4.5rem;
}
.intro_wrap dt{
	font-size:2.4rem;
	margin-bottom:1.5rem;
}
.intro_wrap dd{
	font-size:2rem;
	color:#555;
}
@media(max-width:991.98px){
	.intro_wrap .intro_img{
		overflow:hidden;
		height:50rem;
		border-radius:0 0 0 8rem;
		padding-right:0;
	}
	.intro_wrap .logo_bg{
		margin-bottom:4rem;
		transform: translateX(0);
		margin-top:-5rem;
		width:80%;
		margin-left:10%;
	}
}
@media(max-width:767.98px){
	.intro_wrap .intro_img{
		height:35rem;
	}
	.intro_wrap .logo_bg{
		margin-top:-3rem;
	}
	.intro_wrap dt{
		font-size:2rem;
		margin-bottom:1.5rem;
	}
	.intro_wrap dd{
		font-size:1.7rem;
	}
}


/*오시는길*/
.location_wrap{}
.location_wrap .info1{}
.location_wrap .info1 h5{
	border-bottom:1px solid #ddd;
	font-family: 'Raleway';
	font-size: 2.2rem;
	position:relative;
	display:flex;
	margin-bottom:1.5rem;
}
.location_wrap .info1 h5 p{
	display:flex;
	align-items: center;
	gap:0 1rem;
	padding-bottom:1.5rem;
	position:relative;
}
.location_wrap .info1 h5 p::before{
	content:"";
	position:absolute;
	left:0;
	bottom:-1px;
	height:2px;
	background:#E84039;
	width:100%;
}

.location_wrap  .map_container iframe{
	width:100%;
	height:45rem;
}
.location_wrap  .info2 .box{
	background:#fff;
	padding:3rem;
	box-shadow: 0px 0px 16px rgba(0,0,0,.15);
}
.location_wrap  .info2 .box > p:nth-child(1){
	font-size:2.2rem;
	font-weight:600;
	display:flex;
	align-items: center;
	gap:0 1rem;
	margin-bottom:1rem;
}

@media(max-width:991.98px){
	.location_wrap .info1 h5{
		font-size: 2rem;
	}
}




/*무역대행*/
.trade_wrap{}
.trade_wrap > section{
	padding:12rem 0;
}

.trade_wrap > .sec02::before{
	background:#FBFBFB
}.trade_wrap > .sec02 .rows{
	display:flex;
	align-items: center;
}
.trade_wrap > .sec02 .rows div img{
	width:100%;
}
.trade_wrap > .sec02 .rows div{
	width:100%;
}
.trade_wrap > .sec02 .rows dl{
	padding:1rem 5rem;
}
.trade_wrap > .sec02 .rows dl dt{
	margin-bottom:2rem;
}
.trade_wrap > .sec02 .rows dl dt > p{
	display:inline-block;
	font-size:3.4rem;
	position:relative;
	padding-left:6rem;
	font-weight:600;
	z-index:1;
}

.trade_wrap > .sec02 .rows dl dt span{
	position:absolute;
	left:0;
	top:0;
	font-size:8rem;
	line-height:8rem;
	font-family: "Raleway";
	color:#eee;
	font-weight:700;
	z-index:-1;
	transform:translateY(-50%);
}
.trade_wrap > .sec02 .rows dl dd{
	font-size:2rem;
	color:#555;
}
.trade_wrap > .sec02 .rows:nth-child(even) > div:nth-child(2){
	order:-1;
	text-align:right;
}

.trade_wrap > .sec03{}
.trade_wrap > .sec03 .step_list{}
.trade_wrap > .sec03 .step_list .item{
	text-align:center;
}
.trade_wrap > .sec03 .step_list .item .num{
	color:#E84039;
	font-size:2.4rem;
	font-family: 'Raleway';
	font-weight:900;
}
.trade_wrap > .sec03 .step_list .item .icons{
	width:13rem;
	height:13rem;
	display:flex;
	align-items: center;
	justify-content: center;
	margin:1rem auto 2rem auto;
	background:#fff;
	border-radius:100%;
	box-shadow: 0px 0px 10px rgba(0,0,0,.15);
}
.trade_wrap > .sec03 .step_list .item .title{
	font-size:2.4rem;
	font-weight:600;
	margin-bottom:1rem;
}
.trade_wrap > .sec03 .step_list .item .desc{
	font-size:2rem;
	color:#555;
}
.trade_wrap > .sec03 .step_list .item .desc span{
	color:#E84039
}
.trade_wrap > .sec03 .step_list .item.last  .icons{
	background:#E84039
}
.trade_wrap > .sec03 .number_list{
	list-style:none;
	padding:0;
	font-size:2rem;
}
.trade_wrap > .sec03 .number_list li{
	margin-bottom:1rem;
	display:flex;
	gap:0 5px;
	text-align:left;
}
.trade_wrap > .sec03 .number_list li i{
	width:2.4rem;
	height:2.4rem;
	background:#E84039;
	color:#fff;
	font-style: normal;
	border-radius:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:.8em;
	transform:translateY(2px);
	flex-shrink: 0;
}

@media(max-width:991.98px){
	.trade_wrap > section {
		padding: 8rem 0;
		text-align:Center;
	}
	.trade_wrap > .sec02 .rows{
		flex-wrap:wrap;
	}
	.trade_wrap > .sec02 .rows:nth-child(even) > div:nth-child(2){
		order:1;
		text-align:right;
	}
	.trade_wrap > .sec02 .rows > div:nth-child(2){
		margin-top:4rem;
		margin-bottom:5rem;
	}
	.trade_wrap > .sec02 .rows dl{
		padding:1rem 0;
	}
	.trade_wrap > .sec02 .rows:nth-child(even) > div:nth-child(2){
		text-align:center;
	}
	.trade_wrap > .sec02 .rows dl dt > p{
		font-size:3rem;
		padding-left:4rem;
	}
	.trade_wrap > .sec02 .rows dl dt span{
		font-size:6rem;
	}
}
@media(max-width:767.98px){
	.trade_wrap > .sec02 .rows dl dt > p{
		font-size:2.4rem;
		padding-left:3rem;
	}
	.trade_wrap > .sec02 .rows dl dt span{
		font-size:4rem;
	}
	.trade_wrap > .sec02 .rows > div:nth-child(2){
		margin-top:3rem;
		margin-bottom:4rem;
	}
}



/*fee_wrap*/
.fee_wrap{[]
	margin-top:-4rem;
}


/*cost_wrap*/
.cost_wrap{}
.cost_wrap .notice{
	font-size:1.8rem;
	color:#777;
}
.cost_wrap .line1{
	margin-top:8rem;
	margin-bottom:8rem;
}
.cost_wrap .section_title{
	font-size:3.4rem;
	margin-bottom:3rem;
	font-weight:600;
}
.cost_wrap .sec01 .info_box{
	background:#F9F9F9;
	border:1px solid #eee;
	padding:2rem;
	
	
}
.cost_wrap .sec01 .info_box > .inner{
	display:flex;
	justify-content:space-around;
	align-items: center;
	font-size:2rem;
	max-width:90rem;
	margin:0 auto;
	min-height:12rem;
}
.cost_wrap .sec01 .info_box > .inner > p{
	display:flex;
	gap:0 2rem;
	max-width:34rem;
}

.cost_wrap .sec02 .info_box{
	background:#F9F9F9;
	border:1px solid #eee;
	padding:4rem 2rem;
	text-align:center;
}
.cost_wrap .sec02 .info_box .date{
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:2rem;
	gap:0 2rem;
	margin-bottom:2rem;
}
.cost_wrap .sec02 .info_box2{
	background:#fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
	padding:4rem 2rem;
	text-align:center;
	margin-top:2.5rem;
}
.cost_wrap .sec02 .info_box2 > div{
	display:flex;
	justify-content: center;
	gap:0 4rem;
}
.cost_wrap .sec02 .info_box2 > div p{
	display:flex;
	align-items: center;
	justify-content: center;
	gap:0 1rem;
	font-size:2rem;
	font-weight:600;
}
.cost_wrap .sec02 .info_box2 > div p i{
	width:2.4rem;
	height:2.4rem;
	background:#E84039;
	color:#fff;
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius:100%;
	font-size:1.6rem;
}

@media(max-width:991.98px){
	.cost_wrap .section_title {
		font-size: 3rem;
	}
	.cost_wrap .sec01 .info_box > .inner > p{
		flex-direction: column;
		align-items: center;
	}
}
@media(max-width:767.98px){
	.cost_wrap .line1 {
		margin-top: 6rem;
		margin-bottom: 6rem;
	}
	.cost_wrap .section_title {
		font-size: 2.4rem;
	}
	.cost_wrap .sec01 .info_box > .inner{
		font-size:1.8rem;
	}
	.cost_wrap .sec02 .info_box .date{
		flex-direction: column;
		align-items: center;
	}
	.cost_wrap .sec02 .info_box2 > div{
		flex-wrap:wrap;
		gap:1rem 2rem;
	}
	.cost_wrap .sec02 .info_box2 > div p{
		font-size:1.8rem;
	}
	.cost_wrap .sec02 .info_box2 > div p i {
		width: 2.2rem;
		height: 2.2rem;
		font-size: 1.4rem;
	}
}