@charset "utf-8";

#middle h3{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}

/* 메인비주얼 */
.main_vis{width:auto; height:510px;}
#s_banner_wrap_{width:100%; position: relative;}
.bxslider .banner_01 {width:100%; height:510px; background:url(../_main/img/main_vis01.png) no-repeat center top; background-color:#f5f5f5;}
.bxslider .banner_02 {width:100%; height:510px; background:url(../_main/img/main_vis02.png) no-repeat center top;  background-color:#a6acb4;}
.bxslider .banner_03 {width:100%; height:510px; background:url(../_main/img/main_vis03.png) no-repeat center top; background-color:#c2e8fb;}
.main_vis .txt_wrap{width:1200px; margin:0 auto; overflow:hidden;}
.main_vis .txt_wrap .txt{float:right; margin-top:55px;}
.main_vis .txt > div:nth-child(1), .main_vis .txt > div:nth-child(1) > span{font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; font-size:39px; font-weight:600; letter-spacing:-1px; margin-bottom:15px; margin-left:-3px;}
.main_vis .txt > div:nth-child(1) > span{color:#0c58ce;}
.main_vis .txt > div:nth-child(2), .main_vis .txt > div:nth-child(2) > span{font-size:14px; color:#444e5f;font-weight:600;}
.main_vis .txt > div:nth-child(2) > span, .main_vis .txt > div:nth-child(2) > span > span{font-size:20px;   color:#586272;}
.main_vis .txt > div:nth-child(2) > span > span{border-top:5px solid #4db216;}
.main_vis .txt > div:nth-child(3){width:90px; border-top:1px solid #95999e; border-bottom:1px solid #95999e; margin-top:10px; }



.main_vis .txt > div:nth-child(3) > a{padding:1px 10px 4px 5px; font-size:13px; background:url('../_sub01/img/green_blit.png') no-repeat right 10px; color:#444e5f;font-weight:600; display:inline-block;}


/* 주요서비스 */
.m_tit{width:100%; border-bottom:1px solid #ccc; position:relative; height:55px; margin-top:20px; margin-bottom:40px;}
.m_titt{width:220px; height:60px; background:url(../_sub01/img/threedot.png) no-repeat center 45px; background-color:#fff; text-align:center; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; font-size:28px; color:#333; position:absolute; left:50%; top:20px; margin-left:-110px;}

.m_stxt, .m_facil{width:100%; margin:0 auto; text-align:center; }
.m_service{width:1200px; margin:0 auto; clear:both; overflow:hidden;}

.m_service{margin-top:30px; margin-bottom:45px;}
.m_service > div{float:left; height:225px;}
.m_service .notice{width: calc( 41% - 2px ); height:223px; border:1px solid #ccc;}
.m_service .result{width:17%; background-color:#00a8b6;}
.m_service .counsel{width:21%; background:url(../_main/img/mb_ico01.png) no-repeat center 25px; background-color:#4db216;}
.m_service .business{width:21%; background:url(../_main/img/mb_ico02.png) no-repeat center 25px; background-color:#0c3e8c;}
.m_service > div > div, .m_service > div > div > a{color:#fff; font-weight:bold; text-align:center;}
.m_service .ltxt{margin-bottom:5px; margin-top:145px;}
.m_service .ltxt > a{font-size:16px; text-decoration:underline;}


/* 공지 & 포토갤러리 탭 */
.tab.list{height:225px;}
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;*zoom:1;}
.tab.list > ul{background-color:#606069; height:42.5px;}
.tab.list ul:after{content:"";display:block;clear:both;}
.tab.list li{float:left;margin-bottom:-1px;}
.tab.list li a{position:relative;float:left; text-decoration:none; color:#fff;}
.tab.list li a:hover{font-weight:normal;}
.tab.list li a span{width:105px; color:#fff; background-color:#606069; display:inline-block; padding:0 3px; cursor:pointer; font-size:15px; margin-bottom:25px; font-weight:normal; padding:10px 0;}


/* 탭평소 스타일 */
.tab.list li ul{width:100%;position:absolute;top:50px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1;margin-top:10px;}
.tab.list li ul:after{content:"";display:block;clear:both;}
.tab.list li li{ float:none;position:relative;margin:7px 0;color:#999; text-align:left;}
.tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#555 !important;font-weight:normal;background:transparent;letter-spacing:normal; display:inline-block; width:65%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.tab.list li li a:hover,
.tab.list li li a:active,
.tab.list li li a:focus{color:#003fa0 !important;text-decoration:underline;}
.tab.list li li time,
.tab.list li li .time{position:absolute;top:0;right:0;color:#767676; font-size:11px; font-weight:normal; padding-right:25px;}
.tab.list li li.more{width:40px; position:absolute;top:-58px;right:-5px;border:0 !important;background:transparent;}
.tab.list li.active a{margin-top:-1px;background:transparent;color:#333; font-weight:normal;}
.tab.list li.active a span{background:#fff; color:#0041ba; border-top:3px solid #0041ba; font-weight:bold;}

/* 탭고정 배경*/
.tab.list.jx{height:auto;}
.tab.list.jx ul{border:0;}
.tab.list.jx li{float:none;position:relative;}
.tab.list.jx li a{float:none;display:block;font-weight:bold;color:#555;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;}
.tab.list.jx li ul{position:static;display:block;left:0;top:0;padding:5px 0;}
.tab.list.jx li li a{display:inline-block;border:0 !important;background:none !important;font-weight:normal;}
.tab.list.jx li li.more{top:7px;right:15px;}

/* 포토갤러리 */
.tab .photo{width:100%; margin:0 auto; text-align:center !important; overflow:hidden; height:150px;}
.tab .photo > ul{width:149px !important; height:150px; display:inline-block !important; overflow:hidden; position:relative !important; top:-10px !important; margin-left:3px!important; margin-right:3px!important;}
.tab .photo > ul > li > a{width:149px !important; margin-top:-5px !important; font-size:12px !important; text-align:center !important;}
.tab .photo > ul > li > a > img{border:1px solid #aaa;}



/* 사업실적 */
.result{position:relative;}
.result_tit{ position:absolute; left:15px; top:17px; font-size:15px;}
.result_tit > span > a{display:inline-block;}
#s_banner_wrap {width:100%; position: relative;}

.bxslider_01 .banner_01 {width:100%; height:225px; text-align:center;}
.bxslider_01 .banner_02 {width:100%; height:225px;}
.bxslider_01 .banner_01 > ul, .bxslider_01 .banner_02 > ul{width:151px; margin:0 auto; text-align:center; margin-top:65px; padding-left:3px; padding-right:3px;}
.bxslider_01 .banner_01 > ul > li, .bxslider_01 .banner_02 > ul > li{display:inline-block;}
.bxslider_01 .banner_01 > ul > li > a, .bxslider_01 .banner_02 > ul > li > a{width:151px; height:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; display:inline-block; font-size:12px;}
.bxslider_01 .banner_01 > ul > li > a > img, .bxslider_01 .banner_02 > ul > li > a > img{border:1px solid #fff; width:149px; height:103px; margin-top:-3px;}




/* 설비현황 */
.m_facil{background:#0c58ce; padding-top:35px; padding-bottom:45px;}
.facil, .m_ftit{width:1200px; margin:0 auto; clear:both; overflow:hidden;}
.m_ftit{font-size:33px; color:#fff; margin-bottom:5px;}
.m_fstxt{width:535px; margin:0 auto; clear:both; overflow:hidden; color:#9dbced; font-weight:bold; margin-bottom:35px;}
.facil > div{float:left; width:23%; margin-right:1%; margin-left:1%; position:relative;}
.facil > div > div{display:none; background-color:rgba(8,35,77,0.8); position:absolute; left:0; bottom:0; width: calc( 100% - 40px ); padding:15px 20px; color:#fff; text-align:left; font-weight:bold;}






/* 반응형 적용부분 */
@media screen and (max-width: 1230px) {
.m_service, .facil, .m_ftit, .m_stxt{width:94%;}
.facil > div{width:48%;}
.facil > div:nth-child(2){margin-bottom:35px;}
.facil > div img{width:100%;}

.main_vis .txt_wrap .txt{padding-right:80px;}
}




@media screen and (max-width: 1115px) {
.main_vis .txt_wrap .txt{margin-top:20px; width: 60%; padding-right:0px;}	
.m_service .result{width:21%;}
.m_service .counsel, .m_service .business{width:19%;}
}

@media screen and (max-width: 990px) {
.main_vis{height:350px;}	
.bxslider .banner_01, .bxslider .banner_02, .bxslider .banner_03{height:350px; background-size:auto 350px;}
.main_vis .txt_wrap{display:none;}	
.m_service .notice{width: calc( 100% - 2px ); margin-bottom:25px;}
.m_service .result{width:30%;}
.m_service .counsel, .m_service .business{width:35%;}
}

@media screen and (max-width: 850px) {
.bxslider .banner_02{background-position:-750px; background-color:#caced3;}
.main_vis .txt_wrap{display:block; width:100%;}
.main_vis .txt_wrap .txt{margin-top:40px; width:50%; padding-right:15px;}
.main_vis .txt > div:nth-child(1), .main_vis .txt > div:nth-child(1) > span{font-size:27px;}
.main_vis .txt > div:nth-child(2), .main_vis .txt > div:nth-child(2) > span{font-size:13px;}
.main_vis .txt > div:nth-child(2) > span, .main_vis .txt > div:nth-child(2) > span > span{font-size:18px;}

}

@media screen and (max-width: 700px) {
.main_vis .txt_wrap .txt{float:none; margin:0 auto; margin-top:35px; width:100%; padding-right:0px; text-align:center;}
.main_vis .txt > div:nth-child(1), .main_vis .txt > div:nth-child(1) > span{font-size:30px;}	
.main_vis .txt > div:nth-child(2), .main_vis .txt > div:nth-child(3){display:none;}
.bxslider .banner_02{background-size:auto 480px; background-position:-960px -120px;}
	
.facil > div{width:98%; margin-bottom:35px;}
.facil > div:nth-child(4){margin-bottom:0;}
.m_service .result, .m_service .counsel, .m_service .business{width:100%;}
.m_service .result, .m_service .counsel{margin-bottom:25px;}

.banner_01 > ul, .banner_02 > ul{display:inline-block; margin-left:10px; margin-right:10px;}

}

@media screen and (max-width: 550px) {
.m_fstxt{width:94%;}

.bxslider .banner_02{background-position:-1000px -120px;}
}

@media screen and (max-width: 480px) {
.bxslider .banner_02{background-position:-1050px -120px;}
}

@media screen and (max-width: 400px) {
.main_vis .txt > div:nth-child(1), .main_vis .txt > div:nth-child(1) > span{font-size:27px;}		
.bxslider .banner_02{background-position:-1080px -120px;}
}

@media screen and (max-width: 370px) {
.main_vis .txt > div:nth-child(1), .main_vis .txt > div:nth-child(1) > span{font-size:23px;}		
.bxslider .banner_02{background-position:-1100px -120px;}
}