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



/*business*/
.business_wrap{}
.business_wrap .section_item_group{}
.business_wrap .section_item_group > section.item{}
.business_wrap .section_item_group > section.item + section.item{
	margin-top:18rem;
}
.business_wrap .section_item_group > section.item > div{
	height:50rem;
	position:relative;
}
.business_wrap .section_item_group > section.item > div > .img{
	position:absolute;
	top:0;
	width:1920px;
	height:100%;
}
.business_wrap .section_item_group > section.item:nth-child(odd) > div > .img{
	right:0;
}
.business_wrap .section_item_group > section.item:nth-child(even) > div > .img{
	left:0;
}
.business_wrap .section_item_group > section.item dl{
	max-width:1200px;
	margin:0 auto;
	margin-top:10rem;
}
.business_wrap .section_item_group > section.item dl dt{
	font-size:5rem;
	font-family: "minion-3", serif !important;
	margin-bottom:3.5rem;
	position:relative;
	padding-left:2rem;

}
.business_wrap .section_item_group > section.item dl dt::after{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:8px;
	height:8px;
	background:#000;
}
.business_wrap .section_item_group > section.item dl dd{
	position: relative;
	padding-left: 1.5rem;
	font-size:2rem;
	font-weight:500;
}
.business_wrap .section_item_group > section.item dl dd::before{
	content: '';
	position: absolute;
	top: 12px; left: 0;
	width: 5px;
	height: 5px;
	background: #bbb6b1;
	border-radius: 50%;
}
.business_wrap .section_item_group > section.item dl dd small{
	display:block;
	margin-top:1.5rem;
	font-size:1.8rem;
}

.business_wrap .title_section{
	text-align:center;
}
.business_wrap .title_section h4{
	text-align:center;
	font-size:4.2rem;
	font-weight:700;
	line-height:1.4;
	padding:8rem 0;
	position:relative;
}
.business_wrap .title_section h4::after,
.business_wrap .title_section h4::before{
	content:"";
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	width:3.8rem;
	height:3.6rem;
	background:url(../_img/sub/icon_dot.png) no-repeat center center / cover;
}
.business_wrap .title_section h4::after{
	top:0;
}
.business_wrap .title_section h4::before{
	bottom:0;
	transform:translateX(-50%) rotate(180deg);
}

.business_wrap .title_section p.desc{
	font-size:2.2rem;
	margin-top:8rem;
	font-weight:600;
}

