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

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

.wrap-contents .con-list > li:before {top: 9px !important;}

/* 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;}
}




/*메인 배경이미지 변경 22.07.13*/


.scholarship-sys:before {background: url(../../images/main/conBg_4.jpg) no-repeat center;}




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

/*퀵링크*/
.main-quick{background:url(../../images/main/quickBg.png) center;padding:40px 0;}
.main-quick ul{max-width:1400px;margin: 0 auto;font-size:0;}
.main-quick ul li{width:12.50%;display:inline-block;vertical-align:top;}
.main-quick ul li a{display:block;text-align:center;font-size:22px;}
.main-quick ul li a:before{content:"";display:block;margin:0 auto 10px auto;width:104px;height:92px;background-size:100% !important;}
.main-quick ul li a.a_1:before{background:url(../../images/main/quick_1.png) no-repeat center;}
.main-quick ul li a.a_2:before{background:url(../../images/main/quick_2.png) no-repeat center;}
.main-quick ul li a.a_3:before{background:url(../../images/main/quick_3.png) no-repeat center;}
.main-quick ul li a.a_4:before{background:url(../../images/main/quick_4.png) no-repeat center;}
.main-quick ul li a.a_5:before{background:url(../../images/main/quick_5.png) no-repeat center;}
.main-quick ul li a.a_6:before{background:url(../../images/main/quick_6.png) no-repeat center;}
.main-quick ul li a.a_7:before{background:url(../../images/main/quick_7.png) no-repeat center;}
.main-quick ul li a.a_8:before{background:url(../../images/main/quick_8.png) no-repeat center;}
@media all and (min-width:1025px) {
	.main-quick ul li a:hover{color:#c00f15;}
	.main-quick ul li a:hover:before{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media all and (max-width:1400px) {
	.main-quick ul{max-width:96%;}
}
@media all and (max-width:1024px) {
	.main-quick ul li a{font-size:16px;}
	.main-quick ul li a:before{width:70px;height:62px;}
}
@media all and (max-width:768px) {
	.main-quick ul li a{font-size:14px;}
	.main-quick ul li a:before{width:50px;height:44px;}
}
@media all and (max-width:480px) {
	.main-quick{background:none;padding:10px 0;}
	.main-quick ul li{width:50%;}
	.main-quick ul li a{text-align:left;background:#fbdfdf;padding:8px 20px;margin:0.5px;}
	.main-quick ul li a:before{display:none;}
}
@media all and (max-width:320px) {
	.main-quick ul li{width:100%;}
	.main-quick ul li a{margin:0.5px 0;}
}






.eQ01 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual20.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);}