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


.visible-xs{
 	display:none;
}
/*공통*/
.bg_title{
	position:relative;
	text-align:center;
}
.bg_title > h4{
	width:85%;
	background:#fff;
	margin:0 auto;
	padding:4rem 4rem 0 4rem;
	font-size:3rem;
	line-height:1.6;
	position:relative;
	z-index:2;
	top:-10rem;
}
.bg_title2{
	height:35rem;
	position:relative;
}
.bg_title2 > h4{
	position:absolute;
	left:0;
	width:100%;
	padding:0px 3rem;
	top:50%;
	transform:translatey(-50%);
	color:#fff;
	text-align:center;
	font-size:3rem;
	line-height:1.8;
}

@media(max-width:991.98px){
	.bg_title > h4,{
		width:90%;
		padding:3rem 3rem 0 3rem;
		font-size:2.4rem;
	}
	.bg_title2{
		height:30rem;
		position:relative;
	}
	.bg_title2 > h4{
		font-size:2.4rem;
	}

	.visible-xs{
	 	display:inline-block;
	}
}
@media(max-width:767.98px){
	.bg_title > h4{
		width:90%;
		padding:3rem 2rem 0 2rem;
		font-size:2.2rem;
	}
	.bg_title br,
	.bg_title2 br{
		display:none;
	}
	.bg_title2{
		height:25rem;
		position:relative;
	}
	.bg_title2 > h4{

		font-size:2.2rem;
	}
}

.tabmenu_type1{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	margin-bottom:4rem;
}
.tabmenu_type1 > li{
	flex-basis: 100%;
	flex-shrink: 1;
	text-align:center;
}
.tabmenu_type1 > li > a{
	display:block;
	position:relative;
	font-size:2rem;
	font-weight:400;
	padding:1.5rem 0;
	color:#000;
	border-bottom:1px solid #ddd;
}
.tabmenu_type1 > li > a.on::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-2px;
	height:2px;
	background:#000;
	width:100%;
}
.tabmenu_type1 > li > a.on::before{
	content:"";
	position:absolute;
	left:50%;
	margin-left:-5px;
	bottom:-8px;
	border-top:8px solid black;
	border-bottom:8px solid none;
	border-right: 8px solid transparent;
	border-left: 8px solid  transparent;
}

.tabmenu_type2{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	margin-bottom:4rem;
}
.tabmenu_type2 > li{
	flex-basis: 100%;
	flex-shrink: 1;
	text-align:center;
	margin-left:-1px;
	position:relative;
}
.tabmenu_type2 > li > a{
	display:block;
	position:relative;
	font-size:2rem;
	font-weight:300;
	padding:1.5rem 0;
	color:#666;
	border:1px solid #ddd;
	background:#f9f9f9
}
.tabmenu_type2 > li > a.on{
	border:1px solid #888;
	border-bottom:#fff;
	background:#fff;
	z-index:2;
	color:#222;
	font-weight:500;
}
.tabmenu_type2 > li > a.on::after{
	content:"";
	position:absolute;
	left:0;
	top:-1px;
	height:3px;
	background:#2c67eb;
	width:100%;
}
@media(max-width:991.98px){
	.tabmenu_type2 > li > a{
		font-size:1.8rem;
	}
}
@media(max-width:767.98px){
	.tabmenu_type2 > li > a{
		font-size:1.7rem;
	}
}


.tab_contents{
	display:none;
}
.tab_contents.fade{
	opacity:0;
}
.tab_contents.on{
	display:block;
}

/* brand_history_wrap */
.brand_history_wrap .history_list{
	position:relative;
}
.brand_history_wrap .history_list > li{
	padding-bottom:6rem;
	position:relative;
	padding-left:7rem;
}
.brand_history_wrap .history_list > li::after{
	content:"";
	position:absolute;
	left:.9rem;
	bottom:0;
	height:100%;
	border-right:1px solid #ddd;
}

.brand_history_wrap .history_list > li:last-child{
	margin-bottom:0;
}
.brand_history_wrap .history_list > li:first-child::after{
	height:85%;
}
.brand_history_wrap .history_list > li:last-child::after{
	bottom:auto;
	top:0;
	height:20px;
}


.brand_history_wrap .history_list  p.year{
	font-size:3.6rem;
	color:#0051bd;
	font-weight:600;
	font-family:"Roboto" , sans-serif;
	margin-bottom:1rem;
	position:relative;
}
.brand_history_wrap .history_list  p.year::after{
	content:"";
	position:absolute;
	left:-7rem;
	top:50%;
	margin-top:-.9rem;
	width:1.8rem;
	height:1.8rem;
	border-radius:100%;
	background:#fff;
	border:5px solid #0051bd;
	z-index:5;
}
.brand_history_wrap .history_list  p.year::before{
	content:"";
	position:absolute;
	left:-7rem;
	top:50%;
	width:5rem;
	border-top:1px solid #ddd;
}


