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



/*comapny_wrap*/
.comapny_wrap{}
.comapny_wrap .box1{
	position:relative;
}
.comapny_wrap .box1 .text_circle{
	position:absolute;
	right:10%;
	top:50%;
	transform:translateY(-50%);
	width:22rem;
	height:22rem;
	opacity:.3;
}
.comapny_wrap .shadow_text{
	position:relative;
}
.comapny_wrap .shadow_text span.st{
	font-size:10rem;
	line-height:1;
	font-weight:800;
	font-family:'Montserrat';
	position:absolute;
	opacity:.05;
	left:5rem;
	bottom:0rem;
	z-index:-1;
}

.comapny_wrap .oga{
	text-align:center;
	padding:12rem 0;
	margin-bottom:-10rem;
	
}
.comapny_wrap .oga::after{
	background:url(../_img/sub/company_oga_bg.jpg) no-repeat center center / cover;
}
@media(max-width:991.98px){
	.comapny_wrap .shadow_text {
		padding-top:6rem;
	}
	.comapny_wrap .shadow_text span.st{
		font-size:6rem;
		left:0;
		bottom:2rem;
		width:100%;
	}
	.comapny_wrap .oga{
		text-align:center;
		padding:8rem 0;
		
	}
}


/*history_wrap*/
.history_wrap .history{
	position:relative;
}
.history_wrap .history::after{
	content:"";
	position:absolute;
	left:5px;
	top:10px;
	height:calc(100% - 40px);
	border-left:1px solid #ddd;
	z-index:-1;
}
.history_wrap .history div{
	display:flex;
	font-size:1.8rem;
	position:relative;
	padding-left:11rem;
}
.history_wrap .history div::after{
	content:"";
	position:absolute;
	left:0;
	top:9px;
	width:10px;
	height:10px;
	background:#2c9896;
	border-radius:100%;
}
.history_wrap .history div::before{
	content:"";
	position:absolute;
	border-top:1px solid #ddd;
	width:8rem;
	left:5px;
	top:14px;
}

.history_wrap .history div > strong{
	color:#2c9896;
	width:10rem;
	flex-shrink: 0;
}
.history_wrap .history div > ul,
.history_wrap .history div > p{
	list-style:none;
	padding:0;
}
.history_wrap .history div > ul > li,
.history_wrap .history div > p{
	color:#666;
	margin-bottom:2rem;
}

.history_wrap .sec02{
	padding:12rem 0;
	margin-bottom:-10rem;
}
.history_wrap .sec02 h4{
	color:#2c9896;
	font-size:2.2rem;
	padding-left:7.5rem;
	position:relative;
}
.history_wrap .sec02 h4 span{
	color:#000;
	font-size:1.8rem;
}
.history_wrap .sec02 h4::after{
	content:"";
	position:absolute;
	left:0;
	height:3px;
	top:1.2rem;
	width:6rem;
	background:#2c9896;
}
.history_wrap .sec02 .history::after{
	content:"";
	position:absolute;
	left:10.5rem;
	top:0;
	height:100%;
	border-left:1px solid #ddd;
	z-index:5;
}
.history_wrap .sec02 .history div{
	padding-left:0;
}
.history_wrap .sec02 .history div::after,
.history_wrap .sec02 .history div::before{
	display:none;
}
.history_wrap .sec02 .history div strong{
	color:#000;
	width:14rem;
}
.history_wrap .history li:last-child div > ul > li, 
.history_wrap .history li:last-child div > p{
	margin-bottom:0;
}

@media(max-width:1199.98px){
	.history_wrap .history div {
		padding-left: 6rem;
	}
	.history_wrap .history div::before{
		width:5rem;
	}
}
@media(max-width:991.98px){
	.history_wrap .sec02{
		padding:8rem 0;
	}
}



