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


/*greeting_wrap*/
.greeting_wrap{}
.greeting_wrap .v{
	position:relative;
	height:36rem;
}
.greeting_wrap .v::after{
	content:"";
	background:url(../_img/sub/greeting_img1.png) no-repeat center center / cover;
	position:absolute;
	left:50%;
	right:50%;
	height:100%;
	margin-left:-50vw;
	margin-right:-50vw;
}
.greeting_wrap .row{
	align-items: flex-end;
}
.greeting_wrap .row .sign{
	display:flex;
	align-items: center;
	justify-content:end
}
.greeting_wrap .row .sign p:first-child{
	padding-right:2rem;
	margin-right:2rem;
	border-right:1px solid #ddd;
}

@media(max-width:767.98px){
	.greeting_wrap .v{
		position:relative;
		height:20rem;
	}
	.greeting_wrap .row .sign{
		justify-content: center;
	}
}

/*companyinfo_wrap*/
.companyinfo_wrap .box1{
	border:1px dashed #1c79c0;
	padding:6rem 3rem;
	border-radius:3rem;
	display:flex;
	align-items: center;
	justify-content: center;
}
.companyinfo_wrap .box1 > div{
	text-align:center;
	font-size:1.6rem;
}
.companyinfo_wrap .box1 > div img{
	height:7rem;
}
.companyinfo_wrap .box1 > div p:last-child{
	line-height:2;
	margin-top:2rem;
}
.companyinfo_wrap .box1 p.plus{
	font-size:2rem;
	color:#1c79c0;
	opacity:.5;
	width:15rem;
	text-align:center;
}
.companyinfo_wrap .box1 p.dot{
	width:20rem;
	text-align:center;
}
.companyinfo_wrap .box1  span{
	color:#222;
	font-weight:400;
}
.companyinfo_wrap .box2{
	position:relative;
}
.companyinfo_wrap .box2 > div{
	position:absolute;
	left:0;
	bottom:0;
	padding:4rem;
	color:#fff;
	background:rgb(28, 121, 192);
	width:90%;
	max-width:70rem;
}

@media(max-width:991.98px){
	.companyinfo_wrap .box1{
		flex-wrap:wrap;
	}
	.companyinfo_wrap .box1 > p.dot{
		width:100%;
		padding:5rem 0;
	}
	.companyinfo_wrap .box1 > p.dot img{
		transform: rotate(90deg);
	}
	.companyinfo_wrap .box1 > div p:last-child{
		width:100%;
	}
}
@media(max-width:767.98px){
	.companyinfo_wrap .box1{
		padding:4rem 2.5rem;
	}
	.companyinfo_wrap .box1 p.plus{
		width:auto;
		padding:0 2rem;
	}
	.companyinfo_wrap .box2 > div{
		padding:2rem;
		background:rgba(28, 121, 192, .8);
	}
}


/**/
.location_wrap .v{
	height:40rem;
	position:relative;
	margin-bottom:4rem;
}
.location_wrap .v p{
	position:absolute;
	left:0;
	bottom:0;
	padding:2.5rem 4rem;
	font-size:2.2rem;
	font-weight:500;
	color:#fff;
	max-width:30rem;
	width:50%;
	background:rgba(0,0,0,.8)
}
.location_wrap .v.v1{
	background:url(../_img/sub/location_img1.jpg) no-repeat center center / cover;
}
.location_wrap .v.v2{
	background:url(../_img/sub/location_img2.jpg) no-repeat center center / cover;
}


.location_wrap hr{
	border-top:1px solid #eee;
	margin-top:4rem;
	margin-bottom:4rem;
}
.location_wrap .map_btn{
	text-align:right;
}
.location_wrap .map_btn button{
	border:1px solid #000;
	border-radius:6rem;
	background:#fff;
	outline: none;
	text-align:center;
	font-size:1.5rem;
	height:5rem;
	width:14rem;
	position:relative;
	z-index:5;
}
.location_wrap .map_btn button.is-open i{
	transform: rotate(180deg);
}

.location_wrap  .map_box{
	margin-top:-5rem;
	display:none;
	height:36rem;
}
.location_wrap  .map_box.is-open{
	display:block;
}
.location_wrap  .map_box > div{
	display:flex;
	align-items:flex-end;
}
.location_wrap  .map_box dl{
	padding-left:8rem;
	padding-bottom:1rem;
}
.location_wrap  .map_box dt{
	font-size:2.6rem;
	font-weight:600;
}
.location_wrap  .map_box dd{
	display:flex;
	margin-top:2.5rem;
	font-size:1.6rem;
}
.location_wrap  .map_box dd strong{
	width:10rem;
}
.location_wrap  .map_box dd strong::before{
	content:"·";
	margin-right:.5rem;
}
.wrap_controllers,
.map_border{
	display:none;
}


@media(max-width:1199.98px){
	.location_wrap .map_box > div > div{
		width:50%;
		flex-shrink: 0;
	}
	.root_daum_roughmap_landing{
		width:100% !important;
	}
	.location_wrap .map_box dl{
		padding-left:3rem;
	}
}
@media(max-width:991.98px){
	.location_wrap .map_box{
		height:auto;
	}
	.location_wrap .map_box > div{
		flex-wrap:wrap;
	}
	.location_wrap .map_box > div > div{
		width:100%;
		flex-shrink: 0;
	}
	.root_daum_roughmap_landing{
		width:100% !important;
	}
	.location_wrap .map_box dl{
		padding-left:3rem;
		padding-top:3rem;
	}
	.location_wrap  .map_box dt{
		font-size:2.2rem;
	}
	.location_wrap  .map_box dd{
		font-size:1.6rem;
	}
}



