/* 공통 */
.con_container { width: 100%; padding: 50px 20px; margin-top: 30px; border-top: 1px solid #dddddd; }
.con_container > div { width: 100%; max-width: 1200px; margin: auto; }

/* 인사말 */
.greeting_content > div > ul { margin: 0 0 50px;  display: flex; justify-content: space-between; flex-flow: row wrap; }
.greeting_content > div > ul > li > h4 { word-break: keep-all; color: #9a7654; font-size: 33px; font-weight: 300; letter-spacing: -2px }
.greeting_content > div > ul > li > h4 > span { font-weight: 500; }
.greeting_content > div > ul > li > p { margin-top: 35px; line-height: 35px; font-size: 20px; word-break: keep-all; letter-spacing: -1px; }
.greeting_content > div > ul > li:nth-of-type(1) { width: 53%; }
.greeting_content > div > ul > li:nth-of-type(2) { width: 40%; display: flex; justify-content: flex-end; }
.greeting_content > div > ul > li:nth-of-type(2) > img { width: 100%; max-width: 458px; }

/* 오시는길 */
.location_content > div > table { width: 100%; margin: 20px 0 50px; border-top: 2px solid #333333; }
.location_content > div > table th { padding: 5px 5px 5px 20px !important; color: #777777; }
.location_content > div > table th, .location_content > div > table td { text-align: left; font-size: 18px; font-weight: 400; padding: 5px; border-bottom: 1px solid #cccccc; }
.location_content .root_daum_roughmap { width: 100%; padding: 0; border: none; }
.location_content .root_daum_roughmap .wrap_controllers { display: none; }
.location_content .map_w_1 { width: 12%; }
.location_content .map_w_2 { width: 88%; }

/* 사업분야 */
.product_content > div > ul { width: 100%; display: flex; justify-content: space-between; flex-flow: row wrap; margin: 0 0 30px 0; }
.product_content > div > ul > li { width: 31.7%; margin-bottom: 20px; }
.product_content > div > ul > li > img { width: 100%; border: 1px solid #dddddd; }
.product_content > div > ul > li > h4 { margin-bottom: 10px; font-size: 40px; font-weight: 800; letter-spacing: -1px; font-style: italic; color: #e5e5e5; }
.product_content > div > ul > li > h4 > span { padding-left: 5px; font-style: normal; font-size: 24px; font-weight: 400; color: #997553; }


@media(max-width: 1120px){
	.greeting_content > div > ul > li > h4 { font-size: 29px; }
	.greeting_content > div > ul > li > p { font-size: 18px; line-height: 30px; }
}
@media(max-width: 960px){
	.con_container { border-top: none; padding: 0 20px 10px; }
	.location_content .map_w_1 { width: 20%; }
	.location_content .map_w_2 { width: 80%; }
	.greeting_content > div > ul > li:nth-of-type(1) { order: 2; width: 100% !important; max-width: 550px; margin: auto; text-align: center; }
	.greeting_content > div > ul > li:nth-of-type(2) { order: 1; width: 100% !important; }
	.greeting_content > div > ul > li:nth-of-type(2) > img { display: block; max-width: 400px; margin: 0 auto 20px; }
	.product_content > div > ul > li { width: 48.7%; }
}
@media(max-width: 720px){
	.location_content > div > table th, .location_content > div > table td { font-size: 15px; word-break: keep-all; }
}
@media(max-width: 680px){
	.product_content > div > ul > li { width: 100%; }
}
@media(max-width: 500px){
	.location_content .map_w_1 { width: 30%; }
	.location_content .map_w_2 { width: 70%; }
	.location_content > div > table { margin: 20px 0 30px; }
	.location_content > div > table th {   }
	.greeting_content > div > ul > li > h4 { font-size: 25px; }
	.greeting_content > div > ul > li > p { font-size: 15px; line-height: 26px; margin-top: 17px; }
	.product_content > div > ul > li > h4 { font-size: 34px; margin-bottom: 2px; }
	.product_content > div > ul > li > h4 > span { font-size: 20px; padding-left: 0px; }
}