/****** 공통 클래스 ******/
.container { padding: 60px 0 100px; width: 100%; max-width: 1180px; margin: auto; }

/* 인사말 */
.greeting_content > div { position: relative; }
.greeting_content > div > h4 { font-size: 25px; font-weight: 600; letter-spacing: -1px; word-break: keep-all; }
.greeting_content > div > h4 > span { font-weight: 600; color: #069cd7; word-break: keep-all; }
.greeting_content > div > p { font-size: 16px; margin: 45px 0; width: 100%; max-width: 530px; word-break: keep-all; line-height: 30px }
.greeting_content > div > img { position: absolute; top: 0; right: 0; z-index: -1; }

/* 오시는길 */
.location_content .root_daum_roughmap { border: none !important; padding: 0 !important; }
.root_daum_roughmap .wrap_controllers { display: none; }
.location_content .kakao_map > div { width: 100%; }
.location_content .kakao_map .wrap_map  { height: 520px !important; }
.location_content > div > table { width: 100%; border-top: 2px solid #222; margin-top: 30px; margin-bottom: 50px; }
.location_content > div > table th { font-weight: 600; text-align: left; padding: 7px 0; border-bottom: 1px solid #bbb; padding-left: 30px; }
.location_content > div > table td { border-bottom: 1px solid #bbb; padding-left: 30px; }

/* 견적문의 */
.qa_content > div > ul { width: 100%; background: #f5f5f5; display: flex; justify-content: space-between; flex-flow: row wrap; }
.qa_content > div > ul > li { width: 50%; }
.qa_content > div > ul > li:nth-of-type(1){ padding: 60px 70px; }
.qa_content > div > ul > li:nth-of-type(2){ background: url(../../../img/qa_img_01.jpg); background-position: center !important; background-size: cover !important  }
.qa_content > div > ul > li > h4 { font-size: 25px; font-weight: 600; color: #069cd7; }
.qa_content > div > ul > li > h5 { font-size: 25px; font-weight: 600; letter-spacing: -1px }
.qa_content > div > ul > li > div { margin-top: 30px; }
.qa_content > div > ul > li > div > p { font-size: 20px; margin: 5px 0; }
.qa_content > div > ul > li > div > p > span { color: #069cd7;  }
.qa_content > div > ul > li > div > p:nth-of-type(2) { padding-left: 13px; }
.qa_content > div > ul > li > div { display: flex; justify-content: flex-start; flex-flow: row wrap; }

/* iq, oq */
.iqoq_content > div > h4 { text-align: center; color: #0091db; font-size: 18px; font-weight: 600; }
.iqoq_content > div > p { word-break: keep-all; padding: 0 70px; line-height: 33px; font-size: 18px; letter-spacing: -1.2px; text-align: center; margin: 7px 0 40px; }
.iqoq_content > div > ul { width: 100%; max-width: 1000px; margin: 0 auto 100px; display: flex; justify-content: space-between; flex-flow: row wrap; }
.iqoq_content > div > ul > li { width: 48.5%; }
.iqoq_content > div > ul > li > img { width: 100%; }
.iqoq_content > div > img { display: block; margin: 40px auto; }


@media (max-width: 1250px){
	.container { padding: 60px 20px }
	.greeting_content > div > img { opacity: 0.3 }
}
@media (max-width: 1080px){
	.qa_content > div > ul > li:nth-of-type(1) { padding: 40px }
}
@media (max-width: 960px){
	.qa_content > div > ul > li > h4, .qa_content > div > ul > li > h5 { font-size: 21px; }
	.qa_content > div > ul > li > div > p { font-size: 15px; }
}
@media (max-width: 760px){
	.qa_content > div > ul > li { width: 100%; }
	.qa_content > div > ul > li:nth-of-type(2){ height: 250px }
	.qa_content > div > ul > li > div > p { padding: 0 10px 0 0 !important }
}
@media (max-width: 720px){
	.iqoq_content > div > ul > li { width: 100%; margin-bottom: 20px; }
	.iqoq_content > div > p { font-size: 16px; line-height: 27px }
}
@media (max-width: 620px){
	.greeting_content > div > img { width: 100%; }
}
@media (max-width: 600px) {
	.greeting_content > div > h4 { font-size: 22px; }
	.iqoq_content > div > p { padding: 0 30px; }
	.iqoq_content > div > img { width: 100%; max-width: 535px; padding: 0 10px; }
}
@media (max-width: 470px){
	.qa_content > div > ul > li:nth-of-type(1) { padding: 25px }
	.main_img_slider > div > div > div > h2 { font-size: 33px; }
	.main_content_02 > div > ul > li > p, .main_content_02 > div > ul > li > p > span { font-size: 17px; }
	.iqoq_content > div > ul > li { width: 100%; margin-bottom: 20px; }
}
@media (max-width: 370px){
	.main_img_slider > div > div > div > h2 { font-size: 30px; }
	.main_content_02 > div > ul > li > img { width: 55px }
	.main_content_02 > div > ul > li > p, .main_content_02 > div > ul > li > p > span { font-size: 14px; }

}