@charset "utf-8";
/********************
메인페이지 및 서브페이지 동시 적용.
가장 마지막에 불러오는 CSS 파일입니다.
※ 공통영역 CSS에서 부분별 개별 적용시 사용하시면 됩니다.
********************/

.wrap-header {    z-index: 1000;}

.wrap-visual .slider li img { 
    filter: brightness(0.8);
}

.wrap-visual .control-box { 
bottom: 88px; 
left: 44.75%; }

.ta_l {text-align:left}

  

@media (min-width: 1025px){.wrap-header .head-navi .li_1 {
    padding: 0 8px !important;;}


@media all and (max-width:1024px) {
  
  .PZwindow {width: 100% !important; top: 115px !important; left: 0 !important;}
  .PZwrap {width:100% !important; height: 100% !important}
  .PZwrap img{width:100%;}
 

}


@media all and (min-width:1050px) {
  
   .wrap-header .head-navi .li_1{padding:0 10px  !important;}
  
}


.title1 {font-family:'Noto DemiLight'; display:block; font-size:18px; font-weight:normal; margin:0 0 15px 0; color:#183d93; padding:0 0 0 20px; background:url('/sites/style-guide/images/common/bull_imgbox.png') no-repeat left center;}
.title2 {font-family:'Noto DemiLight'; display:block; font-size:18px; font-weight:bold;}
.titleB {font-size:18px; width:60%; background-color:#174e3e;text-align:left; margin-bottom: 10px;padding:5px 15px;color:#fff;padding:5px 15px;}
.titleT{display:inline-block;margin-bottom:15px; font-size:32px; font-weight:bold;}
.font25{font-size:25px;}

@media all and (max-width:860px) {
    .titleB {font-size:18px; width:100%; background-color:#174e3e;text-align:left; margin-bottom: 10px;padding:5px 15px;color:#fff;padding:5px 15px;}
}
@media all and (max-width:420px) {
  .titleB {font-size:18px; width:100%; background-color:#174e3e;text-align:left; margin-bottom: 10px;padding:5px 15px;color:#fff;padding:5px 15px;}
}

.li_1.eQ08, .li_1.eQ09{display:none !important;}
.li-icon-02 > li .thum img {width: 100px;    height: 120px;}


.goto-top {
    position: fixed;
    right: 5%;
    bottom: 5%;
    z-index: 1000;
}
  

/*게시판 탭*/

@media all and (max-width:480px) {
.wrap-notice ul li + li .recentBbsTab {
    margin-left: 38px;
}

 @media all and (max-width:480px) {
  .wrap-notice ul li + li {
    background: url(/sites/eng/fnct/recentBbs/eng_main_rct/images/slash.png) no-repeat 11% 9px;
}

 @media (max-width: 320px)
.wrap-notice ul li .recentBbsTab {
    margin: 0 3px;
    font-size: 15px;
}
   
 @media all and (max-width:320px) {
.wrap-notice ul li + li .recentBbsTab {
    margin-left: 15px;
}
   
 @media all and (max-width:3200px) {
  .wrap-notice ul li + li {
    background: url(/sites/eng/fnct/recentBbs/eng_main_rct/images/slash.png) no-repeat 2% 9px;
}