/*certificate_wrap*/
.certificate_wrap{}
.certificate_wrap .sec01{
	padding:8rem 0;
}
.certificate_wrap .sec01 ul{
	list-style:none;
	padding:0;
	font-size:1.8rem;
}
.certificate_wrap .sec01 ul li{
	margin:1rem 0;
	display:flex;
}
.certificate_wrap .sec01 ul li:before{
	content:"·";
	width:2.4rem;
	flex-shrink: 0;
	color:#2c9896;
	font-weight:800;
	text-align:center;
}
.certificate_wrap .sec02 li{
	margin-bottom:6rem;
}
.certificate_wrap .sec02 .thum{
	text-align:center;
}
.certificate_wrap .sec02 .thum img{
	border:1px solid #eee;
	box-shadow: 0px 0px 15px rgba(0,0,0,.1);
	text-align:center;
	width:100%;
	max-width:30.6rem;
}
.certificate_wrap .sec02 .name{
	text-align:center;
	padding-top:1.5rem;
	font-size:1.6rem;
}
@media(max-width:767.98px){
	.certificate_wrap .sec01 {
		padding: 6rem 0;
	}
}
@media(max-width:576.98px){
	.certificate_wrap .sec02 .row{
		margin-left:-8px;
		margin-right:-8px;
	}
	.certificate_wrap .sec02 .row [class^='col-']{
		padding-left:8px;
		padding-right:8px;
	}
}



/**/
.location_wrap{}
.location_wrap .tabs{
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom:4rem;
}
.location_wrap .tabs button{
	width:20rem;
	font-size:1.7rem;
	height:6rem;
	border:1px solid #ddd;
	color:#666;
	background:#fff;
	margin:0px .5rem;
	outline: none;
}
.location_wrap .tabs button.is-active{
	background:#2c9896;
	border:1px solid #2c9896;
	color:#fff;
}

.location_wrap .tabs_contents{}
.location_wrap .tabs_contents .map_box{
	height:360px;
	margin-bottom:7rem;
	border:1px solid #ddd;
	overflow:hidden;
}
.location_wrap .tabs_contents .map_box .root_daum_roughmap {
	width:100% !important;
}
.location_wrap .tabs_contents .map_box .root_daum_roughmap .hide,
.location_wrap .tabs_contents .map_box .root_daum_roughmap .map_border{
	display:none !important;
}

.location_wrap .tabs_contents .dp-flex{
	display:flex;
}
.location_wrap .tabs_contents .dp-flex > div:nth-child(1){
	width:40%;
	flex-shrink: 0;
	margin-right:8rem;
	border-right:1px solid #ddd;
}
.location_wrap .tabs_contents .dp-flex > div:nth-child(1) hr{
	width:6rem;
	border-top:2px solid #000;
	margin:0;
	margin-top:4rem;
}
.location_wrap .tabs_contents .dp-flex ul{
	font-size:1.6rem;
}
.location_wrap .tabs_contents .dp-flex ul li + li{
	margin-top:2.5rem;
}
.location_wrap .tabs_contents .dp-flex ul li strong{
	display:block;
	margin-bottom:.5rem;
}
.location_wrap .tabs_contents .dp-flex > div:nth-child(3){
	margin-left: auto;
} 
.location_wrap .tabs_contents .dp-flex > div:nth-child(3) a{
	border:1px solid #ddd;
	color:#666;
	font-weight:300;
	padding:1.5rem;
	width:20rem;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	position:relative;
	z-index:2;
}

.location_wrap .tabs_contents .dp-flex > div:nth-child(3) a i{
	color:#2c9896;
	font-size:2.2rem;
	margin-right:.5rem;
}

