@charset "utf-8";

#m_cont01 { margin-top: 100px; }
#m_cont01 .slide_box {position: relative; width: 100%; height: 600px;}
#m_cont01 .slide_box .img_box {position: relative; height: 600px; overflow: hidden;}
#m_cont01 .slide_box .img_box .bg {position:absolute; top:0; left: 0px; width:100%; height:100%; background-size:cover !important; background-color: #fff; z-index: 1;}
#m_cont01 .slide_box .img_box .bg video { position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 0; }
#m_cont01 .slide_box .img_box .bg::after { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); z-index: 1; }
#m_cont01 .slide_box .txt_box {width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; display:flex; padding: 100px 0 80px; box-sizing: border-box; z-index: 1;}
#m_cont01 .slide_box .txt_box > div{width: 1300px; text-align:left; margin: 0 auto;align-self: center;}
#m_cont01 .slide_box .txt_box .txt1{font-size:20px; color:white; font-weight:400;}
#m_cont01 .slide_box .txt_box .txt2{font-size:74px; color:white; font-weight: bold; }
#m_cont01 .slide_box .txt_box .txt3{font-size:26px; color:white; font-weight:400; margin-top:20px;}

#section02 { background-color: #144272; color: #fff; }
#section02 .inner > div { display: flex; flex-wrap: wrap; align-items: center; }
#section02 .tit { width: 150px; font-weight: 500; font-size: 18px; }
#section02 .type p:first-of-type { background: #205295; }
#section02 .type p { height: 46px; line-height: 46px; background: #2C74B3; width: 140px; text-align: center; }
#section02 .list { width: calc(100% - 290px); }
#section02 .list ul { padding-left: 20px; }
#section02 .list ul::after { content: ""; display: block; clear: both; }
#section02 .list li { float: left; width: 12.5%; font-size: 15px; text-align: center; }
#section02 .list a { color: #fff; }
#section02 .list a img { height: 40px; }
#section02 .list a p { margin-top: 5px; }

#section03 { padding: 100px 0; }
#section03 > div { display: flex; flex-wrap: wrap; justify-content: space-between; }
#section03 > div > div { width: 30%; display: flex; flex-wrap: wrap; position: relative; }
#section03 > div > div:not(:last-child):after { position: absolute; top: 50%; right: -34px; transform: translateY(-50%); content: ""; display: inline-block; width: 1px; height: 150px; background-color: #e3e3e3; }
#section03 > div > div > div:first-child { width: 60%; }
#section03 > div > div > div:last-child { width: 40%; text-align: right; align-self: center; }
#section03 > div > div > div:last-child img { max-height: 130px; }
#section03 > div > div > div h4 { font-size: 20px; font-weight: bold; padding-bottom: 10px; }
#section03 > div > div > div p { font-size: 16px; font-weight: normal; color: #3a3a3a; padding-bottom: 50px;}
#section03 > div > div > div a { display: inline-block; padding: 7px 12px; border: 1px solid #3a3a3a; color: #3a3a3a; font-size: 14px; }
#section03 > div > div > div a i { margin-left: 10px; }
#section03 > div > div > div a:hover { background-color: #3a3a3a; color: #fff; }

#section04 { padding: 100px 0; background-color: #f4f4f4; }
#section04 > div { display: flex; flex-wrap: wrap; justify-content: space-between; }
#section04 > div > div { width: 30%; position: relative; }
#section04 > div > div h4 { font-size: 20px; font-weight: bold; padding-bottom: 10px; }
#section04 > div > div .lastest_top { display: flex; justify-content: space-between; }
#section04 > div > div .lastest_top a i { margin-left: 10px; }
#section04 > div > div .board__list { border-top: 1px solid #3a3a3a; padding-top: 10px; }
#section04 > div > div .board__list .board__item { displaY: flex; justify-content: space-between; }
#section04 > div > div .board__list .board__item .board__link { width: calc(100% - 100px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }
#section04 > div > div .board__list .board__item .board__date { width: 100px; text-align: right; }
#section04 > div > div .contact_box { height: 130px; display: flex; flex-direction: column; justify-content: center; text-align: center; background-color: #144272; color: #fff; border-radius: 5px; }
#section04 > div > div .contact_box p { margin-bottom: 20px; }
#section04 > div > div .contact_box a { display: inline-block; padding: 7px 12px; background-color: #fff; color: #3a3a3a; font-size: 14px; width: 100px; margin: 0 auto; }
#section04 > div > div .contact_box a i { margin-left: 10px; }