/*business wrap*/
.business_wrap .info .row{
	align-items:flex-end
}
.business_wrap .build{
	position:relative;
	padding-right:3rem;
}
.business_wrap .build > p{
	position:absolute;
	left:0;
	bottom:0;
	padding:2rem 3rem;
	background:rgba(0,0,0,.7);
	color:#fff;
	font-family:"Poppins";
}
.business_wrap .info .table table{
	width:100%;
	font-size:1.7rem;
	border-bottom:1px solid #ddd;
	border-top:2px solid #000;
}
.business_wrap .info .table table th{
	padding:15px 0;
	text-align:center;
	font-size:1.7rem;
	background:#f9f9f9;
	font-weight:400;
	
}
.business_wrap .info .table table td{
	padding:15px;
	padding-left:2.5rem;
	font-weight:300;
}

.business_wrap  .history .v{
	position:relative;
	height:40rem;
	z-index:5;
}
.business_wrap  .history .v::after{
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	top:0;
	height:100%;
	background:url(../_img/sub/business_history_img1.jpg) no-repeat center center / cover;
	z-index:-1;
}
.business_wrap  .history .v h4{
	position:absolute;
	left:0;
	bottom:4rem;
	color:#fff;
}

.history_list{
	overflow:hidden;
}
.history_list ul > li{
	display:flex;
	padding:3rem 0;
	position:relative;
}
.history_list ul > li::after{
	content:"";
	position:absolute;
	top:4.7rem;
	left:26rem;
	width:20px;
	height:20px;
	background:#fff;
	border:7px solid #1c79c0;
	border-radius:100%;
	z-index:2;
}
.history_list ul > li::before{
	content:"";
	position:absolute;
	top:5rem;
	left:27rem;
	border-left:1px solid #ddd;
	height:100%;
}
.history_list ul li .y{
	width:20rem;
	font-size:3rem;
	font-family: "Poppins";
	font-weight:600;
	flex-shrink: 0;
}
.history_list ol{
	list-style:none;
	padding:0;
	padding-left:14rem;
	padding-top:.8rem;
	position:relative;
	flex-grow: 1;
}
.history_list ol::after{
	content:"";
	position:absolute;
	bottom:-3rem;
	width:100%;
	border-top:1px solid #ddd;
}
.history_list li:last-child ol::after{
	display:none;
}

.history_list ol li{
	display:flex;
	font-size:1.8rem;
	font-weight:300;
	padding:.6rem 0;
}
.history_list ol li span{
	width:7rem;
	font-weight:600;
	font-family: "Poppins";
	font-size:2rem;
}


.business_wrap .partner{
	position:relative;
	z-index:5;
	padding-top:8rem;
}
.business_wrap .partner::after{
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	top:0;
	height:calc(100% + 12rem);
	background:#f5f8fb;
	z-index:-1;
}
.business_wrap .partner p{
	background:#fff;
	padding:4rem;
	font-size:1.8rem;
	text-align:center;
	border:1px solid #ededed;
}


@media(max-width:1199.98px){
	.business_wrap .partner p {
		background: #fff;
		padding: 3rem 2rem;
		font-size: 1.7rem;
	}
}

@media(max-width:991.98px){
	.business_wrap .build {
		padding-right: 0rem;
		margin-bottom:3rem;
	}
	.business_wrap .history .v {
		height: 30rem;
	}
	.history_list ol {
		padding-left: 6rem;
	}
	.history_list ul > li::after {
		top: 4.7rem;
		left: 18rem;
	}
	.history_list ul > li::before {
		left: 19.1rem;
	}
}
@media(max-width:767.98px){
	.history_list ul li .y{
		width:14rem;
		padding-top:.4rem;
	}
	.history_list ul > li::after {
		top: 4.7rem;
		left: 13rem;
	}
	.history_list ul > li::before {
		left: 14.2rem;
	}
}
@media(max-width:767.98px){
	.history_list ul li .y{
		width:8rem;
		padding-top:.4rem;
		font-size: 2.4rem;
	}
	.history_list ol {
		padding-left: 4rem;
		padding-top:.2rem;
	}
	.history_list ul > li::after {
		top: 4.2rem;
		left: 8rem;
		width: 14px;
		height: 14px;
		border: 4px solid #1c79c0;
	}
	.history_list ul > li::before {
		left: 8.8rem;
	}
	.history_list ol li span {
		width: 4rem;
		font-size: 1.8rem;
	}
}





/*product_wrap*/
.product_wrap .v{
	height:39rem;
	border-radius:2.5rem;
}
.product_wrap .box{
	border:1px solid #ddd;
	padding:2.5rem 3.5rem;
	font-family: "Poppins";
	font-size:1.8rem;
	font-weight:500;
	height:100%;
	display:flex;
	align-items: center;
}

@media(max-width:1199.98px){
	.product_wrap .box{
		padding:2rem 2.5rem;
		font-size:1.7rem;
	}
}
@media(max-width:767.98px){
	.product_wrap .v{
		height:30rem;
	}
}