/* 공통 */
.con_container { width: 100%; padding: 50px 0; }
.con_container > div { width: 100%; }

/* 인사말 */
.greeting_content > div:nth-of-type(1) { position: relative; }
.greeting_content > div:nth-of-type(2) { margin-top: 220px; }
.greeting_content > div > p { width: 100%; max-width: 860px; margin: auto; font-size: 20px; line-height: 35px; word-break: keep-all; text-align: center; }
.greeting_content > div > h5 { margin: 60px 0 120px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; font-weight: 400; }
.greeting_content > div > h5 > img { margin-left: 20px; }
.greeting_content > div > div { width: 100%; height: 350px; background-color: #f5f5f5; padding: 65px 0; }
.greeting_content > div > div > h2 { word-break: keep-all; font-size: 31px; font-weight: 500; text-align: center; letter-spacing: -1px; }
.greeting_content > div > ul { width: 100%; max-width: 970px; position: absolute; bottom: -128px; left: 50%; margin-left: -485px; display: flex; justify-content: space-between; flex-flow: row wrap; }
.greeting_content > div > ul > li { position: relative; }
.greeting_content > div > ul > li > p { width: 100%; position: absolute; bottom: 20px; left: 0; color: #ffffff; text-align: center; font-size: 30px; font-weight: 300; }
.greeting_content > div > ul > li > p:after { display: block; content: ''; width: 40px; height: 1px; background-color: #ffffff; margin: 10px auto; }

/* 오시는 길 */
.location_content > div { width: 100%; max-width: 1200px; margin: 0 auto 50px; }
.location_content .root_daum_roughmap { width: 100% !important; border-bottom: 1px solid #dddddd; }
.location_content .root_daum_roughmap .wrap_controllers { display: none; }
.location_content > div > div:nth-of-type(2) { margin-top: 10px; border: 1px solid #dddddd; padding: 30px 0; }
.location_content > div > div:nth-of-type(2) > p { text-align: center; font-size: 20px; word-break: keep-all; }

/* 주요사업부문 */
.business_content > div { width: 100%; padding: 0 20px 100px ; }
.business_content > div > ul { width: 100%; max-width: 1015px; margin: auto; display: flex;  }
.business_content > div > ul > li { width: 100%; max-width: 310px; height: 200px; display: flex; justify-content: center; align-items: center; }
.business_content > div > ul > li > div > h4 { text-align: center; font-size: 25px; font-weight: 500; letter-spacing: -1px; }
.business_content > div > ul > li > div > h3 { text-align: center; font-size: 30px; font-weight: 500; letter-spacing: -2px }
.business_content > div > ul:nth-of-type(1) { justify-content: center; }
.business_content > div > ul:nth-of-type(1) > li { position: relative; border: 2px solid #9ed64b; border-top: 5px solid #9ed64b; margin-bottom: 120px; }
.business_content > div > ul:nth-of-type(1) > li:after { position: absolute; bottom: -70px; left: 50%; margin-left: -0.5px; content: ''; display: block; width: 1px; height: 70px; background-color: #cccccc; }
.business_content > div > ul:nth-of-type(1) > li:before { position: absolute; width: 700px; bottom: -122px; left: 50%; margin-left: -350px; content: ''; display: block; height: 52px; border: 1px solid #cccccc; border-bottom: none; }
.business_content > div > ul:nth-of-type(2) { justify-content: space-between; }
.business_content > div > ul:nth-of-type(2) > li:nth-of-type(1) { border: 2px solid #599db4; border-top: 5px solid #599db4; }
.business_content > div > ul:nth-of-type(2) > li:nth-of-type(2) { border: 2px solid #0aa849; border-top: 5px solid #0aa849; }

/* 회사연혁 */
.history_content > div { width: 100%; max-width: 1200px; margin: 0 auto 100px; }
.history_content > div > dl { width: 100%; display: flex; justify-content: space-between; flex-flow: row wrap; }
.history_content > div > dl:nth-of-type(1) > dt { border-top: 1px solid #6ba617; }
.history_content > div > dl > dt { width: 25%; border-bottom: 1px solid #6ba617; font-size: 42px; font-weight: 500; color: #6ba617; padding: 20px 0 0 0; }
.history_content > div > dl > dd { width: 71%; }
.history_content > div > dl > dd > ol > li { width: 100%; height: 70px; display: flex; justify-content: flex-start; align-items: center; font-size: 18px; word-break: keep-all; border-bottom: 1px solid #dddddd; }
.history_content > div > dl:nth-of-type(1) > dd > ol > li:nth-of-type(1) { border-top: 1px solid #dddddd; }
.history_content > div > dl > dd > ol > li > p { position: relative; margin-right: 20px; }
.history_content > div > dl > dd > ol > li > p:after { position: absolute; content: '·'; color: #6ba617; font-size: 25px; right: -13px; top: -4px; }

/* 연락처 */
.contact_content > ul { width: 100%; max-width: 1200px; margin: 0 auto 100px; display: flex; justify-content: space-between; flex-flow: row wrap; }
.contact_content > ul > li { padding: 40px 0 80px; width: 24%; border: 1px solid #dddddd; }
.contact_content > ul > li > h4 { text-align: center; font-size: 24px; font-weight: 400; }
.contact_content > ul > li > p { margin: 15px 0; text-align: center; font-size: 25px; font-weight: 600; letter-spacing: -1px }
.contact_content > ul > li:nth-of-type(1) { border-top: 2px solid #9ed64b; }
.contact_content > ul > li:nth-of-type(2) { border-top: 2px solid #599db4 }
.contact_content > ul > li:nth-of-type(3) { border-top: 2px solid #0aa849 }
.contact_content > ul > li:nth-of-type(4) { border-top: 2px solid #23606c }
.contact_content > ul > li > img { display: block; margin: 60px auto; }

/* 그린박리지 */
.product01_content { padding: 0 0 130px; }
.product01_content > h2 { text-align: center; font-size: 30px; font-weight: 400; color: #999999; letter-spacing: -1px; }
.product01_content > div { width: 100%; max-width: 930px; margin: 60px auto 80px; }
.product01_content > div > h4 { text-align: center; font-size: 25px; font-weight: 400; color: #0aa849; }
.product01_content > div > p { line-height: 30px; margin-top: 12px; text-align: center; font-size: 18px; word-break: keep-all; }
.product01_content > div > p > span { color: #0aa849; }
.product01_content > ul { width: 100%; max-width: 1060px; margin: auto; display: flex; justify-content: space-between; }
.product01_content > ul > li { width: 29.5%; }
.product01_content > ul > li > img { width: 100%; }
.product01_content > ol { margin-top: 90px; display: flex; justify-content: space-between; flex-flow: row wrap; }
.product01_content > ol > li { width: 24.2%; }
.product01_content > ol > li > img { width: 100%; }

/* 무용제형 박리지 */
.product02_content { padding: 0 0 130px; }
.product02_content > h2 { text-align: center; font-size: 30px; font-weight: 400; color: #999999; letter-spacing: -1px; }
.product02_content > div { width: 100%; max-width: 754px; margin: 60px auto 80px; }
.product02_content > div > h4 { text-align: center; font-size: 25px; font-weight: 400; color: #0aa849; }
.product02_content > div > p { line-height: 30px; margin-top: 12px; text-align: center; font-size: 18px; word-break: keep-all; }
.product02_content > div > p > span { color: #0aa849; }
.product02_content > ul { width: 100%; max-width: 1060px; margin: auto; display: flex; justify-content: space-between; }
.product02_content > ul > li { width: 29.5%; }
.product02_content > ul > li > img { width: 100%; }
.product02_content > ol { margin-top: 90px; display: flex; justify-content: space-between; flex-flow: row wrap; }
.product02_content > ol > li { width: 24.2%; }
.product02_content > ol > li > img { width: 100%; }

/* PE코팅 */
.product03_content { padding: 0 0 130px; }
.product03_content > h2 { text-align: center; font-size: 30px; font-weight: 400; color: #999999; letter-spacing: -1px; }
.product03_content > div { width: 100%; max-width: 736px; margin: 60px auto 80px; }
.product03_content > div > h4 { text-align: center; font-size: 25px; font-weight: 400; color: #0aa849; }
.product03_content > div > p { line-height: 30px; margin-top: 12px; text-align: center; font-size: 18px; word-break: keep-all; }
.product03_content > div > p > span { color: #0aa849; }
.product03_content > ol { margin-top: 90px; display: flex; justify-content: space-between; flex-flow: row wrap; }
.product03_content > ol > li { width: 24.2%; background-color: #cccccc; }
.product03_content > ol > li > img { width: 100%; }

@media (max-width: 1250px){
	.location_content, .contact_content, .history_content { padding: 50px 20px; margin: 0 auto; }
}
@media (max-width: 1150px){
	.product01_content { padding: 0 20px 120px; }
	.product02_content > ol > li { width: 49%; margin-bottom: 20px; }
}
@media (max-width: 1070px){
	.contact_content > ul > li { width: 49%; margin-bottom: 20px; }
}
@media (max-width: 1050px){

}
@media (max-width: 990px){
	.greeting_content > div > ul { left: 0; margin-left: 0; padding: 0 20px; }
	.greeting_content > div > p { padding: 0 20px; }
}
@media (max-width: 860px){
	.greeting_content > div > ul > li { width: 32%; }
	.greeting_content > div > ul > li > img { width: 100%; }
	.greeting_content > div > div { height: 300px; }
	.business_content > div > ul:nth-of-type(2) { display: block; }
	.business_content > div > ul:nth-of-type(2) > li { margin: 0 auto 20px; }
	.business_content > div > ul:nth-of-type(1) > li:before { display: none; }
	.business_content > div > ul:nth-of-type(1) > li:after { bottom: -100px; height: 100px; }
	.business_content > div > ul:nth-of-type(1) > li { margin-bottom: 98px; }
}
@media (max-width: 760px){
	.greeting_content > div > ul > li > p { font-size: 22px; }
	.greeting_content > div > div > h2 { font-size: 25px; }
	.greeting_content > div > div { height: 39vw; }
	.history_content > div > dl > dt { width: 20%; text-align: center; }
	.history_content > div > dl > dd { width: 77%; }
	.product01_content > ul > li, .product02_content > ul > li { width: 32%; }
}
@media (max-width: 670px){
	.contact_content > ul > li > p { font-size: 22px; }
	.greeting_content > div > ul { position: relative; bottom: 0; margin: 30px 0 40px; }
	.greeting_content > div > div { height: auto; padding: 40px 20px; }
	.greeting_content > div:nth-of-type(2) { margin-top: 0; }
	.greeting_content > div > p { max-width: 556px; font-size: 17px; line-height: 27px }
	.history_content > div > dl > dd > ol > li { font-size: 17px; }
	.history_content > div > dl > dd > ol > li > p { min-width: 20px; }
	.history_content > div > dl > dt { font-size: 34px; padding: 12px 0 0 0; }
}
@media (max-width: 500px){
	.location_content > div > div:nth-of-type(2) { padding: 20px; }
	.location_content > div > div:nth-of-type(2) > p { font-size: 17px;  }
	.contact_content > ul > li { width: 100%; padding: 40px 0 46px; }
	.contact_content > ul > li > img { margin: 16px auto; }
	.contact_content > ul { margin: auto; }
	.greeting_content { padding: 50px 0 0; }
	.greeting_content > div > ul > li > p { font-size: 17px; }
	.greeting_content > div > h5 { font-size: 16px; }
	.greeting_content > div > h5 > img { width: 100%; max-width: 100px; }
	.greeting_content > div > p { font-size: 16px; }
	.business_content > div > ul > li > div > h4 { font-size: 22px; }
	.business_content > div { padding: 0 20px 0; }
	.history_content > div > dl > dt { width: 100%; padding: 10px; border-top: 1px solid #6ba617 }
	.history_content > div > dl:nth-of-type(1) > dd > ol > li:nth-of-type(1) { border-top: none; }
	.history_content > div > dl > dd > ol > li:last-child { border-bottom: none; }
	.history_content > div > dl > dd { width: 100%; }
	.history_content > div { margin: 0 auto 0; }
	.product01_content > h2, .product02_content > h2, .product03_content > h2 { font-size: 20px; }
	.product01_content > ul, .product02_content > ul { flex-flow: row wrap; }
	.product01_content > ul > li, .product02_content > ul > li { width: 100%; margin-bottom: 20px; }
	.product01_content > ul > li > img, .product02_content > ul > li > img { max-width: 220px; margin: auto; display: block; }
	.product01_content > div > p, .product02_content > div > p, .product03_content > div > p { font-size: 16px; line-height: 27px; }
	.product01_content > div, .product02_content > div, .product03_content > div { margin: 50px auto 40px; }
	.product01_content, .product02_content, .product03_content { padding: 0 20px 50px; }
	.product02_content > ol > li, .product03_content > ol > li { width: 100%; margin-bottom: 20px; }
	.product02_content > ol, .product03_content > ol { margin-top: 55px; }
	.content02 > ul > li:nth-of-type(1) > div > ol > li { font-size: 18px; }
}
@media (max-width: 370px){
	.contact_content > ul > li { padding: 19px 0 14px }
	.greeting_content > div > div > h2 { font-size: 21px; }
	.greeting_content > div > ul > li { width: 100%; max-width: 180px; margin: 0 auto 20px; }
	.business_content > div > ul > li > div > h3 { font-size: 26px; }
}