@charset "utf-8";

#fp-nav{display: none;}
/* Main Visual */
	.marti01 {position:relative;height:100vh; overflow: hidden; }
	/* Main Slider Start Effect */
	.mv_list {transition:3s; height: 969px;}
	.mv_sec{display: block !important;}/* 

	/* Main Slider Height */
	.marti01 {padding-top: 0 !important;}
	.mv_list{}
	.mv_list .video_main{height: 100%;}
	.mv_list .video_main video{width: 100%;}
	.mv_slog{position: absolute;bottom: 6.5%;font-weight: 500;width: 1600px;left: 50%;margin-left: -800px;}
	.mv_slog p{color: #fff; font-size: 45px; line-height: 60px;letter-spacing: -0.03em;}


	.mv_scroll {position:absolute;bottom:80px;left:50%;width:80px;height:81px; cursor:default;margin-left:-40px;background:url(../../images/main/mv_scroll.png) no-repeat center top;z-index:1;animation-duration:2s;animation-name:ani1;animation-iteration-count:infinite;}
	@keyframes ani1{
		from{bottom:50px;}
		25%{bottom:70px;}
		to{bottom:50px;}
	}


@media (max-width:800px){
	.mv_scroll{ display: none; }

}




	/*공통 타이틀아래 50*/
	.w1320{max-width: 1320px; width: 100%; margin:0 auto;}
	.cfff{color: #fff !important;}
	.main_title{ margin-bottom: 50px;text-align: center;font-size: 36px;line-height: 60px;color: #fff; letter-spacing: -0.03em;position: relative;  font-weight: 700; padding-bottom: 23px; padding-top: 90px;}
	.main_title:before{content:''; position: absolute;left: 50%; margin-left: -17.5px;  bottom: 0px;width: 35px; height: 4px;background:#1363ae; }
	.main_txt{text-align: center;margin-bottom: 56px;font-size: 18px;color: #666; line-height: 30px;}

	.marti02{background:url(../../images/main/sec101_1.jpg) no-repeat center top; overflow: hidden;background-size:cover !important;}
	.sec201_1{}
	.sec201_1 .m_img{display: none;}
	.sec201_1 ul{display:flex; justify-content: center;}
	.sec201_1 ul li{float: left; width: 34.84%; margin-right: 4.54%; overflow: hidden;}
	.sec201_1 ul li:last-child{margin-right: 0;}
	.sec201_1 ul li a{position: relative;}
	.sec201_1 ul li a figure{}
	.sec201_1 ul li a .text-box {position: relative; height: 80px; align-content: center; padding: 0 50px 0 10px; border-bottom: 1px solid rgba(255,255,255,0.2); }
	.sec201_1 ul li a .text-box:after {position: absolute; top: 50%; margin-top: -15px; right: 10px; content: ''; width: 30px; height: 30px; background: url('../../images/main/sec201_4.png') no-repeat right center;}
	.sec201_1 ul li a .text-box p{font-size: 24px; font-weight: 500; line-height: 1.3em; color: #fff;}
	.sec201_1 ul li a .over_div{position: absolute; width: 100%;height: 440px;display: table;}
	.sec201_1 ul li a .over_div p{color: #fff; text-align: center; line-height: 40px; font-size: 35px; font-weight: 700;display: table-cell;vertical-align: middle; padding: 0;  z-index: 3; position: relative; opacity: 0;  transition:.3s;}
	.sec201_1 ul li a .over_div:before{ position: absolute;    z-index: 0; top: 0; left: -150%; display: block;width: 150%; height: calc(100%); content: ''; transition: all .5s ease; transform: skewX(-15deg);  opacity: 0; background-color: rgba(19, 99, 174, .8);}
	.sec201_1 figure img{ height: 440px; }

	.marti03{}
	.marti03 .main_title{ color: #333; margin-bottom: 14px;}
	.sec301_1{max-width: 1120px; margin:0 auto;}
	.sec301_1 ul li{position: relative;border-bottom: 1px solid #dddddd;height: 115px;}
	.sec301_1 ul li:nth-child(2n+2){background-color: #f9f9f9;	}
	.sec301_1 ul li a{height: 115px;display: table;width: 100%;table-layout: fixed;}
	.sec301_1 ul li a .notice_date{width: 15.89%;text-align: center;display: table-cell;vertical-align: middle;}
	.sec301_1 ul li a .notice_date h5{font-size: 44px;color: #333;line-height: 48px;font-weight: 500;}
	.sec301_1 ul li a .notice_date h4{font-size: 20px;color: #333;font-weight: 500;}
	.sec301_1 ul li a .notice_list{width: 70.44%;display: table-cell;vertical-align: middle;} 
	.sec301_1 ul li a .notice_list p{font-size: 16px;color: #666;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 
	.sec301_1 ul li a .notice_list p.p_bold{font-size: 18px;color: #333;margin-bottom: 8px;} 
	.sec301_1 ul li a .notice_go{position: absolute; right: 50px; top: 50%; transform:translateY(-50%); width: 48px; height: 48px; border-radius:50%; border:1px solid #333;text-align: center;line-height: 39px;} 
	.sec301_1 ul li a .notice_go img{vertical-align: middle;} 
	.sec301_1 ul li a .notice_go:before{content:''; position: absolute;left: 0;  top: 0px;width: 100%; height: 100%;background: url(../../images/main/sec301_3.png) no-repeat center;  opacity: 0;}

	.marti04{background-color: #e8eef5;}
	.marti04 .main_title{ color: #333; margin-bottom: 40px; padding-bottom: 16px;}
	.sec401_1{}
	.sec401_1 ul{}
	.sec401_1 ul li{width: 22.72%; float: left; margin-right: 3.03%;box-shadow: 5px 5px 10px rgba(132,131,131,0.08);border-radius: 0 0 48px 0;}
	.sec401_1 ul li:last-child{margin-right: 0;}
	.sec401_1 ul li a{}
	.sec401_1 ul li a figure{overflow: hidden;}
	.sec401_1 ul li a figure img{transform:scale(1); transition:.3s; height: auto;}
	.sec401_1 ul li div{background: url(../../images/main/s401_2.png) no-repeat ;height: 169px;position: relative;padding: 27px 35px; background-position:right}
	.sec401_1 ul li div span{width: 90px;height: 36px;position: absolute;right: 0;background: linear-gradient(#1363ae, #157ee0);text-align: center;color: #fff;line-height: 36px;border-radius: 4px;top: -20px;}
	.sec401_1 ul li div p{font-weight: 700;color: #1363ae;line-height: 40px;}
	.sec401_1 ul li div h4{font-size: 18px;color: #333;line-height: 30px;font-weight: 400;}
	
	.marti05{height: auto !important; padding-top: 75px;}
	.marti05 .main_title{ color: #333; margin-bottom: 0; width: 19.69%; float: left; font-size: 32px;padding-top: 0;text-align: left;text-transform: uppercase; padding-bottom: 13px; position: relative; top: -19px;}
	.marti05 .main_title:before{left: 0; margin-left: 0;}
	.sec501_1{padding:0 0 60px 15px;}
	.sec501_1 ul{width: 80.30%; float: right;}
	.sec501_1 ul li{width: 34.8%; float: left; border-left: 1px solid #dddddd;}
	.sec501_1 ul li:last-child{width: 30.4%;}
	.sec501_1 ul li a{padding: 0 35px; position: relative; top: -11px;}
	.sec501_1 ul li a h4{color: #333; font-size: 16px; line-height: 30px; font-weight: 500; margin-bottom: 13px;}
	.sec501_1 ul li a h4 em{ font-size: 30px; font-weight: 500;}
	.sec501_1 ul li a p{font-size: 18px; color: #666666; line-height: 30px;}

@media (min-width:800px){
	.sec201_1 ul li:hover a .over_div p{opacity: 1;}
	.sec201_1 ul li:hover a .over_div:before {left: -20%; opacity: 1;}
	.sec301_1 ul li:hover a .notice_date h5,
	.sec301_1 ul li:hover a .notice_date h4,
	.sec301_1 ul li:hover a .notice_list p.p_bold{color: #1363ae;}
	.sec301_1 ul li:hover a .notice_go{border:1px solid #1363ae}
	.sec301_1 ul li:hover a .notice_go:before{opacity: 1;}
	.sec301_1 ul li:hover a .notice_go img{opacity: 0;}
	.sec401_1 ul li:hover a figure img{transform:scale(1.1)}
	.sec501_1 ul li:hover a h4{color: #1363ae;}
	

}