@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:#4c7a27}
.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:#4c7a27}
.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:#4c7a27}
#rightCont .con h4.h4Tit:before {border:6px solid #4c7a27}

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


/* 학과 GNB 마우스오버 메뉴 영역 최소값(메뉴떨어지는 경우에만 늘리기) */
header > section > nav.gnb > ul > li:nth-child(1) > ul.navSubmenu {min-width:150px}
header > section > nav.gnb > ul > li:nth-child(7) > ul.navSubmenu {min-width:120px}
header {background: linear-gradient(180deg, white, transparent); position:fixed; z-index:9; width:100%; transition: 0.3s;}
header > section {max-width:1440px; margin:0 auto; padding:30px 0; height:90px; box-sizing:border-box}
header > section h1.logo img {height:auto}
header > section a i {font-size:22px; vertical-align:-webkit-baseline-middle; margin-left:50px; margin-top:5px}
header > section a:hover i {color:#3c661a}

.fixed {background:#fff !important; transition: 0.3s; z-index:9999}

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


/* 메인이미지 경로 */
/*#mainVisualWrap .mainBxslider > li {background:url('../images/civilMainVisual1.jpg') 50% top no-repeat}*/
#mainVisualWrap {background:url('../images/mainVisual_01.jpg') 40% top no-repeat; height:870px; ; background-size:cover}
#mainVisualWrap > div {position:relative; max-width:1440px; margin:0 auto}


/* 메인퀵링크 컬러  */
.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(202,233,255,0.8)}
.mainVisualQuick > li:nth-child(even) a:hover, .mainVisualQuick > li:nth-child(even) a:focus {background:rgba(202,233,255,1)}


/* 팝업 컬러 */
.popBxslider > li:nth-child(odd) {background:#eff1f7}
.popBxslider > li:nth-child(even) {background:#fbfdff}
.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:#4c7a27}
.popBxslider > li:nth-child(even) .pointColor {color:#4c7a27}


/* 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:#dbe7f5}
#noticeWrap, .visionBox > li {background-color:#f3f5f8}
.mainTypeC_Btn {border-color:#4c7a27; color:#4c7a27}
.mainTypeC_list > li > a:hover .mainTypeC_Btn, .mainTypeC_list > li > a:focus .mainTypeC_Btn {background:#4c7a27; color:#fff}

/* 메인버튼 */
.mainBtn ul li a:hover {border:1px solid #3c661a; transition:0.3s; color:#3c661a}
.mainBtn ul li a:hover span {color:#3c661a; transition:0.3s}

/* 메인 컨텐츠 */
.conWrap .noticeConWrap ul li a:hover .date {color:#3c661a; transition:0.3s}
.conWrap .noticeConWrap ul li a:hover .title {color:#3c661a; transition:0.3s}

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

/* 메인버튼 */
.mainBtn ul li a:hover {border:1px solid #3c661a; transition:0.3s; color:#3c661a}
.mainBtn ul li a:hover span {color:#3c661a; transition:0.3s}

/* 메인 컨텐츠 */
.conWrap .noticeConWrap ul li a:hover .date {color:#3c661a; transition:0.3s}
.conWrap .noticeConWrap ul li a:hover .title {color:#3c661a; transition:0.3s}

/* 배너 */
.bannerWrap .box01 {background-color:#4c7a27}
.bannerWrap .box02 {background-color:#3c661a}

/* 퀵버튼 */
.quick a i {font-size:34px; margin-bottom:20px}
.quick a:hover {color:#3c661a; transition:0.3s}

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

#popupWrap > div {max-width:1200px; margin:280px auto 0 auto}

@media screen and (max-width:768px) {
	/* 메인이미지 반응형 위치 조절 */
	#mainVisualWrap .mainBxslider > li {background-position:55% top}
	.hide-768 {display:none}
}