.brand_history_wrap .history_list  p:not(.year){
	font-size:1.8rem;
	font-weight:300;
	position:relative;
	padding-left:1.2rem;
	color:#000;
	margin-bottom:.8rem;
}
.brand_history_wrap .history_list  p:not(.year)::after{
	content:"-";
	position:absolute;
	lefT:0;
	top:0;
}
@media(max-width:767.98px){
	.brand_history_wrap .history_list  p.year{
		font-size:3rem;
	}
	.brand_history_wrap .history_list > li{
		padding-bottom:4rem;
	}
}

/*brand_company_wrap*/
.brand_company_wrap{}
.brand_company_wrap .company_gallery_thum{
	position:relative;
}
.brand_company_wrap .company_gallery_thum > .cgt-nav{
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	font-size:3rem;
	z-index:5;
	left:5px;
	margin-top:-1.6rem;
}
.brand_company_wrap .company_gallery_thum > .cgt-next{
	right:5px;
	left:auto;
}
.brand_company_wrap .company_gallery_thum .swiper-pagination{
	position:relative;
	width:100%;
	margin-top:2rem;
	text-align:center;
}
.brand_company_wrap .company_gallery_thum .swiper-pagination > span{
	margin:0px 5px;
	transform:scale(1.2);
}
@media(max-width:767px){
	.brand_company_wrap .company_gallery_thum > .cgt-nav{
		font-size:2.6rem;
		left:0px;
		margin-top:-2rem;
	}
	.brand_company_wrap .company_gallery_thum > .cgt-next{
		right:0px;
		left:auto;
	}
}

/*brand_location_wrap*/
.brand_location_wrap{}
.brand_location_wrap .map_body .root_daum_roughmap{
	width:100% !important;
}

.brand_location_wrap .map_body .root_daum_roughmap .wrap_controllers{
	display:none !important;
}


/*service_evaluationList_wrap*/
.service_evaluationList_wrap{}


@media(max-width:1199.98px){
	.service_evaluationList_wrap .gray_box1 .image{
		position:relative;
		top:0;
		transform:none;
		margin-top:30px;
	}
	.service_evaluationList_wrap .gray_box1 .image img{
		max-width:100% !important;
	}
}
@media(max-width:991.98px){
	.service_evaluationList_wrap table .image,
	.service_evaluationList_wrap table .lg-none{
		display:none;
	}
}


/*.evaluation_effectiveness_wrap*/
@media(max-width:767.98px){
	.tabmenu_type2{
		flex-wrap:wrap;
	}
	.tabmenu_type2 > li {
		flex-basis: auto;
		flex-shrink: unset;
		width:33.33%;
		margin-top: -1px;
	}
	.tabmenu_type2 > li > a.on{
		border-bottom:1px solid #888;
	}
}
.evaluation_effectiveness_wrap .in_container{
	position:relative;
	width:90%;
	margin: 0 auto;
	margin-top:-6rem;
	background:#fff;
	z-index:10;
	padding:5rem;
}
@media(max-width:991.98px){
	.evaluation_effectiveness_wrap .in_container{
		padding:3.5rem;
	}
}

@media(max-width:767.98px){
	.evaluation_effectiveness_wrap .in_container{
		padding:3.5rem 1.5rem;
	}
}
.title_bullet{
	position:relative;
	font-size:1.6rem;
	padding-left:14rem;
	padding-top:.5rem;
}
.title_bullet span{
	position:absolute;
	top:0;
	left:0;
	padding:.5rem;
	width:13rem;
	text-align:center;
	background:#024298;
	color:#fff;
	font-weight:500;
	border-radius:6px;
}



/*participate_guide_wrap*/
.participate_guide_wrap .step {
	background:url(../_img/sub/step_dot_bg.png) repeat-y 9% top / 3px auto;
}
.participate_guide_wrap .step > li{
	display:flex;
	margin-bottom:2rem;
	background:#f9f9f9;
	overflow:hidden;
}
.participate_guide_wrap .step > li:last-child{
	margin-bottom:0;
}
.participate_guide_wrap .step > li > p{
	padding:1.5rem;
	font-size:1.8rem;
}
.participate_guide_wrap .step > li > p:first-child{
	width:18%;
	text-align:center;
	color:#fff;
	font-weight:600;
	position:relative;
	z-index:2;
}
.participate_guide_wrap .step > li > p:first-child > span{
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	transform:translatey(-50%);
	padding-left:1.5rem;
}
.participate_guide_wrap .step > li > p:first-child::after{
	content:"";
	width:14rem;
	height:14rem;
	position:absolute;
	top:50%;
	right:-1.5rem;
	transform:translatey(-50%) rotate(45deg) ;
	z-index:-1;
}

