/* 공통 */
.container { position: relative; width: 100%; max-width: 1200px; height: auto; margin: auto; padding: 80px 0; }

/* 인사말 */
.greeting_content > div { position: relative; }
.greeting_content > div > h2 { word-break: keep-all; font-size: 23px; font-weight: 400; letter-spacing: -2px; margin-bottom: 30px; }
.greeting_content > div > h2 > span { font-weight: 500; color: #20409a; }
.greeting_content > div > p { width: 100%; max-width: 550px; font-size: 17px; font-weight: 300; letter-spacing: -1px; line-height: 30px; word-break: keep-all; }
.greeting_content > div > img { position: absolute; top: 5%; right: 0; z-index: -1; }
/* 연혁 */
.history_content > div > ul { display: flex; justify-content: space-between; flex-flow: row wrap; }
.history_content > div > ul > li:nth-of-type(1) { width: 21.3%; min-width: 255px; max-width: 255px; height: 548px; background: url('../../../img/history_img_01.jpg'); }
.history_content > div > ul > li:nth-of-type(2) { width: 78.7%; padding-left: 60px; }
.history_content > div > ul > li > h4 { font-size: 28px; font-weight: 400; letter-spacing: -2px; color: #999; }
.history_content > div > ul > li > table { width: 100%;  border-top: 2px solid #333; margin: 20px 0 50px; }
.history_content > div > ul > li > table:last-child { margin-bottom: 0; }
.history_content > div > ul > li > table:last-child { background: #f5f5f5; }
.history_content > div > ul > li > table:last-child tr { border: none; }
.history_content > div > ul > li > table:last-child th { border: none; padding: 5px 0 5px 22px; }
.history_content > div > ul > li > table:last-child th span { font-weight: 300; padding-left: 15px; }
.history_content > div > ul > li > table tr { border-bottom: 1px solid #ccc; }
.history_content > div > ul > li > table th { font-size: 16px; font-weight: 500; border-right: 1px solid #ccc; padding: 8px 0 8px 22px; }
.history_content > div > ul > li > table td { padding-left: 22px; font-size: 16px; font-weight: 300; }
/* 오시는길 */
.location_content .root_daum_roughmap { padding: 0 !important; border: none !important; }
.location_content .root_daum_roughmap_landing { width: 100% !important; }
.location_content .root_daum_roughmap .wrap_map { height: 450px !important; }
.location_content .root_daum_roughmap .wrap_controllers { display: none; }
.location_content > div > dl { width: 100%; border: 1px solid #dcdcdc; padding: 30px 40px; }
.location_content > div > dl > dt { font-size: 26px; font-weight: bold; color: #2f3193; letter-spacing: -1.2px; margin-bottom: 12px; }
.location_content > div > dl > dd { line-height: 30px }
/* 사업분야 */
.business_content > div > ul { width: 100%; display: flex; justify-content: space-around; flex-flow: row wrap; }
.business_content > div > ul > li { width: 48%; background: #f5f5f5; border-radius: 30px; border: 1px solid #dcdcdc; margin-bottom: 25px; }
.business_content > div > ul > li > img { width: 100%; border-radius: 30px; }
.business_content > div > ul > li > span { display: block; text-align: center; font-size: 20px; padding: 20px 0; }
/* 보유설비 */
.equipment_content > div > ul { width: 100%; display: flex; justify-content: space-between; flex-flow: row wrap }
.equipment_content > div > ul > li { width: 32%; border: 1px solid #dcdcdc; margin-bottom: 25px; }
.equipment_content > div > ul > li > span { font-size: 17px; display: block; text-align: center; padding: 10px 0; border-top: 1px solid #dcdcdc; }
.equipment_content > div > ul > li > img { width: 100%; }

@media all and (max-width: 1250px){
	.container { padding: 80px 20px; }
	.history_content > div > ul > li:nth-of-type(1) { display: none; }
	.history_content > div > ul > li:nth-of-type(2) { padding: 0; width: 100%; }
	.history_content > div > ul > li > table th { padding: 10px 0; }
}
@media all and (max-width: 1080px){
	.greeting_content > div > img { opacity: .25 }
}
@media all and (max-width: 960px){
	.history_content > div > ul > li > table th,
	.history_content > div > ul > li > table td { font-size: 15px; }
	.history_content .width18 { width: 28% !important; }
	.history_content .width82 { width: 72% !important; }
}
@media all and (max-width: 760px){
	.business_content > div > ul > li { margin-bottom: 17px; }
	.business_content > div > ul > li,
	.business_content > div > ul > li > img { border-radius: 20px; }
	.business_content > div > ul > li > span { font-size: 16px; padding: 10px 0; }
	.equipment_content > div > ul > li { width: 48%; }
	.equipment_content > div > ul > li > span { font-size: 15px; }
	.history_content > div > ul > li > h4 { font-size: 23px; }
}
@media all and (max-width: 570px){
	.history_content > div > ul > li > table th, .history_content > div > ul > li > table td { font-size: 14px; }
	.history_content > div > ul > li > table td { padding: 10px; }
}
@media all and (max-width: 540px){
	.greeting_content > div > img { top: 20%; width: 100%; }
	.location_content > div > dl { padding: 20px; }
	.location_content > div > dl > dt { font-size: 22px; }
	.location_content > div > dl > dd { line-height: 23px; font-size: 15px; }
	.business_content > div > ul > li { width: 100%; }
	.equipment_content > div > ul > li { width: 100%; }
	.history_content > div > ul > li > table:last-child th span { padding: 0; display: block; text-align: left }
}
@media all and (max-width: 450px){
	.greeting_content > div > p { font-size: 15px; line-height: 25px; }
	.greeting_content > div > h2,
	.greeting_content > div > h2 > span { font-size: 20px; }
}