@charset "UTF-8";
/*sub_wrap*/
.right{ float:right;  }
.left{ float:left;  }
.subcon_wrap { max-width:1100px; margin:0 auto;}
.subcon_wrap:after { content:''; height:0; clear:both; display:block; }
.subcon_wrap > div { float:left; }
.menulist_wrap  { margin:0 auto 30px; padding:30px 0 0 0;}

/*비쥬얼*/
.sub_visu { height:190px; background:#ddd; position:relative;}
.sub_visu img { height:100%;} 

/*페이지 이미지*/
.page_img > img { width:100%;}

/*subCon*/
.subcon_wrap .subCon { width:826px; padding-left:40px; margin-top:3px;     min-height: 600px;   margin-bottom:85px;  min-height: 540px;}
.subCon .row{ padding:15px; }
/*네비메뉴*/
.navi_wrap { overflow:hidden; }
.navi_wrap.menu { height:100%; border-bottom:0; width:232px; border-left:1px solid #eee; border-right:1px solid #eee;  border-top:1px solid #e9e9e9;  background:#f3f3f3; }
.navi_wrap .groupmenu { text-align:left;  max-width:1100px; margin:0 auto;}
.navi_wrap .groupmenu:after { display:block; content:""; clear:both;  }
.navi_wrap .groupmenu li { display:inline-block; width:100%;  line-height:60px;} 
.navi_wrap .groupmenu li a {padding:0 20px; display:block; font-size:16px; line-height: 50px;}
.navi_wrap .groupmenu li a.on { background:1px solid #154194; background:#154194; color:#fff;}
/*1depth*/
.navi_wrap .groupmenu .menuDepth1 > a { display:none; }
/*2depth*/
.navi_wrap .groupmenu .menuDepth2.on > a { border:1px solid #154194; background:#154194; color:#fff; }
.navi_wrap .groupmenu .menuDepth2 > a { font-size:16px; border-bottom:1px solid #154194; color:#154194; font-weight:bold; background:#fff; }
.navi_wrap .navi { max-width:1100px; margin:0 auto; }
.navi_wrap .lnb { border-top:1px solid #ececec;}
.navi_wrap p {  padding:12px 0; font-size:13px; text-align: right; margin:0 0 20px 0; color:#777;}
/*3depth*/
.navi_wrap .groupmenu .ulDepth3 { padding:10px 0; }
.navi_wrap .groupmenu .ulDepth3:last-child{ border-bottom:1px solid #ddd; }
.navi_wrap .groupmenu .menuDepth3 > a { line-height:28px; font-size:14px; }
.navi_wrap .groupmenu .menuDepth3.on > a { text-decoration:underline; color:#154194; }

/*slide*/
.subCon .slider .bx-wrapper { margin:0 auto; }
.subCon .slider .bx-viewport { margin-top:20px; }
.subCon .subSlide .slide { cursor:pointer; border:3px solid #fff; }
.subCon .bx-controls { position:relative; }
.subCon .slider .bx-controls-direction > a { overflow:hidden; text-indent:-999px; position:absolute; width:24px; height:40px;  top:-54px; }
.subCon .slider .bx-controls-direction > a:hover{ opacity:0.8; }
.subCon .slider .bx-controls-direction > a.bx-prev { left:-40px; background-image:url('../img/sub/left.png'); }
.subCon .slider .bx-controls-direction > a.bx-next { right:-40px; background-image:url('../img/sub/right.png');}

.subCon h3{ font-size:23px; color:#333; margin-top:40px; }
.subCon h4 { margin-top:12px; margin-bottom:8px; }
.subCon h4 span{ font-weight:500; color:#333; vertical-align:middle; font-size:16px; padding-left:10px; border-left:5px solid #154194; }
/*페이지 타이틀*/
.subcon_wrap .title { border-bottom:3px solid rgba(154, 181, 225,.3); padding-bottom:10px; margin-bottom:15px; }
.sub_visu .title { position:absolute; top:50%; margin-top:-25px; left:50%; margin-left:-67px; color:#fff; font-size:32px; letter-spacing:3px;  }
/*테이블*/
.subcon_wrap table { width:100%;}
.subcon_wrap table textarea{ resize:none; }
.subcon_wrap table tr th {  vertical-align:middle; background:#154194; padding: 12px 0; border-right:1px solid #fff; border-bottom: 1px solid #fff; color:#fff; text-align:center;}
.subcon_wrap table tr td { vertical-align:middle; background:#f5f5f5; text-align:center; padding: 12px 5px; border-right:1px solid #fff; word-break: break-all; border-bottom: 1px solid #fff;}
.subcon_wrap .total { margin:0 0 5px 0;}
.downBtn { display:inline-block; padding:8px 12px; background:#fff; border:1px solid #888; color:#777; font-weight:600; }

/*공지사항*/
.subcon_wrap table.table01{ width:100%; border:1px solid #ddd; border-top:3px solid #154194; }
.subcon_wrap table.table01 tr th{ background:#fff; color:#154194; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.subcon_wrap table.table01 tr td{ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding:10px; text-align:left;}
.subcon_wrap table.table01.list tr td{ text-align:center; }
.subcon_wrap table.table01.list tr td.td_cont{ text-align:left; }

/*게시판 페이징*/
.subcon_wrap .pagination { text-align:center; margin:15px 0;}
.subcon_wrap .pagination ul {}
.subcon_wrap .pagination ul li { display:inline-block;}
.subcon_wrap .pagination ul li.active { background:#333; padding:1px 7px; color:#fff;}
.subcon_wrap .pagination ul li.active a {color:#fff;}

.pn_list{ font-size:13px; width:100%; border: 1px solid #ddd; border-top: 0; }
.pn_list dt{ color:#777; font-weight:600; text-align:center; float:left; width:15%; padding:8px 10px; box-sizing:border-box; }
.pn_list dt span{ font-size:12px; }
.pn_list dd{ border-left: 1px solid #ddd; float:left; width:85%;box-sizing:border-box; }
.pn_list dd a{ padding:8px 10px;  display:inline-block; color:#555; }
/*게시판 글쓰기*/
.btns {text-align:center; max-width:1100px; margin:30px auto 0;}
.btn{ 
	color: #154194; 
	background:#fff; 
	border-color: #154194; 
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;	
    border:1px solid #154194;
	display: inline-block; padding: 6px 20px; font-weight:bold;
	cursor:pointer;
	}

/*인사말*/
.img{ margin-bottom:25px; }
.c-txt span{ font-size:21px; font-family: 'daum';}
.c-txt span.right{ font-size:20px; color:#333; }
.c-txt span:nth-child(1){ display:inline-block; margin-bottom:12px; }
.c-txt span strong{ color:#00436d; }

/*오시는길*/
.root_daum_roughmap { width:100% !important; }
.map_info { margin:20px 0 0 0;}
.map_info p { margin:10px 0; padding:0 0 0 20px;}
.map_info p.address { background:url("/design/default/img/sub/map.gif") no-repeat left center;}
.map_info p.tel { background:url("/design/default/img/sub/tel.gif") no-repeat left center;}
.map_info p.fax { background:url("/design/default/img/sub/fax.gif") no-repeat left center;}
.map_info p.email { background:url("/design/default/img/sub/email.gif") no-repeat left center;}

/*메뉴관련*/
.top { max-width:1100px; margin:0 auto; text-align:left;}
.top > img { width:100%;}
.top .title small{ font-size:24px; padding-left:15px; border-left:6px solid #154194; color:#154194; font-weight:600; }
.top p { color:#898989;}

.visualImage > img { width:100%;}
.menulist_wrap ul li { height:264px;}
.menulist_wrap ul li > a {color:#fff !important;}
.menulist_wrap ul li > a:hover img {outline:5px solid #d38747;}
.menulist_wrap ul li > a img { width:100% !important; height: 237px;}
.menulist_wrap ul li > a > span { display:block !important; margin:5px 0 0 0;}

.visualContents { width:30%;}
.visualContents .title { font-size:35px; color:#fff; font-weight:bold; border-bottom:1px solid #fff; padding:0 0 5px 0;}
.visualContents .txt { font-size:14px; color:#fff; }

.menulist_wrap #mainVisual { max-width:1100px; margin:30px auto 34px; position:relative;}
.menulist_wrap #mainVisual .lageMenu_bg {position:absolute; width:100%;}
.menulist_wrap #mainVisual .lageMenu_bg img {width:100%;}

.menulist_wrap #mainVisual .visualContents{position:absolute; top:0; left:20px;}
.menulist_wrap .bx-wrapper { max-width:1100px !important; margin:0 auto; position:relative;}
.menulist_wrap .menu_list { background:#111; padding:20px 0 35px;}
.menulist_wrap .bx-wrapper .bx-viewport { max-width:1052px; margin:0 auto; padding:5px;}
.menulist_wrap .menu_title { max-width:1166px; margin:0 auto; color:#fff; font-size:24px; font-weight:600; padding:17px; background:url("/design/default/img/sub/menutitle_bg.png") no-repeat left top;}
.menulist_wrap .line { width:100%; height:1px; background:#ad753c; margin:0 0 50px 0;}
.menulist_wrap .bx-controls-direction a {     position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 26px; height: 44px; text-indent: -9999px; z-index: 999;}
.menulist_wrap .bx-controls-direction .bx-prev { background:url("/design/default/img/sub/menuLeft_btn.png") no-repeat;  }
.menulist_wrap .bx-controls-direction .bx-next { background:url("/design/default/img/sub/menuRight_btn.png") no-repeat; right:0;}

/*제품소개*/
.product .sub_txt{ font-size:13px; position:absolute; color:#eee; width:580px; text-align:center; top:50% ; left:50%; margin-top:-41px; margin-left:-290px;}
.product .title{ position:static; margin:0; color:#fff; margin-bottom:8px; }
.txt > p:before{ border-radius:8px; display:inline-block; content:''; display:inline-block; width:5px; height:5px; background:#ddd; margin-right:8px; }

/*시공실적*/
.gallery_con{ width:100%; }
.gallery_con ul li{ cursor:pointer; margin-bottom:15px; box-sizing:border-box; padding:18px; border:1px solid #ddd; width:32%; margin-right:2%; float:left;  background:#fff; overflow:hidden; position:relative;}
.gallery_con ul li:hover{ border-top:1px solid #154194; }
.gallery_con ul li:nth-of-type(3n){ margin-right:0; }
.gallery_con ul li img{ width:auto; height:100%; }
.gallery_con .shadow{cursor:pointer; position:absolute; background:#000; opacity:0; width:100%; height:100%;}
.gallery_con .photo {height: 200px; overflow:hidden; position:relative;}
.gallery_con .photo_title{ font-weight:600; font-size:16px; margin-bottom:15px; }

.blk_bg{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:9999; }
.blk_bg .photo_popup{ box-shadow:0 0 25px rgba(0,0,0,0.3); padding:25px; width:620px; min-height:450px; background:#fff; position:absolute; top:50%; left:50%; margin-top:-250px; margin-left:-335px; }
.photo_popup .photo_title{ font-size:19px; }

/*견적문의*/
.question table tr td{ text-align:left; }

/*채용정보*/
.sub1411 .txt > span{ font-weight:500; font-size:15px; color:#154194; }
.sub1411 dl{ width:20%; float:left; padding:2.5%; }
.sub1411 dl dt{ text-align:center; font-weight:bold; color:#154194; font-size:16px;margin-bottom: 6px; }
.sub1411 dl dt > p{ font-size:13px; font-weight:500; color:#999; }
.sub1411 dl dd{ color:#555; }
.sub1411 dl dd p:before{ content:''; width:5px; height:5px; display:inline-block; background:#ddd; border-radius:5px; vertical-align:middle; margin-right:4px;}
.sub1411 dl dd p:nth-child(1){ margin-bottom:6px; }
.sub1411 .img{padding: 0 5px; margin-bottom:6px; min-height:152px;}

/*
	사이트맵
*/

.sitemap > li{ box-sizing:border-box; width:19.2%; margin-right:1%; float:left;  border-top:3px solid #154194; }
.sitemap > li:nth-child(5n){ margin-right:0; }
.sitemap > li:nth-child(2) .twoDepth > li:last-child > a{ border-bottom:1px solid #ebebeb; }
/*1depth*/
.sitemap > li > a{ font-weight:500; color:#154194; width:100%;border:1px solid #ebebeb; display:block; padding:15px 0; text-align:center; font-size:17px; }
/*2depth*/
.sitemap .twoDepth { border:1px solid #ebebeb; margin-top:5px; }
.sitemap .twoDepth > li:last-child > a{ border-bottom:0; }
.sitemap .twoDepth > li > a{ transition:all .3s; color:#154194; font-size:15px;  display:block; padding:10px 15px;border-bottom:1px solid #ddd; }
.sitemap .twoDepth > li:hover > a{ color:#fff; background:#154194; }
/*3depth*/
.sitemap .threeDepth{ padding:10px; background:#f7f7f7; }
.sitemap .threeDepth > li{ margin:3px; }
.sitemap .threeDepth > li:before{ content:''; height:5px; width:5px; display:inline-block; background:#ddd; border-radius:8px; margin-right:5px; }
.sitemap .threeDepth > li:hover > a{ text-decoration:underline; }