/*
	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:#3399cc;
	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;
}