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



#sub_wrap h3.sub_title{
	font-size: 4.5rem;
	text-align:center;
	position:relative;
	font-weight: 500;
	margin-bottom:4rem;
}
#sub_wrap h3.sub_title.eng4{
	font-weight:700;
	letter-spacing:2px;
}
#sub_wrap h3.sub_title > span{
	font-weight:500;
	color:#f08711
}
#sub_wrap h4.sub_stitle{
	font-size:3rem;
	font-weight: 300;
	margin-bottom: 6rem;
	position:relative;
}
#sub_wrap h4.sub_stitle > i{
	position:absolute;
	width:45px;
	height:7px;
	left:0;
	top:0;
	overflow:hidden;
}
#sub_wrap h4.sub_stitle > i::after{
	content:"";
	position:absolute;
	left:0;
	top:-55%;
	width:90%;
	height:230%;
	background:#ec6d01;
	transform:rotate(-30deg)
}
#sub_wrap h4.sub_stitle.b{
	padding-top:0;
	padding-bottom:25px;
}
#sub_wrap h4.sub_stitle.b > i{
	top:auto;
	bottom:0;
}



@media(max-width:991.98px){
	#sub_wrap h3.sub_title{
		font-size:2.8rem;
	}
}



/* 수정 */
	.about, .project, .notice, .online, .multi {
		position: relative;
		z-index: 100;
		margin-top: -346px;
	 }
	.about_wrap{
		width:200%;
		margin-top:8rem;
		position: relative;
		background: #fff;
	}
	.about_wrap::before{
		content: '';
		position: absolute;
		width: 80px;
		height: 100%;
		left: -80px;
		top: 0;
		background: #fff;
	}
	.about_wrap .ceo{
		text-align: end;
	}
	.about_title{
		padding: 7rem 0 8rem 0;
	}
	.about_title .sub-title{
		position: relative;
	}
	.sub-title span{position: relative;}
	.sub-title .under_line{		
		display: inline-block;
		box-shadow: inset 0 -15px #ffee7a;	
	}
	.about_txt{
		max-width:1440px;
	}

	@media(max-width:991.98px){
		.about, .project, .notice, .online, .multi {
			margin-top: 0;
		}
		.about_wrap{
			width:100%;
			margin-top: 0;
		}
	}

	/* sub페이지 - project 수정 */

	.project .about_wrap{width: 100vw;}
	.project .about_txt span{
		position: relative;
		display: inline-block;
		box-shadow: inset 0 -15px #ffee7a;	
	}

	.project .about_title{
		position: relative;
		left: -80px;
		padding-bottom: 56rem;
		width: 100% !important;
	}
	.project_sub01 .about_title{background: url("../_img/sub/sub_0201.jpg")no-repeat center center/ cover;}
	.project_sub02 .about_title{background: url("../_img/sub/sub_0202.jpg")no-repeat center center/ cover;}
	.project_sub03 .about_title{background: url("../_img/sub/sub_0203.jpg")no-repeat center center/ cover;}
	.project_sub04 .about_title{background: url("../_img/sub/sub_0204.jpg")no-repeat center center/ cover;}
	
	/* project 타이틀 박스 */
	.sub_title_wrap{
		margin-top: -8rem;
		position: relative;
		z-index: 10;
	}
	

	@media(max-width:1230px){
		.project .about_txt span{display:inline;}
	}
	@media(max-width:991.98px){
		.project .about_txt br{display:none;}
		.project .about_wrap{width:100% !important;}
		.project .about_title{
			left:0;
			padding-bottom: 0;
			padding-top:60%;
		}
		.sub_title_wrap{width: 60%;}
		
	}
	@media (max-width: 767.98px){
		.sub_title_wrap img{width:100%;}
	}
	/* // sub페이지 - project 수정 */

/*// 수정 */


/*인사말*/
.company_wrap.greeting .txt{
	position: relative;
    z-index: 1;
    margin: -140px 70px 0 70px;
    background: #fff;
    padding: 50px 100px;
    text-align: center;
}

@media(max-width:991.98px){
	.company_wrap.greeting .txt{
		margin: -100px 30px 0 30px;
		padding: 50px 40px;
	}
}

@media (max-width: 767.98px) {
	.company_wrap.greeting .txt{
		margin: -80px 30px 0 30px;
		padding: 40px 20px;
	}
}

/*지도*/

.about.location .map_detail{
	display:none;
}
.about.location .map_detail > .map{
	height:360px;
}
.about.location .map_detail > .map .root_daum_roughmap {
	width:100% !important;
}
.about.location .map_view{
	position:absolute;
	right:15px;
	bottom:0px;
	background:#fff;
	border:1px solid #ddd;
	color:#666;
	padding:12px 25px;
}
.about.location .map_view:hover,
.about.location .map_view.active{
	border:1px solid #ec6d01;
	background:#ec6d01;
	color:#fff;
}

.location .root_daum_roughmap { width:100%; }

.location section{
	width:100%;
	border-top:2px solid #000;
	margin-top:14px;
}
.location section dl{
	margin:0;
	padding:30px 0;
	border-bottom:1px solid #ebebeb;
}
.location section dl::after{
	clear:both;
	content:'';
	display:block;
}
.location section dl dt,
.location section dl dd{
	line-height: 1.5;
}
.location section dl dt{
	float:left;
	color:black;
	font-weight: 400;
	width:18%;
	padding:0 15px 0 10px;
}
.location section dl dd{
	float:left;
	color:#777;
	font-weight: 300;
	width:82%;
}
.about .loc_row1{
		margin-bottom: 4rem;
}
@media (max-width: 767.98px) {
	.about .loc_row1{margin-bottom: 0;}
	.about .loc_row1 .col-md-4{margin-bottom: 4rem;}
}


.tabType1{
	display:table;
	width:100%;
	table-layout: fixed;
	margin: 0 0 5rem;
	border:1px solid #dddddd;
}
.tabType1 a {
	display:table-cell;
	padding: 15px 0;
	font-size: 18px;
	color: #222;
	font-weight: bold;
	font-family:'Montserrat',sans-serif !important;
}
.tabType1 a.active{
	color:#fff;
	background:#066dbe;
	position: relative;
}

.tabType2{
	width:100%;
	margin:0 0 5rem;
}
.tabType2 a{
	display:inline-block;
	margin:0 20px;
	padding: 12px 0;
	font-size:16px;
	color:#333;
	font-weight: bold;
	font-family:'Montserrat',sans-serif !important;
}
.tabType2 a.active{
	color:#000;
	position: relative;
}
.tabType2 a.active::after{
	content:'';
	position: absolute;
	bottom: 4px;
	left:0;
	width:100%;
	height:2px;
	background: #000;
}


@media(max-width:992px){ 
	.tabType1{
		margin:0 0 2rem;
	}
	.tabType1 a {
		padding:15px 0;  
		font-size:16px;
		color:#cacaca;
		font-weight: 500;
	}
	.tabType2{
		margin:0 0 2rem;
	}
	.tabType2 a{
		margin: 0 10px;
		padding: 9px 0;
	}
}