/* 상단배경 */
.sub-top {
	display: flex; align-items: center; justify-content: center;
	height: 313px;
}
.sub-top .txt-wrap {
	text-align: center;
	color: #fff;
}
.sub-top .txt-wrap .txt-top {
	margin: 0 0 20px;
	font-size: 1.1rem; letter-spacing: .53rem;
	text-transform: uppercase;
}
.sub-top .txt-wrap .txt-top b {
	font-weight: 500;
}
.sub-top .txt-wrap .tit {
	margin: 0 0 40px;
	font-size: 5rem; letter-spacing: -.215rem;
}
.sub-top .txt-wrap .desc {
	font-size: 2.2rem; letter-spacing: -.095rem;
}
.sub-top01 {
	background: url('../_images/sub01/top_bg.jpg') center top/cover no-repeat;
}
.sub-top02 {
	background: url('../_images/sub02/top_bg.jpg') center/cover no-repeat;
}
/* .sub-top02 {
	background: url('../_images/sub01/b01_bg.jpg') center/cover no-repeat;
} */
.sub-top03 {
	background: url('../_images/sub03/top_bg.jpg') center top/cover no-repeat;
}
.sub-top04 {
	background: url('../_images/sub04/top_bg.jpg') center/cover no-repeat;
}
.sub-top07 {
	background: url('../_images/sub04/top_bg2.jpg') center/cover no-repeat;
}
.sub-top05 {
	background: url('../_images/sub05/top_bg.jpg') center/cover no-repeat;
}
.sub-top05-01 {
	background: url('../_images/sub05/top_bg01.jpg') center/cover no-repeat;
}
.sub-top05-02 {
	background: url('../_images/sub05/top_bg02.jpg') center/cover no-repeat;
}
.sub-top05-03 {
	background: url('../_images/sub05/top_bg03.jpg') center/cover no-repeat;
}
.sub-top05-04 {
	background: url('../_images/sub05/top_bg04.jpg') center/cover no-repeat;
}
.sub-top05-06 {
	background: url('../_images/sub05/top_bg06.jpg') center/cover no-repeat;
}
.sub-top05-07 {
	background: url('../_images/sub05/top_bg07.jpg') center/cover no-repeat;
}
.sub-top05-08 {
	background: url('../_images/sub05/top_bg08.jpg') center/cover no-repeat;
}
.sub-top05-09 {
	background: url('../_images/sub05/top_bg09.jpg') center/cover no-repeat;
}
.sub-top05-10 {
	background: url('../_images/sub05/top_bg10.jpg') center/cover no-repeat;
}
.sub-top05-11 {
	background: url('../_images/sub05/top_bg11.jpg') center/cover no-repeat;
}
@media (max-width: 1480px) {
	.sub-top {
		height: 400px;
	}
}
@media (max-width: 768px) {
	.sub-top {
		height: 300px;
	}
	.sub-top .txt-wrap .txt-top {
		margin: 0 0 10px;
		font-size: 1rem;
	}
	.sub-top .txt-wrap .tit {
		margin: 0 0 20px;
		font-size: 3.3rem;
	}
	.sub-top .txt-wrap .desc {
		font-size: 1.6rem;
	}
}

