@charset "utf-8";



.sub_contents {width:100%; overflow:hidden; padding-top:3.0rem;}
@media screen and (max-width: 1600px){
.sub_contents {padding-left:15px!important; padding-right:15px!important;}

}

/******	회사소개	******/

.about_top {text-align:center; padding:25.0rem  2.0rem; color:#fff;
			background: url("../../pages/images/company.jpg") no-repeat center center; background-size:cover; border-radius:2.0rem; overflow:hidden;}

.about_top strong {font-family: 'Cabin'; font-size:5.0rem; font-weight: 700; letter-spacing:0.01rem;}
.about_top p {font-size:2.4rem; margin-top:1.0rem;}

.about_txt { text-align:center; margin-top:15.0rem;}
.about_txt .about_title {font-size:3.8rem; font-family: 'Nanum Myeongjo'; letter-spacing: -0.035rem; font-weight:bold; margin-bottom:5.0rem; line-height:1.45;}
.about_txt p {font-size:2.0rem; color:#666; margin-bottom:2.0rem; line-height:1.75; font-weight:400;}

.histroy_wrap {margin-top:15.0rem;}
.histroy_wrap .his_title {font-family: 'Cabin'; font-size:4.8rem; font-weight:600; text-align:center;margin-bottom:4.0rem }


.his_list {display:flex; flex-wrap:wrap;   margin:0 -25px 0 0 ; }
.his_list dl {width:calc(33.3% - 25px); margin:0 25px 25px 0; background:#f5f2ea; padding:5.0rem 4.5rem; text-align:left; }
.his_list dl dt {color:#000; font-size:2.4rem; font-weight:600;}
.his_list dl dd {margin-top:1.0rem; color:#666; font-size:1.7rem;line-height:1.65; }


@media screen and (max-width: 1024px){
.his_list dl {width:calc(50% - 25px);}

}

@media screen and (max-width: 768px){

.about_top strong {font-size:3.4rem;}
.his_list dl {width:100%; padding:3.0rem 2.5rem;} 
.about_txt .about_title {font-size:2.6rem;}
.about_txt p  {font-size:16px;}
.about_txt p br {display:none;}
.histroy_wrap .his_title {font-size:3.4rem;  }

}




/*tab css*/
/* 탭 전체 스타일 */
.tabs2 {
  margin-top: 50px;
  background-color: #ffffff;
 /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  width: 100%;
  margin: 0 auto; text-align:center; }

/* 탭 스타일 */

.tabs2 .tab_item {
 text-align:center;
  cursor:pointer;
  /*width: 33%;*/
  padding:1.0rem 2.0rem;
  /*height: 50px; */ 
  background-color: #fff;
  line-height: 1.45;
  font-size: 1.8rem;
  text-align: center; 
  border-radius:70px;
  color: #000;
  display: inline-block;
  /*float: left;*/
  margin-right:0.5%;
  text-align: center;  
  font-weight: 600;
  transition: all 0.2s ease;
 /* border:1px  solid #ddd; */
  /*border-top:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
  border-left:1px solid #dbdbdb;*/
}
.tabs2 .tab_item:hover {
 background:#9f9e8d;
 color:#fff;
 /*border:1px solid #72a02d;*/
}
.tabs2 .tab_item5 {margin-right:0!important;}

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tabs2 .tab_content2 { 

  display: none;
  padding:  6.5rem 0 0 0 ;
  clear: both;
  text-align:center;  
}

.tabs2 .tab_content2 > img { max-width:100%; }

/* 선택 된 탭 콘텐츠를 표시 */
.tabs2  #tabtab01:checked ~ #tabtab01,
.tabs2  #tabtab02:checked ~ #tabtab02,
.tabs2  #tabtab03:checked ~ #tabtab03, 
.tabs2  #tabtab04:checked ~ #tabtab04, 
.tabs2  #tabtab05:checked ~ #tabtab05 {
  display: block;
}


/* 선택된 탭 스타일 */
 .tabs2 input:checked + .tab_item {  
  background-color: #9f9e8d;  
  color: #fff;
  font-weight:bold;
}

@media screen and (max-width: 768px){
.tabs2 .tab_item { padding:1.5rem 1.2rem; font-size:15px; line-height:1.25; margin-bottom:1.0rem;}
.tabs2 .tab_content2 {padding-top:3.0rem;}
.tabs2 .tab_item br {display:block;}

}





/*오시는길*/

.loc_map {width:100%; }
.loc_map .map_height {height:400px; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}




.loc_txt {margin-top:5.0rem; display:flex; background:#ecece8; padding:5.0rem 3.0rem; border-radius:2.0rem;}
.loc_txt .loc_le {display:flex;  justify-content: center;align-items: center; width:30%; border-right:1px solid #ddd; padding:3.0rem; }
.loc_txt .loc_le img {max-width:50%;}

.loc_txt .loc_ri {padding-left:8.0rem; display:flex; flex-wrap: wrap; align-content: center}
.loc_txt .loc_ri dl {display:flex; font-size:16px; margin-bottom:1.0rem; width:100%; }
.loc_txt .loc_ri dl dt {width:150px; font-weight:600; color:#000; }
.loc_txt .loc_ri dl dd {color:#666; }

@media screen and (max-width: 1200px){

.loc_txt .loc_le img {max-width:80%;}
}

@media screen and (max-width: 768px){
.loc_map .map_height {height:250px;}
.loc_txt {padding:5.0rem 5.0rem 3.5rem 5.0rem;}
.loc_txt .loc_le {display:none;}
.loc_txt .loc_ri {padding-left:0rem}
.loc_txt .loc_ri dl dt {width:80px;}
.loc_txt .loc_ri dl dd {width:calc(100% - 80px);}

}





@media screen and (max-width: 1600px){

}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){

}