@charset "utf-8";


/*----- 공통 -----*/

#sub_menu > ul > li{
	width:25%;
}





/*----- 인사말 -----*/

.sub_c1{
	
}

.sub_c1 > .inner > div:nth-child(2){
	float:left;
	background-image:url(../images/main_part_01_greeting.jpg);
	background-size:cover;
	background-position:center;
	width:250px;
	height:350px;
	
}

.sub_c1 > .inner > div:last-child{
	float:right;
	width:calc(100% - 280px);
}



/*----- 경영이념 -----*/


.sub_c2 > .inner > div{
	line-height:160%;
	margin-bottom:100px;
	overflow:hidden;
}

.sub_c2 > .inner > ul > li{
	overflow:hidden;
	margin: 0 10px 80px;
}

.sub_c2 > .inner > ul > li h4{
	font-size:2.2em;
	font-weight:100;
	color:#a7a7a7;
	margin-bottom:10px;
}
.sub_c2 > .inner > ul > li > div{
	float:left;
}
.sub_c2 > .inner > ul > li:nth-child(odd) > div:first-child{
	float:right;
}

.sub_c2 > .inner > ul > li > div:first-child{
	width:400px;
	height:200px;
	margin-right:20px;
	background-image:url(../images/main_part_01_01.jpg);
	background-position:center;
	background-size:cover;
}

.sub_c2 > .inner > ul > li:nth-child(2) > div:first-child{
	background-image:url(../images/main_part_01_02.jpg);
}
.sub_c2 > .inner > ul > li:nth-child(3) > div:first-child{
	background-image:url(../images/main_part_01_03.jpg);
}
.sub_c2 > .inner > ul > li:nth-child(4) > div:first-child{
	background-image:url(../images/main_part_01_04.jpg);
}


.sub_c2 > .inner > div:nth-child(2){
	border:1px solid #e7e7e7;
	background:#f3f3f3;
	padding:50px;
	text-align:center;
	border-radius:15px;
	line-height:160%;
}



/*----- 회사연혁 -----*/


.sub_c3 > .inner > div:nth-child(2){
	float:left;
	background-image:url(../images/main_part_01_history.jpg);
	background-size:cover;
	background-position:center;
	width:250px;
	height:350px;
	
}

.sub_c3 > .inner > div:last-child{
	float:right;
	width:900px;
}

.sub_c3 > .inner ul{
	margin-bottom:50px;
}

.sub_c3 > .inner ul > li{
	overflow:hidden;
	margin-bottom:5px;
}

.sub_c3 > .inner ul > li > div:first-child{
	float:left;
	width:80px;
	height:10px;
	font-weight:700;
	color:a7a7a7;
}
.sub_c3 > .inner ul > li > div:last-child{
	float:left;
}






/*----- 오시는 길 -----*/


.sub_c4 > .inner{
	width:1000px;
	margin:0 auto;
}

.sub_c4 > .inner > div{
	margin-bottom:50px;
}

.sub_c4 > .inner > div > ul{
	border:1px solid #e7e7e7;
	background:#f3f3f3;
	font-size:1em;
	padding:10px;
	margin:10px 0;
}


@media (max-width:1200px){

.sub_c1 > .inner > div:nth-child(2){
	clear:both;
	width:100vw;
	margin-bottom:20px;
}

.sub_c1 > .inner > div:last-child{
	clear:both;
	width:95vw;
	margin-right: 10px;
}

/*----- 경영이념 -----*/

.sub_c2 > .inner > ul > li > div:first-child{
	clear:both;
	width:100vw;
}
.sub_c2 > .inner > ul > li:nth-child(odd) > div:first-child{
	clear:both;
	width:100vw;
	float: none;
}

.sub_c2 > .inner > div:nth-child(2){
	text-align:left;
    margin: 0 10px 100px;
    padding: 10px;
    letter-spacing: -1px;
}

/*----- 회사연혁 -----*/

.sub_c3 > .inner > div:nth-child(2){
	clear:both;
	width:100vw;
	margin-bottom:20px;
}

.sub_c3 > .inner > div:last-child{
	clear:both;
	width:100vw;
	padding: 0 10px;
}

.sub_c3 > .inner ul > li > div:first-child{
	height:1px;
}

.sub_c3 > .inner ul > li:first-child > div:first-child{
	clear:both;
	margin-bottom:20px;
	width:100%;
	height:30px;
	font-size:1.5em;
}

.sub_c3 > .inner ul > li > div:last-child{
	clear:both;
	width:100%;
	font-size:0.8em;
}

/*----- 오시는 길 -----*/


.sub_c4 > .inner{
	width:100vw;
}

.sub_c4 > .inner > div {
    margin-bottom: 50px;
	padding: 0 10px;
}

}