@charset "utf-8";
@import url("layout.css");
@import url("main.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/
/*인사말*/
.proIntro .imgBox {position: relative;}
.proIntro .imgBox .imgbg {display: inline-block;}
.proIntro .imgBox .name {top: auto; left: auto; bottom: 10px; right: -100px;}
@media only screen and (max-width: 1200px){
  .proIntro .imgBox {display: inline-block;}
}
@media only screen and (max-width:1023px) and (min-width:601px){
  .proIntro .imgBox {padding-bottom: 100px;}
  .proIntro .imgBox .name {right: -20px;}
}
@media only screen and (max-width:460px){
  .proIntro .imgBox {display: block;}
  .proIntro .imgBox .name {right: 0;}
}