@charset "utf-8";

#pageCont{padding-bottom: 100px;}

@media all and (max-width:1024px){
	#pageCont{padding-bottom: 80px;}
}
@media all and (max-width:768px){
	#pageCont{padding-bottom: 65px;}
}

/* s_tit */
.s_tit{font-size: 2.8rem; color: #000; font-weight: 600; margin-bottom: 20px;}
.s_tit span{color: #0e56e7;}

@media all and (max-width:1024px){
	.s_tit{font-size: 2.4rem;}
}
@media all and (max-width:768px){
	.s_tit{font-size: 2.2rem; margin-bottom: 15px;}
}


/* intro1 */
.intro1{}
.intro1 .inner{}
.intro1 .inner .img{}
.intro1 .inner .img img{width: 100%; max-width: 100%;}
.intro1 .inner .txt_box{display: flex; justify-content: space-between; margin-top: 80px; max-width: 1050px; width: 100%; margin-left: auto; margin-right: auto;}
.intro1 .inner .txt_box h3{font-weight: 500; font-size: 4.8rem; color: #222222; max-width: 432px; width: 100%; letter-spacing: -0.06em; line-height: 1.3em;}
.intro1 .inner .txt_box h3 span{color: #0e56e7; font-weight: 600;}
.intro1 .inner .txt_box .txt{ max-width: calc(100% - 432px); width: 100%;}
.intro1 .inner .txt_box .txt p{font-size: 1.8rem; color: #666666; line-height: 1.8em; font-weight: 300; margin-bottom: 35px;}

@media all and (max-width:1279px){
	.intro1 .inner .txt_box h3{font-size: 4.2rem;max-width: 360px;}
	.intro1 .inner .txt_box .txt{max-width: calc(100% - 360px);}
}
@media all and (max-width:1024px){
	.intro1 .inner .txt_box{flex-direction: column; margin-top: 60px;}
	.intro1 .inner .txt_box h3{max-width: 100%; font-size: 3.6rem; word-break: keep-all;}
	.intro1 .inner .txt_box h3 br{display: none;}
	.intro1 .inner .txt_box .txt{max-width: 100%; margin-top: 30px;}
}
@media all and (max-width:768px){
	.intro1 .inner .txt_box h3{font-size: 3.2rem;}
}

/* intro2 */
#sMap_info { background: #fff; display: table; table-layout: fixed; width: 90%; margin: -100px auto 0; padding: 5%; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);  z-index: 9; position: relative}
#sMap_info > div { display: table-cell; vertical-align: top; }
#sMap_info .tit { width: 25%; }
#sMap_info .tit h4 { font-size: 3rem; color:#212121;  font-family: 'Poppins'; line-height: 1.2em; }
#sMap_info .tit p { font-size: 1.8rem; margin-top: 0.5em;  }
#sMap_info .txt { font-size: 1.7rem; border-left: 1px solid #e5e5e5;  padding-left: 5%; padding-top: 0.2em;  }
#sMap_info .txt p + p { margin-top: 0.5em; }
#sMap_info .txt p { display: inline-block; width:100%; vertical-align: middle; margin-bottom: 5px;}
#sMap_info .txt p:last-child{margin-bottom: 0;}
.root_daum_roughmap .wrap_controllers{display: none;}

@media all and (max-width:976px) {
  #sMap .root_daum_roughmap .wrap_map  { height: 50vw !important;   }
  #sMap_info { margin-top: -8vw; }
  #sMap_info .tit { width: 30%; }
  #sMap_info .tit h4 { font-size: 2.6rem; }
  .intro2 .root_daum_roughmap .wrap_map{height: 80vw !important;}
}

@media all and (max-width:767px) {
  #sMap_info,
  #sMap_info > div { display: block; }
  #sMap_info .tit { width: 100%; }
  #sMap_info .txt { padding-left:0; border-left:0; border-top: 1px solid #e5e5e5; padding-top: 5%; margin-top: 5%; }
  #sMap_info .txt p + p { margin-top: 0.3em; }

  #sMap_info .txt p::before { width: 15px; height: 18px; }
}

/* service */
.need_list{padding: 3rem 3rem 2rem; background-color: #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-between; counter-reset: section; margin-bottom: 60px;}
.need_list li{background-color: #fff; padding: 1rem; width: 32.33333%; margin-bottom: 1rem; font-size: 1.7rem; font-weight: 400; color: #333;} 
.need_list li::before{ content: counters(section, ".") " "; counter-increment: section; color: #fff; background-color: #0e56e7; border-radius: 100%; width: 24px; height: 24px; display: inline-flex; text-align: center; justify-content: center; align-items: center; margin-right: 10px;}

.work_list{display: flex; flex-wrap: wrap;}
.work_list li{width: 31.3333%; margin: 0 1%; margin-bottom: 30px;}
.work_list li .img{}
.work_list li .img img{max-width: 100%; width: 100%;}
.work_list li h4{font-size: 2rem; color: #000; margin-top: 10px;}
.work_list li p{font-size: 1.7rem; font-weight: 300; word-break: keep-all;}

.service .btn_box{text-align: center; margin-top: 40px;}
.service .btn_box a{display: inline-block; background-color: #0e56e7; color: #fff; font-size: 1.7rem; font-weight: 500; padding: 15px 40px; border: 1px solid #0e56e7;}
.service .btn_box a:hover{background-color: #fff; color: #0e56e7;}


@media all and (max-width:1024px){
	.need_list li{width: 48%;}
	.work_list li{width: 48%;}
}
@media all and (max-width:768px){
	.need_list{padding: 2rem 2rem 1rem; margin-bottom: 45px;}
	.need_list li{width: 100%; margin-left: 0; margin-right: 0;}
	.work_list li h4{font-size: 1.8rem;}
	.work_list li p{font-size: 1.6rem;}
	.service .btn_box{margin-top: 25px;}
	.service .btn_box a{font-size: 1.6rem; padding: 12px 35px;}
}