@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Candal&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Squada+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,hr,button,table,tr,td{ margin: 0; padding: 0; font-family: 'GmarketSansLight'; font-weight:700;}

body{font-family: Nanum Gothic, Roboto, sans-serif;}
ul li{list-style: none;}
a{text-decoration: none;}
img{border:0;}

/*---0. 헤더영역-------------------------------------------------------------------------------*/
#header{width: 100%; height: 80px;background: #0273bb;position: absolute;left: 0;top: 0; font-weight:bold;} 
	.header_wrap{width: 1100px;height: 80px;margin: 0 auto;background:#fff;overflow: hidden;}
		.header_inner{width: 1100px;height: 80px;background: #0273bb;}

			h1{float: left;margin-top: 26px;}
			nav {float: right;}
			.gnb>li{float: left;}
			.gnb> li h2 a{display: block; width:150px; height: 80px; line-height: 80px; text-align: center;	font-size: 18px; color: #fff;}
			/*.gnb> li h2 a:hover{border-bottom: 5px solid #fff;	box-sizing: border-box;}*/
			.gnb>li ul li a{display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; color: #000;}
			.gnb>li ul li a:hover{background: #2AAEE9; color: #fff;}

			


#container{	width: 100%; margin-top: 80px; background: url(../img/ba.jpg) no-repeat left 2480px; overflow: hidden;}
/*---1.메인 비주얼------------------------------------------------------------------------------*/
.visual { width:100%; height: 600px; margin-bottom:120px; overflow:hidden;}
		.visual h2 {display: none;}

		.visual ul:nth-of-type(1){ width: 300%;	height: 600px;}
						.visual ul:nth-of-type(1) li{float: left; width: 33.33%;height: 600px; }


@media screen and (min-width:1920px){  
		.visual ul:nth-of-type(1) img {	width:100%;}
}








/*
						.visual ul:nth-of-type(1) li:nth-child(1){	background: url(../img/visual_1.jpg) no-repeat center top / cover;	}
						.visual ul:nth-of-type(1) li:nth-child(2){	background: url(../img/visual_2.jpg) no-repeat center top / cover;	}
						.visual ul:nth-of-type(1) li:nth-child(3){	background: url(../img/visual_3.jpg) no-repeat center top / cover;	}
*/
										.visual ul:nth-of-type(1) span{	display: none;}

		.visual ul:nth-of-type(2){ position:absolute; left: 50%; margin: -100px 0 0 400px; }
		.visual ul:nth-of-type(2) li{ float: left; }


/*메인 비주얼 영역을 제외한 나머지 섹션의 (1)대제목 및  (2)자세히보기 공통스타일 적용*/
		/*(1)*/
		.section_title{height: 120px;}
		 .section_title p:nth-of-type(1){font-size: 12px;color: #7497c7;}
		.section_title h2{ width: 500px; margin:10px 0; font-size: 35px;color: #0273bb; background: url(../img/line_deco.gif) no-repeat center;}

		/*(2)*/
		.all_view{ 	width: 120px; height:90px; line-height:90px; background: url(../img/more_icon.gif) no-repeat right center; }
		.all_view a{ display:block;	width: 120px; height:60px;}
	

/*---2.대표작품------------------------------------------------------------------------------*/
.newest1 {width: 1100px; margin: 0 auto; }

.newest1 .section_title{float:left; }
.newest1 .all_view{ float:right; }

.newest1 ul{ clear:both; height: 700px; margin: 0 auto; width: 900px; padding-top: 60px; }
			.newest1 ul li{	float: left; width: 300px;  height: 300px;  margin-top: 30px;text-align: center;}
			.newest1 ul li:nth-child(4){clear: both;}
	
						.newest1 ul li p:nth-child(2){	height: 40px; line-height: 40px; display: inline-block; font-size: 20px; border-bottom: 1px solid #d9d9d9;}
						.newest1 ul li p:nth-child(3){	width: 200px; height: 70px; display: inline-block; margin-top: 10px; text-align: center;  }
						.newest1 ul li p:nth-child(4){	position: absolute;	margin: -270px 0 0 170px; }
						.newest1 ul li a{color: #0273bb;}


/*---3.사업영역--------------------------------------------------------------------------------*/
.newest2 { height:700px; background: url(../img/business_bg.jpg) no-repeat center bottom; }

.newest2_wrap{  width: 1100px; 	margin: 0 auto;  }
			.newest2 .section_title{ float: right; text-align: right; margin-}
			.newest2 .all_view{ float:left; }
			.newest2 p:nth-of-type(2){ clear:both; }

/*---4.홍보센터 & 5.채용센터--------------------------------------------------------------------------------*/
.comu, .recruit{ width: 1100px; height: 650px; margin: 90px 0 0 400px;}

		.comu .section_title{float:left; margin-bottom:50px;}
		.comu .all_view{ float:right; }

		.recruit .section_title{ float: right; text-align: right; margin-bottom:150px;}
		.recruit .all_view{ float:left; margin-left:450px; }

		.comu ul, .recruit ul{ clear:both;width:850px; margin:0 auto;}

					.comu li:nth-child(2), .recruit li:nth-child(1){ float:right; text-align: right; }
					.recruit li:nth-child(2){ clear:both; }

					.comu li:nth-child(1) p, .recruit li:nth-child(2) p{ float:left;}
					.comu li:nth-child(2) p, .recruit li:nth-child(1) p{ float:right;}

					.comu li:first-child  p:first-child, .recruit li:last-child p:first-child{ margin-right:30px; }
					.comu li:last-child  p:first-child, .recruit li:first-child p:first-child {margin-left: 30px;}
	
					.comu li p:nth-child(2),  .recruit li p:nth-child(2){ margin-top:70px; font-size:18px; font-weight: bold; }

					.comu li p:not(:first-child), .recruit li p:not(:first-child){ width:400px; }
					.comu span, .recruit span{ display: inline-block; border-top:2px solid #999; margin-top:8px; padding-top:8px;}
					.comu_wrap li p:first-child img, .recruit_wrap li p:first-child img {width: 210px; height: auto;}



					.comu_wrap ul li:first-child p:last-child, .recruit_wrap ul li:last-child p:last-child{width: 50px; position: absolute; margin: 0 0 0 150px;}
					.comu_wrap ul li:last-child p:last-child, .recruit_wrap ul li:first-child p:last-child{width: 50px; position: absolute; margin: 0 0 0 780px; }
			  

/*---5. 푸터 영역--------------------------------------------------------------------------------*/
#footer{ width: 100%; height: 120px; background: #0273bb; margin-top: 100px; }

	.footer_wrap{ width: 1100px; height: 120px; margin: 0 auto; color: #fff; font-size: 14px;}
	.footer_wrap p:last-child, address{ width: 550px; float: left; margin-top: 25px; font-style: normal;}
	.footer_wrap p:first-child {width: 300px; float: left; margin: 35px 0 0 80px;}