#section05 { padding: 50px 0; }
#section05 .companySwiper .swiper-slide { line-height: 50px; }
#section05 .companySwiper .swiper-slide a { display: block; }
#section05 .companySwiper .swiper-slide a img { width: 180px; max-height: 50px; object-fit: fill; vertical-align: middle; }

/* PC */
@media all and (min-width:1101px){

	#m_cont03 div a:hover{background:white; color:#222;}
	
}


@media all and (max-width:1220px){
	
	#m_cont02 .mc02_contents{margin:0 -12px; margin-top:70px;}
	#m_cont02 .mc02_contents ul li{padding:0 -12px;}
	#m_cont02 .mc02_contents ul li > div div{width:340px; height:340px; margin:0 auto;}
	#m_cont02 .mc02_contents ul li > div div:before{top:108px;}
	#m_cont02 .mc02_contents ul li > div div span{padding-top:54px;}
	#m_cont02 .mc02_contents ul li > div div strong{padding-top:110px;}
	#m_cont02 .mc02_contents ul li > div p{padding-top:90px;}

}



@media all and (max-width:1100px){
	
	#m_cont01 .slide_box .txt_box {padding: 100px 0 80px;}
	#m_cont01 .slide_box .txt_box > div{padding:0 15px;}
	#m_cont01 .slide_box .txt_box .txt1{font-size:34px; line-height:46px;}
	#m_cont01 .slide_box .txt_box .txt2{font-size:18px; line-height:30px; margin-top:14px;}
	#m_cont01 .slide_box .txt_box .txt3{font-size:23px; line-height:30px; margin-top:14px;}
	
	#section02 .tit { display: none; }
	#section02 .inner > div > .type { display: none; }
	#section02 .list { width: 100%; }
	#section02 .list { overflow-x: scroll; }
	#section02 .list ul { padding-left: 0; width: 100%; }
	#section02 .list li { width: 25%; }
	#section02 .list ul li:nth-child(1n+5) { margin-top: 20px; }
	#section02 .list a { font-size: 14px; }
	
	
	#section03 { padding: 50px 15px; }
	#section03 > div > div { width: 100%; border: 1px solid #e8e8e8; padding: 20px; }
	#section03 > div > div:not(:last-child) { margin-bottom: 40px; }
	#section03 > div > div > div:last-child img { max-height: 110px; }
	#section03 > div > div:not(:last-child):after { display: none; }
	
	
	#section04 { padding: 50px 15px; }
	#section04 > div > div { width: 100%; }
	#section04 > div > div:not(:last-child) { margin-bottom: 20px; }
	
	#section05 { padding: 20px 15px; }
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	#m_cont01 { margin-top: 60px; }
	#m_cont01 .slide_box {position: relative; width: 100%; height: auto; }
	#m_cont01 .slide_box .img_box {position: relative; padding-top: 56.2497%; height: auto; overflow: hidden;}
	#m_cont01 .slide_box .img_box .bg {position:absolute; top:0; left: 0px; width:100%; height:100%; background-size:cover !important; background-color: #fff; z-index: 1;}
	#m_cont01 .slide_box .img_box .bg video { position: inherit; top: inherit; left: inherit; transform: none; width: 100%; z-index: 0; }
	#m_cont01 .slide_box .img_box .bg::after { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1; }
	#m_cont01 .slide_box .txt_box { padding: 100px 0; }
	#m_cont01 .slide_box .txt_box .txt1{font-size:14px; color:white; font-weight:400;}
	#m_cont01 .slide_box .txt_box .txt2{font-size:26px; color:white; font-weight: bold; margin-top:0px;}
	#m_cont01 .slide_box .txt_box .txt3{font-size:18px; color:white; font-weight:400; margin-top:20px;}
}



@media all and (max-width:768px){

	#m_cont04 > div{margin:0 -4px;}
	#m_cont04 > div ul li{width:50%; padding:0 4px; margin:4px 0;}
	#section05 .companySwiper .swiper-slide a img { width: 100%; }
	#section02 .list a img { height: 40px; }
	#section02 .list ul { padding: 15px 0; }
}