.participate_guide_wrap .step > li > p:last-child{
	padding-left:6rem;
	width:82%;
}
.participate_guide_wrap .step > li:nth-child(1) > p:first-child,
.participate_guide_wrap .step > li:nth-child(1) > p:first-child::after{
	background:#b3cce7;
}
.participate_guide_wrap .step > li:nth-child(2) > p:first-child,
.participate_guide_wrap .step > li:nth-child(2) > p:first-child::after{
	background:#7dc9dd;
}
.participate_guide_wrap .step > li:nth-child(3) > p:first-child,
.participate_guide_wrap .step > li:nth-child(3) > p:first-child::after{
	background:#40c5d1;
}
.participate_guide_wrap .step > li:nth-child(4) > p:first-child,
.participate_guide_wrap .step > li:nth-child(4) > p:first-child::after{
	background:#02a1b8;
}
.participate_guide_wrap .step > li:nth-child(5) > p:first-child,
.participate_guide_wrap .step > li:nth-child(5) > p:first-child::after{
	background:#028db1;
}
.participate_guide_wrap .step > li:nth-child(6) > p:first-child,
.participate_guide_wrap .step > li:nth-child(6) > p:first-child::after{
	background:#0275a5;
}
.participate_guide_wrap .step > li:nth-child(7) > p:first-child,
.participate_guide_wrap .step > li:nth-child(7) > p:first-child::after{
	background:#026aa5;
}
.participate_guide_wrap .step > li:nth-child(8) > p:first-child,
.participate_guide_wrap .step > li:nth-child(8) > p:first-child::after{
	background:#02559e;
}
@media(max-width:767.98px){
	.participate_guide_wrap .step > li > p:first-child{
		width:20%;
	}
	.participate_guide_wrap .step > li > p:first-child > span{
		padding-left:1rem;
	}
	.participate_guide_wrap .step > li > p:last-child{
		padding-left:6rem;
		width:80%;
	}
}
@media(max-width:576.98px){
	.participate_guide_wrap .step > li > p:first-child{
		width:25%;
	}
	.participate_guide_wrap .step > li > p:first-child > span{
		padding-left:0rem;
	}
	.participate_guide_wrap .step > li > p:first-child::after{
		display:none;
	}
	.participate_guide_wrap .step > li > p:last-child{
		padding-left:2rem;
		width:70%;
	}
}



/*recruit_wrap*/
.recruit_wrap #board_list .status span,
.recruit_wrap .view_header .status span{
	background:#024298;
	border:1px solid #024298;
	color:#fff !important;
	font-size:1.4rem;
	font-weight:300;
	width:70px;
	text-align:center;
	display:inline-block !important;
	height:3rem;
	line-height:2.6rem;
	border-radius:5px;
}
.recruit_wrap #board_list .status span.end,
.recruit_wrap .view_header .status span.end{
	background:#aaa;
	border:1px solid #aaa;
	color:#fff !important;
}
@media(max-width:767px){
	.recruit_wrap #board_list .status span,
	.recruit_wrap .view_header .status span{
		line-height:2.8rem;
	}
}
.recruit_wrap #board_list .detail_view a{
	background:#fff;
	border:1px solid #aaa;
	color:#888;
	font-size:1.4rem;
	font-weight:300;
	width:90px;
	text-align:center;
	display:inline-block;
	height:3rem;
	line-height:2.6rem;
	border-radius:5px;
	position:relative;
	z-index:5;
}
.recruit_wrap #board_list tr:hover .detail_view a{
	background:#fff;
	border:1px solid #024298;
	color:#024298;
}


/*request_wrap*/
@media(max-width:767.98px){
	.request_wrap .board_write_table colgroup{
		display:none;
	}
	.request_wrap .board_write_table tr,
	.request_wrap .board_write_table tr th,
	.request_wrap .board_write_table tr td{
		display:block !important;
		width:100% !important;
	}
	.request_wrap .board_write_table tr th{
		font-size:1.8rem;
		border-bottom:0;
		padding-bottom:0;
	}
}