@charset "UTF-8";

/*globe 공통 스타일 후보 클래스명들, 가져다 쓸수있는 스타일클래스명들. startsss*/
.margin_horizon_auto{
  margin:0 auto;
}
.position_absolute{
  position:absolute;
}
.position_relative{
  position:relative;
}
.display_flex{
  display:flex;
}
.flex_row_nowrap{
  flex-flow:row nowrap; /* ->>>노 줄바꿈 수평정렬*/
}
.flex_row_wrap{ /*줄바꿈 수평정렬*/
  flex-flow:row wrap;
}
.flex_align_basic{
  justify-content:flex-start;align-items:flex-start; /*flexbox기본 정렬 형태*/
}
.flex_align_center_horizon{
  justify-content:center;/*flexbox 가로정렬만 가운데*/
}
.flex_align_center_vertical{
  align-items:center;/*flexbox세로정렬만 가운데*/
}
.flex_align_bottom_vertical{
  align-items:flex-end;/*flexbox세로수직정렬 bottom*/
}
.flex_align_spacebetween_horizon{
  justify-content:space-between;/*flexbox가로 spacebetween수평정렬*/
}
.text_align_center{
  text-align:center;
}
.text_align_left{
  text-align:left;
}
.text_align_right{
  text-align:right;
}

/*저의 코드의 경우는 섹션 직속하부의 container요소에 width값 명시적주는것과,수평마진 정렬을 사용했는데, 이러한 컨테이너중 가장 큰 width를 가지는 기준 1510width으로 모든 페이지에서 판명났으며
이런 상황에서 1510 container외각에 대해서 pc디자인시안 당시때의 요소들의 크기기의 비율로 잡고싶다면 비율크기라는것을 명시합니다. 1510컨테이너 요소에 대해서 그 하부 요소들이 갖고있던 비율로써
유지를 하면 1510~1024 , 1510~n 등의 breakpoints에서도 1510이상 해상도일때의 비율을 유지가능합니다 width_524_rates_in1510width margin_left_108_rates_in1510width*/
.width_524{
  width:524px;
}
.width_536{
  width:536px;
}
.height_100per{
  height:100%;
}
.margin_left_108{
  margin-left:112px;
}
.margin_left_112{
  margin-left:112px;
}
/**globe 공통스타일들 css ends...*/


/*tech_story내 공통 지역 스타일 지역 공통스타일*/
.tech_story{
  padding-bottom:209px;
}
.tech_story *{
  font-family:NanumGothic;
}
.tech_story .container{

}
.tech_story .container .content{ /*형식 공간wrap 네임스페이스*/

}
.tech_story .container .content .content_title_h5{
  
  font-family: NanumGothic;
  font-size: 24px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: 1.8px;
  color: #434343;
}
.tech_story .container .content .content_title_h3{
  font-family: NanumGothic;
  font-size: 40px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: 3px;
  color: #696254;

   width:490px;
}
.tech_story .container .content .content_title_h3 .bigger{
    font-family: NanumGothic;
  font-size: 51px;
  letter-spacing: 3.83px;
  color: #696254;
}
.tech_story .container .content .content_txt_headver{
   font-family: NanumGothic;
  font-size: 27px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: 2.03px;
  color: #696254; 

  width:458px;height:auto;

  margin-left:80px;
}
.tech_story .container .content .content_txt{
   font-family: NanumGothic;
  font-size: 17px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.76;
  letter-spacing: 1.28px;
  color: #434343;

   margin-top:34px;
}

.tech_story .container .content .imgwrap{
  width:524px;height:auto;display:block;
}
.tech_story .container .content .imgwrap .img{
  width:100%;height:auto;display:block;
}
.tech_story .container .content .imgwrap_width_full{
  width:100%;height:auto;display:block;
}


/*tech_story 지역 스타일*/
.tech_story .section1{
  margin-top:122px;
}
.tech_story .section1 .tech_story_visualbg{
   width: 766px; height:auto;overflow:visible;background-color:transparet;
}
.tech_story .section1 .tech_story_visualbg .local_font_styleimg{
   left:50%;top:50%;transform:translateX(-50%)translateY(-50%);margin:auto;z-index:9;width:886px !important;height:232px;max-width:none;
}
.tech_story .section2{
  margin-top:128px;
}
.tech_story .section2 .tech_story_focustxt{
  width:calc(1920px - (312px * 2));height:auto;background-color:transparet;
}
.tech_story .section3{
  margin-top:122px;
}
.tech_story .section3 .tech_story_description{
  width:calc(1920px - (312px * 2));padding-left:128px;height:auto;background-color:transparet;
}
.tech_story .section4{
 margin-top:278px;
}
.tech_story .section4 .tech_story_description{
   width:calc(1920px - (312px * 2));padding-left:128px;height:auto;background-color:transparet;
}

.tech_story .section3 .tech_story_description .content1{
  height:105px;
}
.tech_story .section3 .tech_story_description .content2{
  margin-top:163px;
}
.tech_story .section3 .tech_story_description .content3{
  margin-top:129px;
}
.tech_story .section3 .tech_story_description .content4{
  margin-top:129px;
}

.tech_story .section4 .tech_story_description .content1{
  height:105px;
}
.tech_story .section4 .tech_story_description .content2{
  margin-top:163px;
}
.tech_story .section4 .tech_story_description .content3{
  margin-top:163px;
}
.tech_story .section4 .tech_story_description .content4{
  margin-top:204px;
}