/* nav */
.nav-wrap {
	border-bottom: 1px solid #e7e1d9;
	margin: 0 0 190px;
}
.nav-wrap .nav-box {
	display: flex;
	padding: 25px 0;
}
.nav-wrap .nav-box .btn-home {
	position: relative;
}
.nav-wrap .nav-box .btn-home:after {
	content: '';
	position: absolute; top: 50%; right: 0;
	width: 1px; height: 18px;
	background-color: #cdcdcd;
	transform: translateY(-50%);
}
.nav-wrap .nav-box .btn-home a {
	display: block;
	width: 45px; height: 45px;
	background: url('../_images/cmn/ico_home.png') center/45px auto no-repeat;
	font-size: 0;
}
.nav-wrap .nav-box .select-box {
	display: flex;
}
.nav-wrap .nav-box .select-box .depth {
	position: relative;
}
.nav-wrap .nav-box .select-box .depth:after {
	content: '';
	position: absolute; top: 13px; bottom: 13px; right: 0;
	width: 1px;
	background-color: #cdcdcd;
}
.nav-wrap .nav-box .select-box .depth select {
	-webkit-appearance: none;
	appearance: none;
	width: 200px; height: 45px;
	background: url('../_images/cmn/ico_selectbox.png') right center/45px auto no-repeat;
	padding: 0 45px 0 25px;
	box-sizing: border-box;
	overflow: hidden; text-overflow: ellipsis;
	font-size: 1.6rem; letter-spacing: -.04rem; font-weight: 500; color: #333;
}
@media (max-width: 1480px) {
	.nav-wrap {
		margin: 0 0 120px;
	}
	.nav-wrap .nav-box {
		padding: 10px 0;
	}
	.nav-wrap .mwidth-min {
		padding: 0;
	}
	.nav-wrap .nav-box .select-box .depth select {
		padding: 0 30px 0 10px;
		width: 180px;
		background-position: right -7px center;
	}
}
@media (max-width: 768px) {
	.nav-wrap {
		margin: 0 0 80px;
	}
	.nav-wrap .nav-box {
		display: block;
		padding: 5px;
	}
	.nav-wrap .nav-box .btn-home {
		display: none;
	}
	.nav-wrap .nav-box .select-box {
		flex-wrap: wrap;
	}
	.nav-wrap .nav-box .select-box .depth {
		width: 50%;
	}
	.nav-wrap .nav-box .select-box .depth:nth-child(2n+2):after {
		display: none;
	}
	.nav-wrap .nav-box .select-box .depth select {
		width: 100%;
		height: 40px;
	}
}


.cmn-title {
	position: relative;
	padding: 0 0 90px;
	text-align: center;
	line-height: 1.4; color: #444;
	z-index: 3;
}
.cmn-title .tit-top {
	margin: 0 0 35px;
	font-size: 1.1rem; letter-spacing: .55rem; color: rgba(40,40,40,.8);
	text-transform: uppercase;
}
.cmn-title .tit-top b {
	font-weight: 500;
}
.cmn-title .tit {
	font-size: 5rem; letter-spacing: -.2.5rem;line-height:1.2;
}
.cmn-title .desc {
	margin: 35px 0 0;
	font-size: 2.2rem; letter-spacing: -.1rem;
}
.cmn-title .desc2 {
	margin: 0 0 25px;
	font-size: 2.6rem; letter-spacing: -.1rem;
}
.cmn-title .desc b {
	font-weight: 500;
}
.cmn-title .desc-top {
	font-weight: 400;
}
.cmn-title .desc-top b {
	font-weight: 700;
}
.cmn-title .desc-min {
	margin: 25px 0 0;
	font-size: 2.2rem; letter-spacing: -.1rem;
}
.cmn-title .desc-min2 {
	margin: 25px 0 0;
	font-size: 1.8rem; letter-spacing: -.1rem;
}
.cmn-title .desc-min b {
	font-weight: 600;
}
.cmn-title.color-w {
	color: #fff;
}
.cmn-title.color-w .tit-top {
	color: rgba(255,255,255,.6);
}
@media (max-width: 1480px) {
	.cmn-title .tit {
		font-size: 3.5rem;
	}
	.cmn-title .desc {
		font-size: 1.8rem;
	}
	.cmn-title .desc2 {
		font-size: 2.4rem;
	}
	.cmn-title .desc-min {
		font-size: 1.6rem;
	}
}
@media (max-width: 768px) {
	.cmn-title {
		padding: 0 0 45px;
	}
	.cmn-title .tit-top {
		margin: 0 0 15px;
		font-size: 1rem;
	}
	.cmn-title .tit {
		font-size: 2.8rem;
	}
	.cmn-title .desc {
		margin: 20px 0 0;
	}
	.cmn-title .desc2 {
		margin: 0 0 15px;
	}
	.cmn-title .desc-min {
		margin: 15px 0 0;
	}
}


