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

/* popup */

.PZwindow {display:flex; flex-direction:column;}
.PZwindow iframe {height: 100% ;width:100%;}
.PZwindow .PZwrap img {width:100%; height: 100%;}
.PZwindow .PZwrap a {display: block; background: #333;}


@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.fNav {    z-index: 1002;}

 @media all and (min-width:1024px) {
.wrap-header .head-util {    width: 45px;margin-right: 20px;}
   .wrap-header .container .head-logo {margin-right: 5px;}
   .wrap-header .head-navi .li_1 {    padding: 0 10px;}
a.aacsb {display: inline-block;position: relative;top: -15px;width: 105px;background: #fff;padding: 4px;}

}
 @media all and (max-width:1100px) {
   .wrap-header .head-util {width:80px !important;}
	a.aacsb {display:none}

}


.greeting-type02 .thum img {max-width: 450px;}


/*글로벌내비게이션칼라*/
#_globalNavi #_globalUl li {border-color:#FFF;}
#_globalNavi #_globalUl li a {color: #FFF;}



/*메인메뉴*/
.wrap-header .head-navi .a_1{display:block;color:#fff;padding:33px 0;font-size:19px;font-family:'Noto Regular';}

@media all and (max-width:1350px) {
  .wrap-header .head-logo span{display:block;}
}
@media all and (max-width:1140px) {
  .wrap-header .head-logo span{display:block;    font-size: 16px;}
  .wrap-header .head-navi .li_1 {/* padding: 0 5px; */}
  .wrap-header .head-navi .a_1 {text-align: center; ;}
}

@media all and (max-width:768px) { 
    .wrap-header .head-navi .a_1 {font-size: 17px;padding: 10px 8px;line-height: 1.2;} 
  .wrap-header .head-logo span {font-size:15px}
}


/*글들*/
.mainText{/*margin:50px 0;*/padding:30px;padding-left:25%;background:#9c376a url(/sites/cba_eng/images/main/eng_back.jpg) no-repeat left center;}
.mainText h3{font-size: 20px;color: #fff;font-family:'Noto Medium';padding-bottom:10px;line-height:1.3;}
.mainText p{font-size:15px;}
@media all and (max-width:768px) {
  .mainText{margin:0px 0;padding-left:25%;background-position:45% center;}
}
@media all and (max-width:480px) {
  .mainText{padding-left:30px;}
}




.eQ01 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual14.jpg);}
.eQ02 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual15.jpg);}
.eQ03 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual07.jpg);}
.eQ04 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual05.jpg);}
.eQ05 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual01.jpg);}
.eQ06 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual-sitemap.jpg);}
.eQ07 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual-professor.jpg);}
.eQ08 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual11.jpg);}
.eQ09 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual17.jpg);}