@media(max-width:991.98px){
	.location_wrap .tabs_contents .dp-flex > div:nth-child(1){
		width:35%;
		margin-right:4rem;
	}
}
@media(max-width:767.98px){
	.location_wrap .tabs_contents .dp-flex {
		flex-wrap:wrap
	}
	.location_wrap .tabs_contents .dp-flex > div{
		width:100% !important;
		margin-right:0 !important;
		border:0 !important;
	}
	.location_wrap .tabs_contents .dp-flex > div:nth-child(1) hr{
		margin-top:3rem;
		margin-bottom:3rem;
	}
	.location_wrap .tabs_contents .map_box{
		margin-bottom:5rem;
	}
	.location_wrap .tabs_contents .dp-flex > div:nth-child(3){
		margin-top:4rem;
	}
	.location_wrap .tabs_contents .dp-flex ul li{
		display:flex;
	}
	.location_wrap .tabs_contents .dp-flex ul li strong{
		width:7rem;
	}
}





/*business_wrap*/
.business_wrap{
	padding:0px 7rem;
}
.business_wrap h3{
	color:#2c9896;
	font-size:2.2rem;
	position:relative;
	margin-bottom:6rem;
}
.business_wrap h3::after{
	content:"";
	position:absolute;
	left:-7rem;
	height:3px;
	width:5.5rem;
	background:#2c9896;
	top:50%;
	margin-top:-2px;
}

.business_wrap h4{
	display:flex;
	margin-bottom:4rem;
}
.business_wrap h4 > p{
	width:20rem;
	height:8rem;
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius:5rem;
	position:relative;
}
.business_wrap h4 > p:nth-child(1){
	background:#2c9896;
	z-index:2;
}
.business_wrap h4 > p:nth-child(1) img{
	max-width:9rem;
}
.business_wrap h4 > p:nth-child(2){
	background:#f5f5f5;
	color:#000;
	font-size:1.6rem;
	margin-left:-2rem;
}
.business_wrap .sec01 [class^="col-"]{
	margin-bottom:4rem;
}
.business_wrap .sec01 .box{
	display:flex;
	align-items: center;
	justify-content: space-between;
	max-width:39rem;
}
.business_wrap .sec01 .box .in_circle{
	border:1px solid #ddd;
	width:16rem;
	height:16rem;
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius:100%;
	text-align:center;
}
.business_wrap .sec01 .box .in_circle strong{
	font-size:4rem;
	display:block;
	font-family: "Montserrat";
	line-height:1.2;
}
.business_wrap .sec01 .box .in_circle strong span{
	font-size:1.6rem;
}
.business_wrap .sec01 .box .bar{
	height:.4rem;
	background:#ddd;
	width:3rem;
	border-radius:2rem;
}
.business_wrap .sec02{
	position:relative;
	z-index:1;
}
.business_wrap .sec02::after{
	top:auto;
	bottom:-10rem;
}

@media(max-width:1440px){
	.business_wrap .sec01 .box {
		max-width: 30rem;
	}
	.business_wrap .sec01 .box .in_circle{
		width:12rem;
		height:12rem;
		display:flex;
	}
	.business_wrap .sec01 .box .in_circle strong{
		font-size:3rem;
	}
}
@media(max-width:1199.98px){
	.business_wrap .sec01 [class^="col-"]{
		margin-bottom:2rem;
	}
}
@media(max-width:991.98px){
	.business_wrap {
		padding: 0px 0rem;
	}
	.business_wrap h3{
		margin-bottom:5rem;
		padding-left:4rem;
	}
	.business_wrap h3::after{
		left:0rem;
		height:2px;
		width:3rem;
		margin-top:-1px;
	}
	.business_wrap h4 > p{
		width: 16rem;
		height: 7rem;
	}
	.business_wrap h4 > p:nth-child(1) img{
		max-width:7rem;
	}
}
@media(max-width:576.98px){
	.business_wrap .sec01 .box {
		max-width: 21rem;
	}
	.business_wrap .sec01 .box .in_circle{
		width:9rem;
		height:9rem;
		display:flex;
	}
	.business_wrap .sec01 .box .in_circle strong{
		font-size:2.4rem;
	}
	.business_wrap h4 > p{
		width: 14rem;
		height: 6rem;
	}
	.business_wrap h4 > p:nth-child(2){
		margin-left:-1rem;
	}
	
}