.cmn-tab-menu {
	display: flex; justify-content: center;
	margin: 0 0 100px;
}
.cmn-tab-menu .item {
	flex: 1;
	max-width: 340px;
}
.cmn-tab-menu a {
	display: block;
	padding: 30px 0;
	border-bottom: 8px solid #eee;
	box-sizing: border-box;
	text-align: center;
	font-size: 2.2rem; letter-spacing: -.11rem; font-weight: 500;
}
.cmn-tab-menu a b {
	font-weight: 500;
}
.cmn-tab-menu .item.selected a {
	border-bottom-color: #003c6d;
}
.cmn-tab-menu span {
	display: none;
	margin: 40px 0 0;
	text-align: center;
	font-size: 1.8rem; letter-spacing: -.09rem;
}
.cmn-tab-menu .item.selected span {
	display: block;
}
@media (max-width: 1480px) {
	.cmn-tab-menu {
		margin: 0 0 80px;
	}
}
@media (max-width: 768px) {
	.cmn-tab-menu {
		margin: 0 0 30px;
	}
	.cmn-tab-menu a {
		display: flex; flex-direction: column; align-items: center; justify-content: center;
		height: 100%;
		padding: 20px 0;
		border-bottom-width: 4px;
		font-size: 1.8rem;
	}
	.cmn-tab-menu.cmn-tab-menu-desc a {
		height: auto;
	}
	.cmn-tab-menu span {
		margin: 20px 0 0;
		font-size: 1.6rem;
	}
}


