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

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


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


/* 메인이미지 경로 */
#mainVisualWrap .mainBxslider > li {background:url('../images/smdMainVisual2_221109_5.jpg') 50% top no-repeat}
#mainVisualWrap .mainBxslider > li:nth-child(2) {background:url('../images/smdMainVisual1.jpg') 50% top no-repeat}
#mainVisualWrap .mainBxslider > li:nth-child(3) {background:url('../images/smdMainVisual3.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(178,214,255,0.8)}
.mainVisualQuick > li:nth-child(even) a:hover, .mainVisualQuick > li:nth-child(even) a:focus {background:rgba(178,214,255,1)}


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


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


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


.con .railway_box  {padding:20px; border-radius:10px; margin-top:30px; text-align: center; font-size:18px; font-weight:500; background:#efefef; line-height:24px}

.ft15 {font-size:15px; font-weight:800}

/*.railway_box3_1 {width:100%; height:106px; overflow:hidden}
.box_left1 {width:100%; text-align:center; background:#0d3f8f;  padding: 10px; color:#fff; font-weight:700; font-size:16px}
.box_right1 {width:100%; height:94px; background: rgba(56,118,199,0.1); padding:22px}
.box_right1 ul {margin-left:35%}
.box_right1 ul li {list-style:square}*/


.railway_box3_1 {width:100%; height:106px; overflow:hidden}
.box_left1 {width:30%; background:#0d3f8f; padding:23px; float:left; color:#fff; font-weight:500; font-size:16px; text-align:center; line-height:24px}
.box_left1 > p {margin:0}
.box_right1 {width:100%; height:94px; background: rgba(56,118,199,0.1); padding:12px; line-height:24px}
.box_right1 ul {margin-left:35%}
.box_right1 ul li {list-style:square}

.railway_box3_2 {width:100%; height:106px; overflow:hidden}
.box_left2 {width:30%; background:#3896c7;  padding:23px; float:left; color:#fff; font-weight:500; font-size:16px; text-align:center; line-height:24px}
.box_left2 > p {margin:0}
.box_right2 {width:100%; height:94px; background: rgba(56,150,199,0.1); padding:12px; line-height:24px}
.box_right2 ul {margin-left:35%}
.box_right2 ul li {list-style:square}

.railway_box3_3 {width:100%; height:106px; overflow:hidden}
.box_left3 {width:30%; background:#38bfc7; padding:23px; float:left; color:#fff; font-weight:500; font-size:16px; text-align:center; line-height:24px}
.box_left3 > p {margin:0}
.box_right3 {width:100%; height:94px; background: rgba(56,191,199,0.1); padding:12px; line-height:24px}
.box_right3 ul {margin-left:35%}
.box_right3 ul li {list-style:square}

.img01_1{background:url(/dept1/railway/images/img_0101a_01.jpg) 50% no-repeat; height:163px}
.img01_2{background:url(/dept1/railway/images/img_0101a_02.jpg) 50% no-repeat; height:163px}
.img01_3{background:url(/dept1/railway/images/img_0101a_03.jpg) 50% no-repeat; height:163px}


.img02 {background:url(/dept1/railway/images/img_0103a_02.jpg) 50% no-repeat; height:380px}
.img03 {background:url(/dept1/railway/images/img_0103a_03.jpg) 50% no-repeat; height:580px}

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

#mainVisualWrap .bx-wrapper .bx-controls-direction button {top:50%; margin-top:-25px; width:29px; height:50px; position:absolute; text-indent:-9999px; z-index:99; border:none}
#popupWrap .bx-wrapper .bx-controls-direction button {top:50%; margin-top:-22px; width:25px; height:43px; position:absolute; text-indent:-9999px; z-index:99; border:none}

.popBxslider > li h5 {font-size:16px}



@media (max-width:753px){

.railway_box3_1 {width:100%; height:150px; overflow:hidden}
.box_left1 {width:100%; text-align:center; background:#0d3f8f;  padding: 10px; color:#fff; font-weight:700; font-size:16px}
.box_right1 {width:100%; height:150px; background: rgba(56,118,199,0.1); padding:22px}
.box_right1 ul {margin-left:5%}
.box_right1 ul li {list-style:square}
.box_right1 ul li:first-child {margin-top:30px}
.box_right1 ul li:last-child {margin-bottom:30px}

.railway_box3_2 {width:100%; height:150px; overflow:hidden}
.box_left2 {width:100%; text-align:center; background:#3896c7;  padding: 10px; color:#fff; font-weight:700; font-size:16px}
.box_right2 {width:100%; height:150px; background: rgba(56,150,199,0.1); padding:22px}
.box_right2 ul {margin-left:5%}
.box_right2 ul li {list-style:square}
.box_right2 ul li:first-child {margin-top:50px}
.box_right2 ul li:last-child {margin-bottom:30px}

.railway_box3_3 {width:100%; height:130px; overflow:hidden}
.box_left3 {width:100%; text-align:center; background:#38bfc7;  padding: 10px; color:#fff; font-weight:700; font-size:16px}
.box_right3 {width:100%; height:130px; background: rgba(56,191,199,0.1); padding:22px}
.box_right3 ul {margin-left:5%}
.box_right3 ul li {list-style:square}
.box_right3 ul li:first-child {margin-top:30px}
.box_right3 ul li:last-child {margin-bottom:30px}

/*.img01_1{background:url(/dept1/railway/images/img_0101a_01_m.jpg) no-repeat; height:145px}
.img01_2{background:url(/dept1/railway/images/img_0101a_02_m.jpg) no-repeat; height:145px}
.img01_3{background:url(/dept1/railway/images/img_0101a_03_m.jpg) no-repeat; height:145px}*/

.img02 {background:url(/dept1/railway/images/img_0103a_02_m.jpg) 50% no-repeat; height:563px}
.img03 {background:url(/dept1/railway/images/img_0103a_03_m.jpg) 50% no-repeat; height:580px}

}

@media screen and (max-width:1490px) {
	#popupWrap {padding:0 30px}
	#popupWrap .bx-wrapper .bx-prev {left:-30px}
	#popupWrap .bx-wrapper .bx-next {right:-30px}
}

@media (max-width:600px){
/*.img01_1{background:url(/dept1/railway/images/img_0101a_01_m2.jpg) no-repeat; height:600px}
.img01_2{background:url(/dept1/railway/images/img_0101a_02_m2.jpg) no-repeat; height:400px}
.img01_3{background:url(/dept1/railway/images/img_0101a_03_m2.jpg) no-repeat; height:600px}*/

.img02 {background:url(/dept1/railway/images/img_0103a_02_m2.jpg) 50% no-repeat; height:328px}
.img03 {background:url(/dept1/railway/images/img_0103a_03_m2.jpg) 50% no-repeat; height:717px}
}



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