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

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

/*사이트맵 메뉴 숨김*/
.li_1_5303,.top_k2wiz_GNB_5303 { display: none !important; }

/*사이트맵*/
#newSitemap > ul > li > div > ul > li { width: 50%; }
#newSitemap > ul > li > div > ul > li > a { white-space: normal; }
#newSitemap > ul > li > div > ul > li > a { font-size: 16px; margin: 20px 0 0 0; }

@media only screen and (max-width:1120px){
  #newSitemap > ul > li > div > ul > li { width: 100%; }
}
@media only screen and (max-width:1024px){
  #newSitemap > ul > li > div > ul > li { width: 50%; }
}
@media only screen and (max-width:600px){
  #newSitemap > ul > li > div > ul > li { width: 100%; }
}

/*common*/
.f-20 { font-size: 20px !important; }
.f-26 { font-size: 26px !important; }
.f-black { color: #333 !important; }
.mark01 span { color: #333; font-size: 14px; }
.tableWrap table tbody td:last-child { border-right: 1px solid #ddd; }
.tableWrap table { border-right: 2px solid transparent; }

@media only screen and (max-width:600px){
  .topBtn { display: none !important; }
}

/*인사말*/
.proIntro .textBox { padding-left: 0 !important; }

/* 진행절차 */
.step {overflow:hidden;}
.step > ul {padding-top:20px;}
.step > ul > li {float:left;}
.step.arrow > ul > li {margin-right:10px; background:url(/sites/ctl/images/sub/icon/arrow_left.png) right 40px no-repeat; padding-right:34px;}
.step > ul > li > dl > dt {text-align: center;}
.step > ul > li > dl > dd {text-align:center; padding-top:10px; font-size:1.1em;}
.step > ul > li:last-of-type {background:none !important; padding:0;  margin-right:0;}

.step.arrow.c3 > ul > li { width: 26%; }
.step.c5 > ul > li { width: 20%; margin-bottom: 20px; }

@media only screen and (max-width:1024px){
  .step.c5 > ul > li { width: 33%; }
}

@media only screen and (max-width:600px){
  .step.arrow > ul > li {
	width: 100% !important;
	background: url(/sites/ctl/images/sub/icon/arrow_down.png) bottom center no-repeat;
	padding-right: 0; padding-bottom: 45px; margin-right: 0; margin-bottom: 5px;
  }
  .step.c5 > ul > li { width: 50%; }
}