@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

.download{display:block;float:right;border:1px solid #eee;border-radius:3px;padding:10px 12px;font-size:14px;margin-bottom:15px;margin-left:15px;}
.download:after{display:block;content:'';}
.download:hover{border:1px solid #0b6496;color:#0b6496;}



.latest_board{padding:5px 25px 25px;border-bottom:1px solid #ddd;min-height:120px;height:100px;}
.latest_board li{float:none;position: relative;overflow:hidden;height:24px;line-height:24px;}
.latest_board li a{font-size:12px;display:block;float:left;max-width:184px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.latest_board li span{font-size:12px;float:right;}


/*첫번째 두번째 박스단*/
.m_box .m_box02 div{width: 306px;border:1px solid #eee; background: #fff; float:left; position: relative; margin-top: 14px; }
.m_box .m_box02:after{display: block; content: ''; clear: both;}
.m_box .m_box02 .m_box022{margin-left: 14px;margin-right: 14px;}
.m_box .m_box02 .more_btn_box{display: block; position: absolute; font-size: 12px; color:#999; border:1px solid #eee;height:22px;line-height:22px;top:25px; right:25px;width:22px;text-align:center;}
.m_box .m_box02 .more_btn_box:hover{color:#193793; background: #fafafa;}


/*메인배너*/
#container{width:100%; margin:0 auto;}
.mainVisual{max-width: 1920px; margin: 0 auto;}
.maviNo a{display: block; height: 685px;}
.visual_border{width:25px; height: 3px; background:#fff; margin: 0 auto;}
.visual_tit{margin-top: 15px; font-size: 24px; color:#fff; font-weight:bold;}
.visual_en{margin-top: 10px; font-size: 15px; color:#fff !important;}

/*메인컨텐츠*/
.m_contents{width:100%;}

/*내부요소 공통 넓이값*/
.m_inner{width:952px; margin: 0 auto;}

/*첫번째 박스단*/
/*박스공통*/
.m_box{width:100%; background: #fafafa; padding:40px 0;}
.m_box p{margin-left: 25px;}
.m_box_border{margin-top: 25px; width:20px; height: 3px; background:#193793; }
.m_box_tit{font-size: 17px; color:#333; font-weight: 600; margin-top: 25px;}
.m_box_tit span{font-size:12px; color:#999; font-weight: 100;}
.m_box_txt{margin-top: 20px; color:#666;font-size:13px;font-weight: 300; }
/*첫번째 첫번째 박스단*/
.m_box .m_box01 div{width: 224px;border:1px solid #eee; background: #fff; float:left; position: relative; background-repeat: no-repeat; background-position: 200px 120px;}
.m_box .m_box01 .m_box011{}
.m_box .m_box01 .m_box012{margin: 0 16px; }
.m_box .m_box01 .m_box013{margin-right:16px;}
.m_box .m_box01 .m_box014{}
.m_box .thumb_img{text-align:center;border:0!important;margin-top:10px;padding-bottom:20px;}
.m_box .thumb_img img{width:174px;}
.m_box .m_box01 .m_box013 .m_box_txt span{font-weight: 700; color:#df0000; font-size: 16px;}
.m_box .m_box01:after{display: block; content: ''; clear: both;}
.m_box .m_box01 .more_btn_box{display: block; position: absolute; font-size: 12px; color:#999; border:1px solid #eee;height:22px;line-height:22px;top:25px; right:25px;width:22px;text-align:center;}
.m_box .m_box01 .more_btn_box:hover{color:#193793; background: #fafafa;}

/*메인박스 전화번호*/
.tell_table{font-size: 13px; margin-left: 20px;margin-top: 20px;}
.tell_table th{font-weight: normal; width:60px; color:#666;}
.tell_table td{color:#333; font-weight: bold; font-size: 16px; padding-bottom: 2px; padding-left: 3px;}

/*슬라이드단*/
/*시공사례갤러리*/
.l_tit_wrap{padding-top: 40px; text-align: center;}
.l_tit_wrap .l_tit_border{background: #657ab5; width:20px; height: 3px; margin: 0 auto;}
.l_tit_wrap .l_tit{font-weight: 600; color:#fff; font-size: 24px; margin-top: 10px;}
#prodArea{width:100%; height: 463px; position: relative; background: url(/images/slide_bg.jpg);}
#prodArea:after{display: block; clear:both; content: '';}
#prodArea #product{ width:800px; margin: 0 auto;}
#product .prodCon2{width:800px; position: absolute; top:110px;}
#product .prodCon2 ul li{width:800px !important;height:  315px;display:block; }
#product .prodCon2 ul li a{display:block; width:800px; height:  315px;}
#product .prodCon2 .bx-wrapper{max-width: 800px !important;}
#product .prodCon2 .bx-wrapper .bx-viewport{width: 800px !important;}
#product .outside{position: relative;top:0px;}
#product .outside p{font-weight: bold;color: #ddd;}
#product .outside #slider-prev{position: absolute; top:-200px; left:-70px;}
#product .outside #slider-next{position: absolute; top:-200px; right:-70px;}
/*.productSlider p{font-size: 12px; color:#666; text-align: center;width:800px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;  height: 20px; line-height: 20px;}*/
/*슬라이드 내용 공통요소*/
.slide_cont{width:355px; float:right; position: relative; padding-right: 35px;}
.slide_cont .slide_tit{color:#fff; text-align: left; font-size: 24px; padding-top: 30px; padding-bottom: 25px; font-weight: bold;}
.slide_cont .slide_txt{color:#e2e5ef; font-size: 14px; font-weight: 200;margin-bottom: 10px; text-align: justify;}
.slide_cont .slide_list{color:#e2e5ef; font-size: 14px; font-weight: 200; padding-left: 20px; background: url(/images/list_blt.gif) no-repeat 5px 9px; margin-bottom: 5px;}
.slide_cont .slide_more_btn{display: block;position: absolute; top:35px;font-size: 12px; color:#e2e5ef;background: #5a70af; border: 1px solid #aeb9d8; text-align: center; line-height: 24px; right:35px;}
.slide_cont .slide_more_btn:hover{background:#4c65ac; }
/*각 슬라이드 안의 내용*/
.slide_01{background:url(/images/slide_01.jpg); }
.slide_02{background:url(/images/slide_02.jpg); }
.slide_03{background:url(/images/slide_03.jpg); }
.slide_04{background:url(/images/slide_04.gif); }

/*컨택트 어스*/
.m_contact{width:100%; background: #fafafa; padding-bottom: 40px;}
.m_contact .l_tit_wrap{padding-top: 40px; text-align: center;}
.m_contact .l_tit_wrap .l_tit_border{background: #657ab5; width:20px; height: 3px; margin: 0 auto;}
.m_contact .l_tit_wrap .l_tit{font-weight: 600; color:#333; font-size: 24px; margin-top: 10px;}
.m_contact_box{margin-top: 30px;}
.m_contact_box:after{display: block; clear: both; content: '';}
.m_contact_box_01{float:left;width:467px; position: relative;}
.m_contact_box_01 .m_contact_img{background:url(/images/anyang.jpg); }
.m_contact_box_02{float:right;width:467px; position: relative;}
.m_contact_box_02 .m_contact_img{background:url(/images/hwasung.jpg); }
.m_contact_img{width:467px; height: 158px; border:1px solid #eee; border-width: 1px 1px 0 1px; line-height: 158px; text-align: center; font-size: 24px;}
.m_contact_txt{font-size: 13px; width:407px; padding: 30px; background: #fff; border:1px solid #eee; border-width: 0 1px 1px 1px; height: 107px;}
.contact_table th{text-align: left; vertical-align: top; width:45px; padding:5px 0;}
.contact_table td{color:#666; padding:5px 0;}
.map_more{display: block; padding:3px 5px; background: #fff; border: 1px solid #eee; position: absolute; bottom:30px; right:30px; font-size: 12px; color:#999;}
.map_more:hover{color:#193793; background: #fafafa;}

/*서브페이지*/

/*인사*/
.recruit_table{border-collapse: 0; border-spacing: 0;font-size: 12px; border:1px solid #eee; margin-top: 15px; border-top: 2px solid #254675;}
.recruit_table th{background: #fafafa;border-bottom: 1px solid #eee;padding:5px 0; font-weight: bold; color:#254675; font-size: 16px;font-weight: 400; height: 50px;}
.recruit_table td{border-bottom: 1px solid #eee;padding:0; color:#777; height: 50px;}
.recruit_table td img{vertical-align:top;}
.recruit_table .recruit_en{ text-align: center; font-size: 17px;font-weight: 400;border-left:1px dashed #eee;width:80px;}
.recruit_table .recruit_txt{ line-height: 1.6em;font-weight: 400; border-left:1px dashed #eee;padding:0 10px;}
div .cont_txt{padding:20px; margin-bottom:10px;}
div .cont_txt h3{margin-bottom:20px; letter-spacing:-1px;}
div .cont_txt h3 .about_b{ font-size:40px; color:#b5b5b5;}
div .cont_txt h3 .about_s{ font-size:16px; color:#b5b5b5;}
div .cont_txt p{color:#232323; letter-spacing:-1px; font-size:16px; line-height:34px; color:#1d1d1d; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0 10px 0;}


/*행사장비*/
div .sub_title{margin-bottom:20px; letter-spacing:-1px; font-size:22px; color:#1d7520; text-align:center;}

.subtable_warp{border-collapse: 0; border-spacing: 0; border-left:1px solid #eee; border-top: 1px solid #eee;}
.subtable_warp th{background: #fafafa;border-bottom: 1px solid #eee;border-right: 1px solid #eee;padding:10px 0;
				width:30%; font-weight: bold; color:#1d1d1d;font-size: 15px;font-weight:bold; text-align:center;}
.subtable_warp td{border-bottom: 1px solid #eee;border-right: 1px solid #eee;padding:15px 10px; color:#777; font-size:15px}


/*비전*/
.box_vision{width:706px; background: #fafafa; padding:30px 0;}
.box_vision p{font-size: 24px; color:#254675; text-align: center;}


/*씨이오인사말*/
.ceo_greetings .ceo_tit{font-size: 24px; color:#666; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-top: 20px;}
.ceo_greetings .ceo_tit span{color:#254675;}
.ceo_txt{font-family: "Nanum Gothic"; font-size: 13px; color:#666; line-height: 1.8em; margin-top: 20px;}
.ceo_txt span{font-weight: bold; color:#333;}
.ceo_name{text-align: right;font-family: "Nanum Gothic"; font-size: 13px; margin-top: 30px;}
.ceo_name span{font-weight: bold;}

/*컨텐츠 박스*/
.map_box{width:706px; border:1px solid #eee; border-width:1px 1px 0px 1px; margin-bottom: 35px;}
.map_box:after{display: block; content: ''; clear: both;}
.map_box div{padding: 15px 40px 25px; border-bottom: 1px solid #eee; overflow: hidden;}
.map_box div:after{display: block; content: ''; clear: both;}
.map_box .map_box_inner{float:left; border:none; padding:0; width:50%;}
.map_box .map_li{padding:0 0 0 0; border:none;}
.map_box .map_li ul li{display:block;font-size: 14px; color:#666; line-height: 1.8em; background: url(/images/txt_blt_s.gif) no-repeat 0 12px; text-indent: 10px;}
.wire_box .map_box_inner{float:left; border:none; padding:0;}
.wire_box .inner01{width:50%;}
.wire_box .inner02{width:30%;}
.wire_box .inner03{width:20%;}
.map_box .map_bold{font-weight: bold; font-size: 16px; height: 45px; line-height: 45px;background: url(/images/tirecruit_tablet_border.gif) no-repeat;}
.map_box .map_txt{line-height: 1.8em; color:#666; font-size: 13px;font-family: "Nanum Gothic";}
.map_box .map_txt span{font-weight: bold; color:#333;}
.map_box .map_txt img{margin-top: 10px;}

.map_box02{width:343px; border:1px solid #eee; border-width:1px 1px 0px 1px; margin-bottom: 35px; float: left;}
.map_box02:after{display: block; content: ''; clear: both;}
.map_box02 div{padding: 15px 40px 25px; border-bottom: 1px solid #eee; overflow: hidden;}
.map_box02 div:after{display: block; content: ''; clear: both;}
.map_box02 .map_box_inner{float:left; border:none; padding:0; width:50%;}
.map_box02 .map_li{padding:0 0 0 0; border:none;}
.map_box02 .map_li ul li{display:block;font-size: 14px; color:#666; line-height: 1.8em; background: url(/images/txt_blt_s.gif) no-repeat 0 12px; padding-left: 10px;}
.map_box02 .map_bold{font-weight: bold; font-size: 16px; height: 45px; line-height: 45px;background: url(/images/tirecruit_tablet_border.gif) no-repeat;}
.map_box02 .map_txt{line-height: 1.8em; color:#666; font-size: 13px; margin-top: 10px;font-family: "Nanum Gothic";}
.map_box02 .map_txt span{font-weight: bold; color:#333;}
.map_box02 .map_txt img{margin-top: 10px;}

.history_box{width:706; border:1px solid #eee; border-width:1px 1px 0px 1px; margin-bottom: 20px;overflow: hidden;}
.history_box div{padding:6px 30px; border-bottom: 1px solid #eee; overflow: hidden;}
.history_box div:after{display: block; content: ''; clear: both;}
.history_box .history_bold{font-weight: bold; font-size: 18px; height: 50px; line-height: 50px;float:left; width:130px; color:#254675;}
.history_box .history_txt{line-height: 1.8em; color:#666; font-size: 14px;float:right;width:420px; height: 50px; line-height: 50px;}
.history_box .history_txt span{font-weight: bold; color:#333; }

/*권선 탭*/
.s_tab_menu_wrap{}
.s_tab_menu{width:706px;}
.s_tab_menu:after{display: block; clear: both; content: '';}
.s_tab_menu li{display: block;float:left; width:141px;}
.s_tab_menu li a{display: block;width:141px; text-align: center; background: #fafafa; border:1px solid #ddd; height: 50px;line-height: 50px; font-size: 14px; color:#999;}
.s_tab_menu .s_active a{color:#254675; font-weight: 600; background: #fff; border-bottom: 1px solid #fff;}
.s_tab_cont{padding-top: 20px;}
/*.s_tab_menu .s_tab_menu_04 a{margin-right: 0;}*/
.s_tab_cont .p2{display: none;}
.s_tab_cont .p3{display: none;}
.s_tab_cont .p4{display: none;}
.s_tab_cont .p5{display: none;}
.tab_cont_box{margin-bottom: 40px;}
.tab_tit{background: url(/images/txt_blt.gif) no-repeat 1px center; text-indent: 15px; margin-bottom: 20px; height: 24px; line-height: 24px;}
/*설비현황 테이블*/
.cmmn_table{border-collapse: 0; border-spacing: 0;font-size: 12px; border-left:1px solid #eee; border-top: 2px solid #254675;font-family: "Nanum Gothic"; font-size: 13px;}
.cmmn_table th{background: #fafafa;border-bottom: 1px solid #eee;border-right: 1px solid #eee;padding:10px 0; font-weight: bold; color:#254675;font-size: 13px;font-weight: 400;}
.cmmn_table td{border-bottom: 1px solid #eee;border-right: 1px solid #eee;padding:10px 0; color:#777; text-align: center;}


/*특수선*/
.cable_img{border:1px solid #eee; border-width: 1px 1px 0px 1px;}
.cable_img img{vertical-align:top;width:100%}
.cont_txt_box{width:666px; border: 1px solid #eee; background: #fafafa;padding:20px; margin-bottom: 35px;}
.cont_txt_box p{font-family: "Nanum Gothic"; font-size: 13px; color:#666; line-height: 1.7em;}

/*IT 테이블*/
/*.it_table{border-collapse: 0; border-spacing: 0;font-size: 12px; border-left:1px solid #eee; border-top: 2px solid #254675;font-family: "Nanum Gothic"; font-size: 13px;}
.it_table th{background: #fafafa;border-bottom: 1px solid #eee;border-right: 1px solid #eee;padding:10px 0; font-weight: bold; color:#254675;font-size: 13px;font-weight: 400;}
.it_table td{border-bottom: 1px solid #eee;border-right: 1px solid #eee;padding:15px 0; color:#777; text-align: center;}
*/

.it_table{border-collapse: 0; border-spacing: 0;font-size: 12px; font-size: 13px; margin-bottom: 30px;}
.it_table th{ color:#254675;font-size: 13px;font-weight: 200;}
.it_table01 th{background: #293f7d;padding:30px 0;color:#fff; font-size: 18px;}
.it_table td{/*border-bottom: 1px solid #eee;border-right: 1px solid #eee;padding:15px 0; */text-align: center;padding:20px 0; font-weight: 200;font-size: 16px; }
.it_table_color{background: #254675; color:#fff; border-bottom: 1px solid #254675; }

.it_table_gray{border-bottom: 1px solid #eee; border-right:1px solid #eee; background: #fafafa;}
.it_table_fff{border-bottom: 1px solid #eee; border-right:1px solid #eee; background: #fff;}
.it_table02 th{background: #009975;padding:30px 0;color:#fff; font-size: 18px;border-right: 1px solid #009975; }
.it_table02 td{border-right:1px solid #eee;border-bottom: 1px solid #eee;}
.it_table02 .it_table_color{background: #009f7a; color:#fff; border-right: 1px solid #03af87; width:25%; border-bottom: 1px solid #009f7a;}
.it_table_color_02{background: #eff8f6;}
.inner_p{padding:0 0 0 0;}
.inner_p p{line-height:87px;height:87px; border-bottom: 1px solid #eee;}

/*IT사업*/

.txt_cmmn_box{width:646px; padding:30px; border:1px solid #eee; margin-bottom: 30px;}
.txt_cmmn_box p{font-size: 14px; color:#666; line-height: 1.8em;}
.txt_cmmn_box ul li{font-size: 14px; color:#666; line-height: 1.8em; padding-left: 20px; background: url(/images/txt_blt_s.gif) no-repeat 10px 10px; margin-bottom: 10px;}

/*emp*/
.emp_link{margin-top:30px;}
.emp_link:after{display:block; clear:both; content:'';}
.emp_link a{width:178px;display:block;text-align:center; padding:10px 16px; border:1px solid #eee;font-size:14px;color:#666;float:right}
.emp_link a:hover,.emp_link a:focus{background:#254675; color:#fff; font-weight:600;}
/*화면예시*/
.screen_ex:after{display: block; clear:both; content: '';}
.productList{}
.productList li{float:left;}
.product_center{margin: 0 10px;}
.boxLeft{float:left;position:relative; width:229px; height:165px;}
.boxLeft img{width:229px; height:165px;}
.boxLeft span{display:none;position:absolute; top:0;left:0; background:url(/images/pop_all_bg.png); width:100%;height:100%; color:#fff; text-align:center;letter-spacing:4px;font-size:14px; height: 165px; line-height: 165px;}

.boxRight{float:left; margin-left:30px; width:469px; }
.boxRighttit{font-size:18px; color:#333; height:30px;}
.boxRighttits{background:url(../../images/dot.gif) 0 0 no-repeat; font-size:16px; color:#7a7878; font-weight:bold; height:28px; padding-top:10px; margin-top:15px;}
.boxRighttxt{font-size:14px; color:#666; line-height:25px;}


/*--갤러리 팝업 CSS--*/

.LayPop{
      position: fixed;
      top: 0;
      left:55%;
      max-width:800px;
      padding-bottom:30px;
	  padding-left:25px;
	  padding-right:25px;
      z-index: 80;
      background:#fff;
	  border-top:5px solid #254675;
	  display:none;
    }




.close{position: absolute; top:19px; right:25px;}
.popCon{position:relative; /*width:480px*/;  margin:0 auto; margin-top:55px;}

.popBox{}
.popBox img{max-width: 800px;}
.popBoxtit{display:block; font-size:18px; font-weight:bold; color:#666; margin-bottom:42px; margin-top:42px; text-align:center; /*width:480px;*/ 
			height:35px; padding-top:15px;border-top:2px solid #333;border-bottom:1px solid #ccc;}

.popBoxtxt{display:block; font-size:14px; color:#666; margin-top:25px; line-height:25px; }

.popBg{
position: fixed;
top: 0;
left: 0;
z-index: 70;
width: 100%;
height: 100%;
background:url(../../images/pop_all_bg.png) 0 0 repeat;

display:none;
}

.Btn{overflow:hidden;  margin-top:20px; }
.Btn li{float:right; margin-left:11px;}

/*--갤러리 팝업 CSS//--*/

