@charset "utf-8";

/* 메인비주얼 (MC_box1) 190109 */
.main_visual {position:relative; height:100%;}
.main_visual ul li {position:relative; width:100%; height:503px;}
.main_visual ul li .img {position:relative; width:100%; height:503px; overflow:hidden;}
.main_visual ul li .img img {position:absolute; left:50%; top:0; width:1920px; margin-left:-960px;} 
.main_visual ul li .mv_slogan {position:absolute; top:130px; left:50%; padding:0 30px; width:456px; height:254px; margin-left:-600px; background:url('/images/web/gijs/main/M_visual.png') no-repeat 0 50%; background-size:100% 100%;}
.main_visual ul li .mv_slogan .txt1 {padding-top:30px;font-size:48px;line-height:60px;font-family:'NotoR';color: #000;text-shadow:-2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff;}
.main_visual ul li .mv_slogan .txt1 span {display:block; color:#2989c6; text-shadow:-2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff;}
.main_visual ul li .mv_slogan .txt2 {padding-top:10px;font-size:17px;font-family:'NotoR';color: #000;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}

.main_visual .bx-controls {position:relative; z-index:9;}
.main_visual .bx-controls-direction .bx-prev, .main_visual .bx-controls-direction .bx-next {display:none;}
.main_visual .bx-controls-auto {position:absolute; bottom:20px; left:50%; height:40px; margin-left:-600px;}
.main_visual .bx-controls-auto::after {content:''; display:block; clear:both;}
.main_visual .bx-controls-auto .bx-controls-auto-item a {width:40px; height:40px; text-indent:-10000em; }
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-start {display:none; background:url('/images/web/gijs/main/btn_visual_play.png') no-repeat center center;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop {display:block; background:url('/images/web/gijs/main/btn_visual_stop.png') no-repeat center center;}
.main_visual .bx-pager.bx-default-pager {position:absolute; bottom:20px; left:50%; height:40px; margin-left:-600px; padding:0 25px 0 50px; border-radius:20px; background:url('/images/web/gijs/main/bg_visual_colt.png') repeat;}
.main_visual .bx-pager.bx-default-pager::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item {display:block; float:left; margin:14px 5px;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a {display:block; text-indent:-999em; width:12px; height:12px; background:url('/images/web/gijs/main/btn_visual_off.png') no-repeat center;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active { background:url('/images/web/gijs/main/btn_visual_on.png') no-repeat center;}
 #m_visual li { -webkit-backface-visibility: hidden !important;}

/* 공지사항 (MC_box2) */
.notice {position:relative; height:100%; font-family:'NotoR';}
.notice h2 {position:relative; margin-right:20px; float:left; text-align:center; font-size:28px; font-family:'NotoR'; z-index:2;}
.notice h2 a {display:block; color:#7a7c81; padding-left:30px; background:url(/images/web/gijs/main/noti_tit.png) no-repeat 0 50%;}
.notice h2:first-child a {padding-left:0; background:none;}
.notice h2.current a {font-family:'NotoM'; color:#333;}
.notice .list_box.on {display:block;}
.notice .list_box {position:absolute; left:0; top:50px; display:none; width:100%; height:225px;}
.notice .list_box ul {overflow:hidden;}
.notice .list_box ul li {position:relative; padding-left:15px; line-height:40px; font-size:15px; overflow:hidden; background:url('/images/web/gijs/main/bu_noti.png') no-repeat left center;}
.notice .list_box ul li a {display:block; padding-right:100px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice .list_box ul li a img {margin-right:5px;}
.notice .list_box ul li a:hover {text-decoration:underline;}
.notice .list_box ul li span.date {position:absolute; top:0; right:0; display:block; width:80px; text-align:right; color:#777; font-size:13px; }
.notice .btn_more {position:absolute; top:-45px; right:0; width:23px; height:23px; background:url('/images/web/gijs/main/btn_more.png') no-repeat right top; text-indent:-10000px; z-index:10 }

/* 취업정보 (MC_box3) */
.notice2 {position:relative; height:100%; font-family:'NotoR';}
.notice2 h2 {position:relative; margin-right:20px; float:left; text-align:center; font-size:28px; font-family:'NotoR'; z-index:2;}
.notice2 h2 a {display:block; color:#7a7c81; padding-left:30px; background:url(/images/web/gijs/main/noti_tit.png) no-repeat 0 50%;}
.notice2 h2:first-child a {padding-left:0; background:none;}
.notice2 h2.current a {font-family:'NotoM'; color:#333;}
.notice2 .list_box.on {display:block;}
.notice2 .list_box {position:absolute; left:0; top:50px; display:none; width:100%; height:225px;}
.notice2 .list_box ul {overflow:hidden;}
.notice2 .list_box ul li {position:relative; padding-left:15px; line-height:40px; font-size:18px; overflow:hidden; background:url('/images/web/gijs/main/bu_noti.png') no-repeat left center;}
.notice2 .list_box ul li a {display:block; padding-right:100px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice2 .list_box ul li a img {margin-right:5px;}
.notice2 .list_box ul li a:hover {text-decoration:underline;}
.notice2 .list_box ul li span.date {position:absolute; top:0; right:0; display:block; width:80px; text-align:right; color:#777; font-size:13px; }
.notice2 .btn_more {position:absolute; top:-45px; right:0; width:23px; height:23px; background:url('/images/web/gijs/main/btn_more.png') no-repeat right top; text-indent:-10000px; z-index:10 }

/* 취업정보 (MC_box3) */
.careers {position:relative; height:100%; font-family:'NotoR';}
.careers h2 {position:relative; margin-right:20px; float:left; text-align:center; font-size:28px; font-family:'NotoR'; z-index:2;}
.careers h2 a {display:block; color:#7a7c81;}
.careers h2.current a {padding-left:30px; font-family:'NotoM'; color:#333; background:url(/images/web/gijs/main/noti_tit.png) no-repeat 0 50%;}
.careers .list_box.on {display:block;}
.careers .list_box {position:absolute; left:0; top:50px; display:none; width:100%; height:225px;}
.careers .list_box ul {overflow:hidden;}
.careers .list_box ul li {position:relative; line-height:60px; font-size:18px; overflow:hidden; border-top:1px solid #c0bfbf;}
.careers .list_box ul li:first-child{border-top:0;}
.careers .list_box ul li a {display:block; padding:0 100px 0 80px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.careers .list_box ul li a img {margin-right:5px;}
.careers .list_box ul li a:hover {text-decoration:underline;}
.careers .list_box ul li span.box{position:absolute; top:25%; left:0; padding:0 7px; line-height:25px; border:1px solid #2989c6; color:#2989c6; font-size:15px;}
.careers .list_box ul li span.date {position:absolute; top:0; right:0; display:block; width:80px; text-align:right; color:#777; font-size:13px; }
.careers .btn_more {position:absolute; top:-45px; right:0; width:23px; height:23px; background:url('/images/web/gijs/main/btn_more.png') no-repeat right top; text-indent:-10000px; z-index:10 }


/* 바로가기 (MC_box4) */
.m_link1 {position:relative; height:100%; overflow:hidden; }
.m_link1 ul {overflow:hidden; height:100%;}
.m_link1 ul li{position:relative; width:100%; height:33.3%; font-size:17px; background:url('/images/web/gijs/main/bg_link1.png') repeat;}
.m_link1 ul li a {display:block; padding:30px 0 0 30px; color:#fff;}
.m_link1 ul li span{display:block; margin-top:10px; font-size:15px;}
.m_link1 ul li:first-child{background-color:#6ebaf5;}
.m_link1 ul li:nth-child(2){background-color:#48a1e6;}
.m_link1 ul li:last-child{background-color:#4573d1;}
.m_link1 ul li a img {position:absolute; right:0; bottom:0;}
.m_link1 ul li a:hover span{text-decoration:underline;}


@media (max-width:1019px) {
	
	.main_visual, .main_visual ul li .mv_slogan {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

	/* 메인비주얼 (MC_box1) 190109 */
	.main_visual ul li {height:auto;}
	.main_visual ul li .img {width:100%; height:auto;}
	.main_visual ul li .img img {position:relative; left:auto; top:auto; width:140%; float:right; margin-right:-30%;} 
	.main_visual ul li .mv_slogan {top:30px; left:2%; width:50%; height:auto; margin-left:0;}
	.main_visual ul li .mv_slogan .txt1 {padding-top:30px; font-size:30px; line-height:35px;}
	.main_visual ul li .mv_slogan .txt2 {padding:10px 0 40px;}
	.main_visual .bx-controls-auto {left:2%; margin-left:0;}
	.main_visual .bx-pager.bx-default-pager {left:2%; margin-left:0;}

	
	/* 바로가기 (MC_box4) */
	.m_link1 ul li {width:33.3%; height:100px; float:left; }



}

@media (max-width:780px) {
	 
	/* 메인비주얼 (MC_box1) 190109 */
	.main_visual ul li {height:300px;}
	.main_visual ul li .img {height:300px;}
	.main_visual ul li .img img {width:auto; height:100%; margin-right:-250px;} 

}



@media (max-width:680px) {	
	
	/* 바로가기 (MC_box4) */
	.m_link1 ul li {width:100%;}

}

@media (max-width:580px) {
		
	/* 메인비주얼 (MC_box1) 190109 */
	.main_visual ul li .mv_slogan {width:70%;}
	.main_visual ul li .mv_slogan .txt1 {padding-top:30px; font-size:30px; line-height:35px;}
	.main_visual ul li .mv_slogan .txt2 {padding:10px 0 40px; font-size:13px;}
		
}

@media (max-width:480px) {	



}

@media (max-width:380px) {
	
	/* 메인비주얼 (MC_box1) 190109 */
	.main_visual ul li .mv_slogan {width:96%; text-align:center;}


}