.cmn-footer {
	padding: 100px 0 0;
}
.cmn-footer .cmn-title {
	padding: 0;
}
.cmn-footer .section01 {
	padding: 150px 0 0;
}
.cmn-footer .section01 .obj {
	margin: 30px 0 0;
}
.cmn-footer .section02 {
	position: relative; z-index: 4;
	padding: 130px 0 0;
	background: url('../_images/cmn/cf_se02_bg.jpg') center/cover;
}
.cmn-footer .section02 .inner {
	position: relative;
}
.cmn-footer .section02 .obj-a {
	position: absolute; bottom: 0; left: 0;
}
.cmn-footer .section02 .cmn-title {
	position: relative; z-index: 2;
	width: 60%;
	margin: 0 0 0 auto;
}
.cmn-footer .section02 .cmn-title .label {
	margin: 25px 0 35px;
}
.cmn-footer .section02 .cmn-title .obj-wrap {
	position: relative;
	display: inline-block;
	/* margin: 0 0 -60px; */
	margin: 0 0 50px;
}
.cmn-footer .section02 .cmn-title .obj-wrap .img1 {
	position: absolute; top: 0; right: 10px;
}
.cmn-footer .section03 {
	position: relative; z-index: 3;
	padding: 170px 0 80px;
	background: url('../_images/cmn/cf_se03_bg.jpg') center/cover;
}
.cmn-footer .section03 .cmn-title {
	width: 60%;
	margin: 0 0 0 auto;
}
.cmn-footer .section04 {
	padding: 230px 0 0;
	background: url('../_images/cmn/cf_se04_bg.jpg') center/cover;
}
.cmn-footer .section04 .inner {
	position: relative;
	padding: 0 0 180px;
}
.cmn-footer .section04 .obj-wrap {
	position: absolute; bottom: 0; right: 0;
}
.cmn-footer .section04 .obj-wrap .obj-b {
	position: absolute; top: 33%; right: 5%;
}
.cmn-footer .section04 .cmn-title {
	position: relative; z-index: 2;
	width: 60%;
	margin: 0 auto 0 0;
}
.cmn-footer .section04 .cmn-title .desc-min {
	margin: 0;
}
.cmn-footer .section04 .cmn-title .label {
	margin: 30px 0 0;
}
.cmn-footer .section05 {
	position: relative; z-index: 3;
	padding: 120px 0 100px;
	background: url('../_images/cmn/cf_se05_bg.jpg') center/cover;
}
.cmn-footer .section05 .cmn-title {
	width: 60%;
	margin: 0 auto 0 0;
}
.cmn-footer .section05 .cmn-title .obj-a {
	margin: 30px 0 0;
}
.cmn-footer .section06 {
	position: relative; z-index: 3;
	padding: 170px 0 190px;
	background: url('../_images/cmn/cf_se06_bg.jpg') center/cover;
}
.cmn-footer .section06 .cmn-title .obj-a {
	margin: 0 0 30px;
}
.cmn-footer .section07 {
	padding: 210px 0 160px;
	background: url('../_images/cmn/cf_se07_bg.jpg') center/cover;
}
.cmn-footer .section07 .item-wrap {
	display: flex; justify-content: center;
	margin: 50px 0 0;
}
.cmn-footer .section07 .item-wrap li {
	position: relative;
	width: 100%; max-width: 200px;
	padding: 10px 0;
	text-align: center;
}
.cmn-footer .section07 .item-wrap li:not(:last-child):after {
	content: '';
	position: absolute; top: 0; right: 0; bottom: 0;
	width: 1px;
	background-color: rgba(197,197,197,.3);
}
.cmn-footer .section07 .item-wrap li figcaption {
	margin: 8px 0 0;
	font-size: 1.7rem; font-weight: 700; color: #fff;
}
.cmn-footer .section08 {
	padding: 250px 0 280px;
	background: url('../_images/cmn/cf_se08_bg.jpg') center/cover;
}
.cmn-footer .section09 {
	padding: 250px 0 280px;
	background: url('../_images/cmn/cf_se09_bg.jpg') center/cover;
}
@media (max-width: 1480px) {
	.cmn-footer .section02 .obj-a {
		position: static;
		margin: 0 0 60px;
		text-align: center;
	}
	.cmn-footer .section02 .obj-a img {
		max-width: 400px;
	}
	.cmn-footer .section02 .cmn-title {
		width: 100%;
	}
	.cmn-footer .section03 .cmn-title {
		width: 100%;
	}
	.cmn-footer .section04 {
		text-align: center;
	}
	.cmn-footer .section04 .obj-wrap {
		position: relative; right: auto; bottom: auto;
		margin: 0 0 60px;
		display: inline-block;
		text-align: center;
	}
	.cmn-footer .section04 .obj-wrap .obj-b {
		top: 30%; right: -12%;
	}
	.cmn-footer .section04 .obj-wrap .obj-a img {
		max-width: 400px;
	}
	.cmn-footer .section04 .cmn-title {
		width: 100%;
	}
	.cmn-footer .section05 .cmn-title {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.cmn-footer .section01 {
		padding: 70px 0 0;
	}
	.cmn-footer .section02 .obj-a {
		margin: 0 0 30px;
	}
	.cmn-footer .section02 .obj-a img {
		max-width: 240px;
	}
	.cmn-footer .section02 .cmn-title .obj-wrap .img1 {
		right: 0;
	}
	.cmn-footer .section02 .cmn-title .obj-wrap .img1 img {
		width: 100px;	
	}
	.cmn-footer .section03 {
		background-position: left 20% center;
	}
	.cmn-footer .section04 {
		padding: 130px 0 0;
	}
	.cmn-footer .section04 .inner {
		padding: 0 0 80px;
	}
	.cmn-footer .section04 .obj-wrap {
		margin: 0 0 30px;
	}
	.cmn-footer .section04 .obj-wrap .obj-b img {
		width: 100px;
	}
	.cmn-footer .section04 .obj-wrap .obj-a img {
		max-width: 240px;
	}
	.cmn-footer .section05 {
		background-position: right 30% center;
	}
	.cmn-footer .section06 {
		padding: 100px 0;
	}
	.cmn-footer .section06 .cmn-title .obj-a img {
		width: 60px;
	}
	.cmn-footer .section07 {
		padding: 100px 0 80px;
		background-position: right 25% center;
	}
	.cmn-footer .section07 .item-wrap li figure img {
		max-width: 40px;
	}
	.cmn-footer .section08 {
		padding: 100px 0;
	}
	.cmn-footer .section09 {
		padding: 100px 0;
	}
}