@charset "utf-8";

/* 학과 컬러 */
.mColorBg, header > section > nav.gnb > ul > li > a:hover, header > section > nav.gnb > ul > li > a:focus, header > section nav.gnb > ul > li.active > a, header > section > nav.gnb > ul > li > ul.navSubmenu, .allmenuCon, .btnPopOpen, .mainArticleRightSlider > li > .more:hover, .mainArticleRightSlider > li > .more:focus, .mainArticleRight .bx-wrapper .bx-prev:hover, .mainArticleRight .bx-wrapper .bx-prev:focus, .mainArticleRight .bx-wrapper .bx-next:hover, .mainArticleRight .bx-wrapper .bx-next:focus, .mainArticleLeftTop:after, .mainTypeA_Btn:hover, .mainTypeA_Btn:focus, .mainTypeB_Btn:hover, .mainTypeB_Btn:focus, .mainTypeD_list > li > a:hover, .mainTypeD_list > li > a:focus, .newsRight > li > a:hover, .newsRight > li > a:focus, #leftCont h2, .visionBox > li strong, .tabStyle li.on a, .tabStyle li a:hover, .tabStyle li a:focus, #videoRollWrap {background:#e25d00}
.mainArticleLeftBottom > ul > li > a:hover, .mainArticleLeftBottom > ul > li > a:focus, .mainArticleRightSlider > li > .more:hover, .mainArticleRightSlider > li > .more:focus, .mainTypeA_Btn:hover, .mainTypeA_Btn:focus, .mainTypeB_Btn:hover, .mainTypeB_Btn:focus {border-color:#e25d00}
.mColor, .mainArticleLeftBottom > ul > li > a:hover, .mainArticleLeftBottom > ul > li > a:focus, .newsRightRight > .more, #noticeWrap > section > ul > li > h4, #noticeWrap .more, .professor li .pro_right dl dt a .fa-stack-2x {color:#e25d00}
#rightCont .con h4.h4Tit:before {border:6px solid #e25d00}

/* 학과 GNB 간격 조절 */
header > section > nav.gnb > ul > li {margin-left:30px}


/* 학과 GNB 마우스오버 메뉴 영역 최소값(메뉴떨어지는 경우에만 늘리기) */
header > section > nav.gnb > ul > li:nth-child(1) > ul.navSubmenu {min-width:130px}


/* 전체메뉴보기 크기조절 */
.allmenuNavList {width:14.28%; height:270px}


/* 메인이미지 경로 */
#mainVisualWrap .mainBxslider > li {background:url('../images/newkfoodMainVisual1.jpg') 50% top no-repeat}


/* 메인퀵링크 컬러  */
.mainVisualQuick > li a {background:rgba(255,255,255,0.8)}
.mainVisualQuick > li a:hover, .mainVisualQuick > li a:focus {background:rgba(255,255,255,1)}
.mainVisualQuick > li:nth-child(even) a {background:rgba(255,217,191,0.8)}
.mainVisualQuick > li:nth-child(even) a:hover, .mainVisualQuick > li:nth-child(even) a:focus {background:rgba(255,217,191,1)}


/* 팝업 컬러 */
.popBxslider > li:nth-child(odd) {background:#eff1f7}
/*.popBxslider > li:nth-child(even) {background:#fefffb}*/
.popBxslider > li:nth-child(odd) .btnMore a {background:#2a376c}
.popBxslider > li:nth-child(odd) .pointColor {color:#2a376c}
.popBxslider > li:nth-child(even) .btnMore a {background:#e25d00}
.popBxslider > li:nth-child(even) .pointColor {color:#e25d00}


/* mainArticleRightSlider */
.mainArticleRightSlider > li:nth-child(1) {background:url('../images/mainArticleRightSlider01.png') #f3f5f8 90% 50% no-repeat}
.mainArticleRightSlider > li:nth-child(2) {background:url('../images/mainArticleRightSlider01.png') #f3f5f8 90% 50% no-repeat}


/* Type 컬러  */
#mainTypeA, #mainTypeB, #mainTypeC, #mainTypeD {background-color:#fff6ef}
#noticeWrap, .visionBox > li {background-color:#f3f5f8}
.mainTypeC_Btn {border-color:#e25d00; color:#e25d00}
.mainTypeC_list > li > a:hover .mainTypeC_Btn, .mainTypeC_list > li > a:focus .mainTypeC_Btn {background:#e25d00; color:#fff}


/* 서브이미지 경로 */
.subVisual01 {background:url('../images/newkfoodSubVisual1.jpg') center 27% no-repeat; background-size:cover}

/* VRWrap */
.VRWrap {position:relative; max-width:1200px; margin:0 auto; z-index:999}
.VR {display:inline-block; position:absolute; top:120px; right:-145px; text-align:right; transition:.3s}
.VR:hover, .VR:focus {opacity:0.8}


/* popupZone */
#popupZone {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999999; overflow-y:auto}
#popupZone .inner {max-width:1310px; /*margin:200px auto 0 auto;*/ margin:100px auto 0 auto; padding:0 20px; box-sizing:border-box}
#popupZone .bx-wrapper .bx-controls-direction a {margin-top:-40px; width:40px; height:80px; z-index:999; transition:.3s}
#popupZone .bx-wrapper .bx-prev {left:-90px; background:url('https://www.wsi.ac.kr/site/main/img/mainVisualLeft.png') center left no-repeat; opacity:0.3}
#popupZone .bx-wrapper .bx-next {right:-90px; background:url('https://www.wsi.ac.kr/site/main/img/mainVisualRight.png') center right no-repeat; opacity:0.3}
#popupZone .bx-wrapper .bx-prev:hover, #popupZone .bx-wrapper .bx-next:hover {opacity:0.7}
.popCloseWrap {text-align:center; margin-top:20px}
.popClose02 {display:inline-block; font-size:18px; font-weight:500; color:#fff; border:2px solid #fff; padding:12px 30px; transition:.3s}
.popClose02 i {margin-left:5px}
.popClose02:hover, .popClose02:focus {color:#333; background:#fff; text-decoration:none}
.popOpen {position:absolute; top:0; left:-20px; background:#fff; color:#333; width:20px; height:52px; display:flex; align-items:center; justify-content:center; transition:.3s; border-radius:10px 0 0 10px; display:none}
.popOpen:hover, .popOpen:focus {background:#0D3F8F; color:#fff}
.popupSlider > li {text-align:center}
.popupSlider > li > div {border-radius:15px; overflow:hidden; display:inline-block; margin:5px}

#popupZone.popup3 .inner {max-width:1580px}
#popupZone.popup3 .inner > ul {display:flex; justify-content:center; padding:0; flex-wrap:wrap; gap:10px}
#popupZone.popup3 .inner > ul li {width:480px; max-width:500px}
#popupZone.popup3 .inner > ul li:last-child {margin-right:0}


@media screen and (max-width:768px) {
	/* 메인이미지 반응형 위치 조절 */
	#mainVisualWrap .mainBxslider > li {background-position:55% top}
}
@media screen and (max-width:550px) {
	header > section h1.logo img {height:24px; margin-top:4px}
}
@media screen and (max-width:425px) {
	header > section h1.logo img {height:22px; margin-top:5px}
}
@media screen and (max-width:375px) {
	header > section h1.logo img {height:20px; margin-top:6px}
}
@media screen and (max-width:340px) {
	header > section h1.logo img {height:18px; margin-top:8px}
}