@charset "utf-8";

/* 2023.12.05 kang nuri */
/* index.css */


/**************************************************/

body{
	color: #fff;
}

h2{
	font-size: 40px;
}

#index_01{
	padding: 466px 0 24px 0;
	text-align: center;
	background-image: url("../img/index/index_01.jpg");
	background-position: center;
	background-size: cover;
}

.intro .intro_title{
	margin-bottom: 125px;
}

.intro .intro_title > h1{
	margin-bottom: 19px;
}

.intro .intro_img img{
	position: relative;
	margin: 0 auto;
	width: 24px;
}

#index_02{
	padding: 110px 0;
	text-align: center;
	background-image: url("../img/index/index_02.jpg");
	background-position: center;
	background-size: cover;
}

.greeting > h2{
	margin-bottom: 24px;
}

.vision_title{
	box-sizing: border-box;
	position: absolute;
	width: 620px;
	height: 55px;
	border-top: solid 2px #fff;
	transform-origin: 0 0;
	transform: rotate(90deg);
	margin-left: 55px;
	margin-top: 80px;
}

.vision_title > h2, .vision_title > div {
	position: absolute;
	bottom: 0;
}

.vision_title > h2 {
	line-height: 31px;
}

.vision_title > div {
	right: 0;
	font-size: 14px;
	font-weight: 500;
}

.vision_title > div > a{
	position: absolute;
	width: 100%;
	height: 100%;
}

.vision_title > div > span{
	display: inline-block;
	line-height: 24px;	
}

.vision_title > div object{
	float: right;
	margin-left: 15px;
}

.vision_list > li{
	display: block;
	padding: 84px 0;
	background-position: center;
	background-size: cover;
}

.vision_list > li.list_01{
	background-image: url("../img/index/vision_list_01.jpg");
}

.vision_list > li.list_02{
	background-image: url("../img/index/vision_list_02.jpg");
}

.vision_list > li.list_03{
	background-image: url("../img/index/vision_list_03.jpg");
}

.vision_list > li > p{
	box-sizing: border-box;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 120px;
	padding-left: 200px;
}

.vision_list > li .title{
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 12px;
}

#index_04{
	padding: 74px 0 80px;
	background-image: url("../img/index/index_04.jpg");
	background-position: center;
	background-size: cover;
}

.business > h2{
	padding-bottom: 15px;
	border-bottom: solid 2px #fff;
	margin-bottom: 23px;
}

.business_list > li{
	position: relative;
	display: inline-block;
	width: calc(25% - 15px);
	float: left;
	margin-right: 20px;
}

.business_list > li:last-child{
	margin-right: 0;
}

.business_list > li a{
	position: absolute;
	width: 100%;
	height: 100%;
}

.business_list > li img{
	width: 100%;
}

.business_list > li .title{
	margin: 16px 0 32px;
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
}

.business_list > li .details{
	border-bottom: solid 2px #fff;
	padding-bottom: 10.5px;
	font-size: 14px;
}

.business_list > li .details span{
	display: inline-block;
	line-height: 24px;
}

.business_list > li .details object{
	float: right;
}

#index_05{
	padding: 188px 0;
	text-align: center;
	background-image: url("../img/index/index_05.jpg");
	background-position: center;
	background-size: cover;
}

.assurance > h2{
	margin-bottom: 24px;
}

/* MOBILE ------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width:1024px){

	h2{
		font-size: 24px;
	}

	#index_01 {
	    padding: 345px 0 16px 0;
	    background-image: url(../img/index/m_index_01.jpg);
	}

	.intro .intro_title{
		margin-bottom: 78px;
	}

	.intro .intro_title > h1{
		margin-bottom: 24px;
	}

	.intro .intro_title > h1 svg{
		width: 100%;
		height: auto;
	}

	.intro .intro_img img{
		width: 17px;
	}

	#index_02{
		padding: 86px 0;
		background-image: url(../img/index/m_index_02.jpg);
	}

	.greeting > h2{
		margin-bottom: 32px;
	}

	.vision_title {
	    width: 624px;
	    height: 55px;
	    margin-left: 55px;
	    margin-top: 16px;
	}

	.vision_list > li{
	    padding: 73px 0 53px;
	    text-align: right;
	}

	.vision_list > li.list_01{
		background-image: url("../img/index/m_vision_list_01.jpg");
	}

	.vision_list > li.list_02{
		background-image: url("../img/index/m_vision_list_02.jpg");
	}

	.vision_list > li.list_03{
		background-image: url("../img/index/m_vision_list_03.jpg");
	}

	.vision_list > li > p {
	    padding: 0;
	    padding-right: 16px;
	    padding-left: 0;
	}

	.vision_list > li .title{
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 4px;
	}

	.vision_title > h2{
		font-size: 32px;
		line-height: 46px;
	}

	#index_04{
		padding: 64px 0;
		background-image: url(../img/index/m_index_04.jpg);
	}

	.business > h2{
		padding-bottom: 8px;
		border-bottom: solid 1px #ffffff;
    	margin-bottom: 25px;
		font-size: 32px;
	}

	.business_list > li {
	    width: 100%;
	    float: none;
	    margin-right: 0;
	    margin-bottom: 40px;
	}

	.business_list > li:last-child{
		margin-bottom: 0;
	}

	.business_list > li .title {
	    margin: 14px 0 25px;
	}

	.business_list > li .details {
	    border-bottom: solid 1px #fff;
	    padding-bottom: 14px;
	}

	#index_05{
		padding: 116px 0;
		background-image: url(../img/index/m_index_05.jpg);
	}

	.assurance > h2{
		margin-bottom: 32px;
	}

}