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

#_globalNavi #_globalUl li {border-color:#FFF;}
#_globalNavi #_globalUl li a {color: #FFF;}


/* popup */
@media only screen and (max-width:768px){
    .PZwindow {width: 80% !important; top:0 !important; left:0 !important}
    .PZwindow .PZwrap {width: 100% !important; height: auto !important;}
}

@media only screen and (max-width:550px){
    .PZwindow {width: 100% !important}
}


/*구조변경시작********************/
.wrap-header .head-logo a {display:flex;align-items:center;}
.wrap-header .head-logo span {font-size:19px;padding-top:0;}
.wrap-header .head-navi .a_1.on span:before{bottom:-15px;}
@media all and (min-width:1025px) {
  .wrap-header:before{content:"";display:block;width:100%;height:1px;background:#EEE;position:absolute;left:0;top:80px;}
  .wrap-header .container > div {display:block;}
  .wrap-header .container .head-logo {float:none;margin-right:0;text-align:center;}
  .wrap-header .head-navi {text-align: center;}
  .wrap-header .head-util {position:absolute;right:0;top:0;}
  .wrap-header .head-logo a,
  .wrap-header .head-util li {height:80px;}  
  .wrap-header .head-navi .ul_1 {justify-content:space-between;}
  .wrap-header .head-util li.head-sitemap {background-position:center;}  
  .wrap-header .head-navi .a_1 {padding:15px 0;}
}
@media (max-width: 1400px) {
  .wrap-header .head-util {display: block !important;}
}
@media (min-width: 1025px) and (max-width: 1280px){
  .wrap-header .head-logo span {display:inline-block;padding-left:5px;}
}
@media (max-width:768px) {
  .wrap-header .head-logo img {max-width:160px;}
  .wrap-header .head-logo span {font-size:17px;}
}
@media (max-width:520px){
  .wrap-header .head-logo span {padding-left:5px;}
}
@media (max-width:480px){
  .wrap-header .head-logo a {flex-wrap:wrap;}
  .wrap-header .head-logo img {max-width:130px;}
  .wrap-header .head-logo span {padding-left:0px;width:100%;font-size:14px;}
}
/*구조변경끝********************/





.ul_iconbox ul{display:table;}
.ul_iconbox ul>li{display:table-cell;width:50%;float:left;padding:5px;box-sizing:border-box;}
.ul_iconbox ul>li.first{margin-right:2%;}
.ul_iconbox ul>li.last{margin-left:2%;}
.ul_iconbox .imgbox{height:200px;margin:15px 0;}
.ul_iconbox .imgbox p.imgdes{text-align:center;color:#fff;font-size:18px;padding-top:90px;}
.ul_iconbox .imgbox p.imgdes img{margin-top:-20px;}
.ul_iconbox .imgbox.figurebg01{background: url(/sites/style-guide/images/icon_img/triangle.png) no-repeat center;}
.ul_iconbox .imgbox.figurebg02{background: url(/sites/style-guide/images/icon_img/polygon.png) no-repeat center;}
.ul_iconbox .imgbox.figurebg03{background: url(/sites/style-guide/images/icon_img/polygon02.png) no-repeat center;}

.ul_iconbox .textbox{text-align:center;}
.ul_iconbox .textbox strong{color:#1e5ba8;font-size:20px;font-weight:500;}

@media only screen and (max-width:767px){
  .ul_iconbox ul>li {display: block; width: 100%; margin-bottom: 10px;}
  .ul_iconbox ul>li.first{margin-right:0;}
  .ul_iconbox ul>li.last{margin-left:0;}
}