@charset "utf-8";

@import url("/sites/guide/style/css/guide.css");
@import url("/sites/templet_06/style/css/layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/

.eQ01 #sub_visual {background: url(../../images/sub_visual_1.jpg) no-repeat center;}
.eQ02 #sub_visual {background: url(../../images/sub_visual_2.jpg) no-repeat center;}
.eQ03 #sub_visual {background: url(../../images/sub_visual_3.jpg) no-repeat center;}
.eQ04 #sub_visual {background: url(../../images/sub_visual_4.jpg) no-repeat center;}
.eQ05 #sub_visual {background: url(/sites/guide/images/sub_visual_100.jpg) no-repeat center;}

.imgText.imgText_l > div:first-child, .imgText.imgText_l_2 > div:first-child {
    width: 20%;
}
.imgText.imgText_l_2 > div:last-child {
    width: 75%;
}

.welcome_message_1 .img_wrap .con_1 {
  width: 240px;
  height: 260px;
}
.welcome_message_1 .img_wrap .con_2 {
  padding-left:350px;
}
#headerSec .logo {
  width: 320px;
}
#headerSec .logo a span {
  font-size: 18px;
  vertical-align: -11px;
}
@media only screen and (min-width: 1025px){
  #mainNav nav#menuUItop {
	margin-top: 10px;
  }
}

/*연혁추가*/
.timeline {
  max-width: 1024px;
  width: 90%;
  margin: 0 auto;
}

.timeline-item {
  padding: 3em 2em 2em;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  border-left: 2px solid rgba(0, 0, 0, 0.3);
}
.timeline-item p {
  font-size: 1rem;
}
.timeline-item::before {
  content: attr(date-is);
  position: absolute;
  left: 1em;
  font-weight: bold;
  top: 0.35em;
  display: block;
  font-weight: 700;
  font-size: 1.258rem;
}
.timeline-item::after {
  width: 10px;
  height: 10px;
  display: block;
  top: 1em;
  position: absolute;
  left: -7px;
  border-radius: 10px;
  content: '';
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
}
.timeline-item:last-child {
  -o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, transparent) 1 100%;
     border-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 60%, transparent) 1 100%;
     border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, transparent) 1 100%;
}

.year2020 {background: url(/sites/cci/images/con_img_6028_2020.png) no-repeat top right;}
.year2021 {background: url(/sites/cci/images/con_img_6028_2021.png) no-repeat top right;}
.year2022 {background: url(/sites/cci/images/con_img_6028_2022.png) no-repeat top right;}
.year2023 {background: url(/sites/cci/images/con_img_6028_2023.png) no-repeat top right;}
.year2024 {background: url(/sites/cci/images/con_img_6028_2024.png) no-repeat top right;}

.date-2020-10 {background: url(/sites/cci/images/con_img_6028_202010.png) no-repeat right;}
.date-2020-11 {background: url(/sites/cci/images/con_img_6028_202011.png) no-repeat right;}

.date-2021-04 {background: url(/sites/cci/images/con_img_6028_202104.png) no-repeat right;}
.date-2021-09 {background: url(/sites/cci/images/con_img_6028_202109.png) no-repeat right;}

.date-2022-04 {background: url(/sites/cci/images/con_img_6028_202204.png) no-repeat right;}
.date-2022-05 {background: url(/sites/cci/images/con_img_6028_202205.png) no-repeat right;}
.date-2022-08 {background: url(/sites/cci/images/con_img_6028_202208.png) no-repeat right;}

@media screen and (max-width: 1024px) {
	
		.year2020, .year2021, .year2022, .year2023, .year2024, .date-2020-10, .date-2020-11, .date-2021-04, .date-2021-09, .date-2022-04, .date-2022-05, .date-2022-08{
	background: url("");
	}

}