@charset "utf-8";
@import url(main_mobile.css);

/* 
 * Main CSS Document
 * IEETU Web Standardization Team 
 * 2017-05-30 
 */


/*** Tablet 768px ~  ***/
@media all and (min-width:768px) {
	/* 메인 비쥬얼 */
	.cont_main .spotzone .item{height:394px;}
	.cont_main .spotzone .item p span{font-size:21px;}
	.cont_main .spotzone .item p strong{font-size:40px;}

	/*** 소식 ***/
	.cont_main .section_news .colgroup{padding:0 20px;}
	.cont_main .section_news .colgroup:after{content:''; display:block; clear:both;}
	/** 재단소식 **/
	.cont_main .section_news .col01{float:left; width:48%;}
	/** 공지사항,입찰공고,채용공고 **/
	.cont_main .section_news .col02{float:right; width:48%;}
	/** 알림존 **/
	.cont_main .section_news .col03{clear:both;}

	/*** 사업 ***/
	.cont_main .section_business .cont_group div[class*=business]{float:left; width:47%; margin-right:3%;}
	.cont_main .section_business .cont_group div[class*=business] + div[class*=business]{margin:0 0 0 3%;}
	.cont_main .section_business .cont_group div.business02{border-top:0;}

	/*** 브로슈어,홍보 ***/
	.cont_main .section_promotion{padding-left:20px; padding-right:20px;}
	/* 브로슈어 */
	.cont_main .section_promotion .brochure_area{position:relative; height:318px; padding:0; background:#fff url(../images/main/bg_pdf.jpg) no-repeat 100% 100%;}
	.cont_main .section_promotion .brochure_area .img{position:absolute; left:50px; margin:0;}
	.cont_main .section_promotion .brochure_area .cont{padding:0 0 0 320px; text-align:left;}
	.cont_main .section_promotion .brochure_area .cont h3{padding:40px 0 25px 5px;}
	.cont_main .section_promotion .brochure_area .cont .logo{display:block; margin:0 0 15px;}
	.cont_main .section_promotion .brochure_area .cont .pdf{margin-top:30px;}
	/* 사진으로 만나는 DGMIF */
	.cont_main .section_promotion .photo_area{margin-top:50px;}
	.cont_main .section_promotion .photo_area h2{margin-bottom:25px;}
	/* 소개 */
	.cont_main .section_promotion .intro_area{margin-top:55px;}
	.cont_main .section_promotion .intro_area li a{padding-top:115px;}
	.cont_main .section_promotion .intro_area li a:before{width:96px; height:96px; margin-left:-48px; background-size:576px 300px;}
	.cont_main .section_promotion .intro_area li.n01 a:before{background-position:0 -96px;}
	.cont_main .section_promotion .intro_area li.n02 a:before{background-position:-96px -96px;}
	.cont_main .section_promotion .intro_area li.n03 a:before{background-position:-192px -96px;}
	.cont_main .section_promotion .intro_area li.n04 a:before{background-position:-288px -96px;}
	.cont_main .section_promotion .intro_area li.n05 a:before{background-position:-384px -96px;}
	.cont_main .section_promotion .intro_area li.n06 a:before{background-position:-480px -96px;}
	.cont_main .section_promotion .intro_area li.n01 a:hover:before{background-position:0 0;}
	.cont_main .section_promotion .intro_area li.n02 a:hover:before{background-position:-96px 0;}
	.cont_main .section_promotion .intro_area li.n03 a:hover:before{background-position:-192px 0;}
	.cont_main .section_promotion .intro_area li.n04 a:hover:before{background-position:-288px 0;}
	.cont_main .section_promotion .intro_area li.n05 a:hover:before{background-position:-384px 0;}
	.cont_main .section_promotion .intro_area li.n06 a:hover:before{background-position:-480px 0;}
	.cont_main .section_promotion .intro_area li a span{padding-bottom:45px;}

	
}

/*** Pc 1200px ~  ***/
@media all and (min-width:1200px) {
	/* 메인 비쥬얼 */
	.cont_main .spotzone .item{height:485px;}
	.cont_main .spotzone .item .inr{position:relative; right:auto; bottom:auto; width:1200px; margin:0 auto;}
	.cont_main .spotzone .item .inr p{position:absolute; top:260px; left:78px;}

	/*** 센터소개 ***/
	#container .cont_main .section_center{position:relative; z-index:20; margin:-76px 0 0; padding:0; background:none;}

	/*** 소식 ***/
	.cont_main .section_news{padding-bottom:135px;background:url(../images/main/bg_section_news.jpg) no-repeat 50% 100%;}
	.cont_main .section_news .head{padding:68px 0 50px;}
	.cont_main .section_news .head .title{position:relative; padding:30px 0 0;}
	.cont_main .section_news .head .title:before{content:''; position:absolute; top:0; left:50%; width:40px; height:14px; margin-left:-20px;}
	.cont_main .section_news .head .title span{display:block;}
	.cont_main .section_news .head .desc{margin:10px 0 0; font-size:13px;}
	.cont_main .section_news .colgroup{width:1200px; margin:0 auto; padding:0}
	.cont_main .section_news [class*=col]{margin-bottom:0;}
	/** 재단소식 **/
	.cont_main .section_news .col01{float:left; width:415px; margin-right:45px;}
	/** 공지사항,입찰공고,채용공고 **/
	.cont_main .section_news .col02{float:left; width:415px;}
	/** 알림존 **/
	.cont_main .section_news .col03{float:right; clear:none; width:280px;}

	/*** 사업 ***/
	.cont_main .section_business{}
	.cont_main .section_business .inr{position:relative; width:1200px; margin:0 auto;}
	.cont_main .section_business .inr:after{content:''; display:block; clear:both;}
	.cont_main .section_business .head{float:left; box-sizing:border-box; width:300px; padding:30px 80px 0 0;}
	.cont_main .section_business .cont_group{margin-left:300px;}

	/*** 브로슈어,홍보 ***/
	.cont_main .section_promotion{padding:90px 0;}
	.cont_main .section_promotion .inr{width:1200px; margin:0 auto;}
	.cont_main .section_promotion .inr:after{content:''; display:block; clear:both;}
	/* 브로슈어 */
	.cont_main .section_promotion .brochure_area{float:left; width:50%; margin-top:54px;}
	/* 홍보영상 */
	.cont_main .section_promotion .movie_area{float:right; width:50%;}
	/* 사진으로 만나는 DGMIF */
	.cont_main .section_promotion .photo_area{float:left; clear:left; box-sizing:border-box; width:50%; margin-top:79px; padding-right:67px;}
	.cont_main .section_promotion .photo_area h2{font-size:24px;}
	/* 소개 */
	.cont_main .section_promotion .intro_area{float:right; width:50%; margin-top:60px;}
	.cont_main .section_promotion .intro_area li a{padding-top:120px; font-size:13px;}
	.cont_main .section_promotion .intro_area li a:before{top:20px;}
	.cont_main .section_promotion .intro_area li a span{padding:17px 0 45px;}
	/*** 배너존 ***/
	.cont_main .section_banner{padding:0 0 40px; background:#f5f5f5;}
	.cont_main .section_banner .inr{box-sizing:border-box; width:1200px; margin:0 auto;}
	
}