.business_wrap .title_section h4 > .inner{
	position:relative;
	color:rgba(0,0,0,.3);
	_white-space: nowrap;
}
.business_wrap .title_section h4 > .inner > .text{
	-webkit-background-clip: text;
	background-image: linear-gradient(0deg, #000 0%, #000 100%);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 0% 100%;
	transition:0.7s cubic-bezier(1,1,1,1);
	transition-delay:.5s;
	display:inline;
}
.business_wrap .title_section h4 > .inner > .text.t1{
	transition:1s cubic-bezier(1,1,1,1);
}
.business_wrap .title_section h4 > .inner > .text.t2{
	transition:2s cubic-bezier(1,1,1,1);
}
.business_wrap .title_section h4 > .inner > .text.t3{
	transition:3s cubic-bezier(1,1,1,1);
}

.business_wrap .title_section h4.aos-animate > .inner > .text{
	background-size: 100% 100%;
}


@media(max-width:1199.98px){
	.business_wrap .section_item_group > section.item > div {
		height: 36rem;
		position: relative;
	}
	.business_wrap .section_item_group > section.item > div > .img{
		width: 1200px;
		height: 100%;
	}
	.business_wrap .section_item_group > section.item dl{
		margin-top:6rem;
	}
	.business_wrap .section_item_group > section.item dl dt{
		font-size:4rem;
		margin-bottom:2rem;
	}
	.business_wrap .section_item_group > section.item dl dd{
		font-size:1.8rem;
	}
	.business_wrap .section_item_group > section.item + section.item{
		margin-top:10rem;
	}
	.business_wrap .title_section h4{
		font-size:3.6rem;
	}
	.business_wrap .title_section p.desc{
		font-size:2rem;
		margin-top:6rem;
	}

	.business_wrap .section_item_group > section.item dl dd::before{
		top: 9px;
	}
}

@media(max-width:767.98px){
	.business_wrap .section_item_group > section.item > div {
		height: 30rem;
		position: relative;
	}
	.business_wrap .section_item_group > section.item > div > .img{
		width: 1000px;
		height: 100%;
	}
	.business_wrap .section_item_group > section.item dl dt{
		font-size:3rem;
	}
	.business_wrap .section_item_group > section.item dl dd{
		font-size:1.7rem;
	}
	.business_wrap .title_section h4{
		font-size:3.2rem;
		padding-top:6rem;
		padding-bottom:6rem;
	}
	.business_wrap .title_section h4::after, .business_wrap .title_section h4::before {
		width: 28px;
		height: 26px;
	}
}
@media(max-width:576.98px){
	.business_wrap .section_item_group > section.item > div {
		position: relative;
	}
	.business_wrap .section_item_group > section.item > div > .img{
		width: 600px;
		height: 100%;
	}
	.business_wrap .title_section h4{
		font-size:2.6rem;
	}
	.business_wrap .title_section p.desc{
		font-size:1.8rem;
	}
	.business_wrap .title_section h4::after, .business_wrap .title_section h4::before {
		width: 23px;
		height: 22px;
	}
}


.business_wrap.content{}
.business_wrap.content .circle_box{
	padding:8rem 0;
}
.business_wrap.content .circle_box > ul{
	display:flex;
	justify-content: center;
}
.business_wrap.content .circle_box > ul li{
	border:1px solid #000;
	width:45rem;
	height:45rem;
	border-radius:50%;
	display:flex;
	flex-direction:column;
	justify-content: center;
}
.business_wrap.content .circle_box > ul li + li{
	margin-left:-3rem;
}
.business_wrap.content .circle_box > ul li h5{
	font-size:3rem;
	padding-top:3rem;
}
.business_wrap.content .circle_box > ul li span{
	width:10px;
	height:10px;
	background:#000;
	margin:5rem auto;
}
.business_wrap.content .circle_box > ul li p{
	font-size:2.2rem;
	font-weight:500;
	line-height:1.5;
	height:9rem;
}
.business_wrap.content .circle_box .sample a{
	display: block;
    border: 2px solid #151f38;
	background:#151f38;
    color: #fff;
    font-size: 2.2rem;
    padding: 1.8rem 2rem;
    text-align: center;
    width: 28rem;
    margin: 0 auto;
    border-radius: 10rem;
}

@media(max-width:1440px){
	.business_wrap.content .circle_box > ul li{
		width:35rem;
		height:35rem;
	}
	.business_wrap.content .circle_box > ul li h5{
		font-size:2.5rem;
	}
	.business_wrap.content .circle_box > ul li p{
		font-size:1.8rem;
	}
}

@media(max-width:991.98px){
	.business_wrap.content .circle_box > ul li{
		width:28rem;
		height:28rem;
	}
	.business_wrap.content .circle_box > ul li + li{
		margin-left:-2rem;
	}
	.business_wrap.content .circle_box > ul li h5{
		font-size:2.2rem;
	}
	.business_wrap.content .circle_box > ul li p{
		font-size:1.7rem;
	}
	.business_wrap.content .circle_box > ul li span{
		width:8px;
		height:8px;
		margin: 2.5rem auto;
	}
}

@media(max-width:767.98px){
	.business_wrap.content .circle_box > ul {
		flex-wrap:wrap;
	}
	.business_wrap.content .circle_box > ul li:last-child{
		margin-left:0;
		margin-top:-5.5rem;
	}
}
@media(max-width:576.98px){
	.business_wrap.content .circle_box {
		padding: 5rem 0;
	}
	.business_wrap.content .circle_box > ul li{
		width:32rem;
		height:32rem;
		margin-left:0 !important;
	}
	.business_wrap.content .circle_box > ul li + li{
		margin-top:-3rem !important;
	}
	.business_wrap.content .circle_box > ul li span{
		width:6px;
		height:6px;
		margin: 2.5rem auto;
	}
}