#sub_img {margin: auto;display: block; overflow: hidden; background:url("../image/sub/subtop_img.jpg")center center no-repeat;height: 186px;position: relative;}
#content_wrap  {width: 100%;background-color: #f2f2f2;overflow: hidden;display: block;clear: both;min-height: 800px;}
#left_wrap {display: block;position: absolute;top:249px;left:0px;margin: auto;left:50%;margin-left:-504px}
.left_title {background-color: #bb0a3c;width: 192px;overflow: hidden;display: block;padding: 80px 0px 30px 0px;}
.left_menu {width: 192px;display: block;}
.left_menu>li{line-height: 50px; background-color: #fff;border-bottom: 1px solid #f2f2f2;display: block;}
.left_menu>li>a {font-size: 14px;color: #454545;line-height: 50px;font-weight: 600;display: block;padding-left:18px;}
.left_menu>li>ul>li>a {display:block;width: 192px;font-size: 14px;color: #fff;font-weight: 600;padding-left: 18px;}
.left_menu>li>ul>li {background-color: #252525;border-bottom: 1px solid #f2f2f2;}
.left_menu>li>a:hover {background:url("../image/sub/leftmenu_over.png") no-repeat;color: #fff;width: 210px;}
.left_menu>li>ul>li>a:hover {background:url("../image/sub/leftmenu_over.png") no-repeat;color: #fff;width: 210px;}
.left_menu>li>ul>li>a {color: #7c7c7c;font-weight: 600 ;}
.leftmenu_on>a {background:url("../image/sub/leftmenu_over.png") no-repeat;color: #fff !important;width: 210px !important;}
.leftmenu_on2_off {background:url("../image/sub/leftmenu_arrow_off.png") 160px 20px no-repeat;}
.leftmenu_on2_off:hover {background:url("../image/sub/leftmenu_arrow.png") 160px 20px no-repeat !important;background-color: #252525 !important;width:174px !important;overflow: hidden !important;display: block}
.leftmenu_on2 { background:url("../image/sub/leftmenu_arrow.png") 160px 20px no-repeat ;background-color: #252525;display: block;color: #fff !important;border-bottom: 1px solid #f2f2f2}
.leftmenu_on2:hover {background:url("../image/sub/leftmenu_arrow.png") 160px 20px no-repeat !important;background-color: #252525 !important;width:174px !important;overflow: hidden !important;display: block}

#right_wrap {width: 1008px;margin: auto;overflow: hidden; display: block;padding:60px 0px;}
#right_content {margin-left: 234px;clear: both;display: block;overflow: hidden}
#right_content h3 {font-size: 24px;color: #252525;font-weight: 600;float: left;}
.title_map {float: right;font-size: 12px;color: #252525;font-family: dotum;line-height: 26px;}
.title_map span {padding:0px 3px;}
#content {width: 700px; display: block;overflow: hidden;background-color: #fff;margin-top:20px;clear: both;padding:50px 35px}


/*공사실적*/
.detail_tab {overflow: hidden;display: block;}
.detail_menu {border-bottom: 1px solid #383838;display: block;overflow: hidden}
.detail_menu li {width:173px;float: left;line-height: 55px;background-color: #454545;text-align: center;overflow: hidden;display: block;border-left:1px solid #383838;}
.detail_on {background-color: #bb0a3c !important}
.detail_menu li a {color: #fff;font-size: 15px;font-weight: 600;display: block}
.detail .detail_con {width:100%;margin:30px 0px}
.detail .detail_con.bc02,
.detail .detail_con.bc03,
.detail .detail_con.bc04 {display:none;}
.detail {background-color: #f8f8f8;border:1px solid #ddd; box-sizing: border-box;margin-top:30px;font-family: dotum}
.detail_con .dot {width: 5px;height: 3px;background-color: #bb0a3c;display: inline-block;vertical-align: middle;float:left;margin-top:7px;}
.detail_con .day {font-size: 14px;color: #bb0a3c;font-weight: 600;padding-left: 5px;padding-right: 10px;line-height:20px;display:block;overflow:hidden}
.detail_con ul li {font-size: 13px;color: #303030;line-height: 40px;padding:0px 30px}


/*오시는길*/

.lo_tab {width: 100%;display: block;overflow: hidden;border-bottom: 1px solid #383838;margin-bottom: 30px;}
.lo_tab li {float: left;line-height: 55px;width: 175px;background-color: #454545;text-align: center}
.lo_tab_on {background-color: #bb0a3c !important}
.lo_tab li a{color: #fff;font-size: 15px;font-weight: 600;display: block}
.location_info {width: 390px;border-top:2px solid #252525;}
.location_infowrap {margin: 30px 0px;}
.location_info tr {border-bottom: 1px solid #ebebeb}
.location_info th {width:95px;background-color: #f8f8f8;color: #252525;font-size: 12px; height: 44px;}
.location_info td {font-size: 12px;color: #676767;text-indent: 20px;}

/*공사현황*/
.facilities_info {width: 334px;border-top:2px solid #252525;margin-top: 10px;}
.facilities_info tr {border-bottom: 1px solid #ebebeb}
.facilities_info th {width: 95px;background-color: #f8f8f8;line-height: 40px;font-size: 13px;color: #565656}
.facilities_info td {font-size: 13px;color: #565656;padding-left: 15px;}
.facilities_tb:nth-child(2n+0) {margin-left: 30px;}
.facilities_tb {margin-bottom: 30px;}

/*기존주요장비*/
.tecs_img {width: 336px;text-align: center;font-size: 12px;color: #454545;line-height: 40px;margin:30px 0px;}
.tecs_img a {color: #454545}
.tecs_img:nth-of-type(2) {margin-left:20px;}
.tecs_img:nth-of-type(4) {margin-left:20px;}

/*faq추가*/
#acrodian_wrap {  width:100%;position: relative;}
#acrodian_wrap > ul > li > a {font-size: 12px;display: block;height: 50px;font-weight: 600;color: #252525;padding-left:70px;font-family: dotum;line-height: 50px;border-top: 2px solid #252525; background:url("../image/sub/q_img.png") 25px center no-repeat;background-color: #f8f8f8}
#acrodian_wrap>ul>li:last-child {border-bottom: 2px solid #ddd}
#acrodian_wrap > ul > li > a > span {display: block;}
#acrodian_wrap > ul > li.has-sub > a span {background: url(../image/sub/faq_on.png) 96% center no-repeat;}
#acrodian_wrap > ul > li.has-sub.active > a span {background: url(../image/sub/faq_off.png) 96% center no-repeat;}
/* Sub menu */
#acrodian_wrap ul ul {display: none;background: #fff;border-top:1px solid #ddd;}
#acrodian_wrap ul>li>ul>li {background:url("../image/sub/a_img.png") 25px center no-repeat;font-size: 12px;color:#252525;line-height:23px;padding:15px 0px 15px 70px;}

/*사이트맵*/
#sitemap_wrap {overflow: hidden;clear: both}
.sitemap {width: 158px;overflow: hidden;display: block;float: left;margin-right: 22px;height: auto;margin-bottom: 50px}
.sitemap:nth-child(4){margin-right: 0px !important;}

.sitemap p {width: 158px;line-height: 45px;background-color: #efefef;border-top:2px solid #000;display: block; text-align: center;font-weight: 600}
.sitemap p a {color: #9f0833}
.sitemap ul li {width: 158px;border-bottom: 1px solid #ddd;padding:10px 0px 10px 20px;font-size: 13px;}
.sitemap ul li a{color: #454545}


.l_name {line-height:20px !important; padding-top:4px;padding-bottom:4px;}

/*제품정보*/
#product_list {clear: both;width: 700px;overflow: hidden;}
#product_list li{ width: 200px;height: 180px;margin-right: 30px; overflow: hidden;display: block;float: left;margin-bottom: 50px;}
#product_list li img {padding-bottom: 20px;}
#product_list li a{font-size: 13px;color: #333;font-weight: 600}
#product_list li a img {display: block}
#product_list li a span {height: 10px;width: 2px;background-color: #c11e5d;display: inline-block;vertical-align: middle}
.product_title {font-size: 13px;color:#bb0a3c;background-color: #f9f9f9;border:1px solid #ddd;border-radius: 5px;width: 100%;height:35px;line-height: 35px;padding-left:20px; font-weight: 600 }
#product_text {overflow: hidden;clear: both}
#product_text p {padding-top: 30px;font-size: 13px;line-height: 21px;letter-spacing: -0.5px;}
#product_text img {float: left;display: inline-block;padding:20px 70px 20px 0px;}

.product_menu {width: 100%;overflow: hidden;text-align: center;border-left: 1px solid #aaa;background:url("../image/sub/product_line.jpg") left bottom repeat-x;}
.product_menu li {padding:0px 10px;float: left;cursor: pointer;border-right: 1px solid #aaa;border-top:1px solid #aaa;line-height: 25px;}
.product_menu li a {font-size: 12px;color: #333;}
.product_on {background:#fff}
.product_on a {color: #d60545 !important;}
.product_wrap .product_con {width:100%;margin:30px 0px}
.product_wrap .product_con.bc02,
.product_wrap .product_con.bc03,
.product_wrap .product_con.bc04,
.product_wrap .product_con.bc05,
.product_wrap .product_con.bc06 {display:none;}
.tab_sub {display: block;overflow:hidden}
.tab_sub>li {float:left;}
.tab_sub>li>a {font-size:12px;padding:0px 10px;color:#333;border-right:1px solid #ccc}

 .tab_sub>li>a:hover {
   color:#d60545 
}
.tab_sub>li>a:focus, .active {
   color:#d60545 
}

/*인증서 마우스오버*/
  .view img {width:100%;height: 100%;}
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
    .layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
    .layer .pop-layer {display:block;}
    .pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: auto; height:auto;  background-color:#fff; z-index: 10;}	
	a.cbtn {display:inline-block;position:absolute ;right:0;width:30px;height:30px;}	
	a.cbtn:hover {}

.view {
   width: 152px;
   height: 206px;
   float: left;
  
   overflow: hidden;
   position: relative;
   text-align: center;
  
   cursor: pointer;
}
.view .mask {
    width: 152px;
   height: 206px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url("../image/sub/prize_over.png")  no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:46px;
   height:46px;
}
.prize-effect .mask {
   opacity: 0;
   overflow:visible;
  background-color:#000;
}
.prize-effect a.info {
   position:relative;
   top:40%;
   opacity: 0;

}
.prize-effect:hover .mask {
   opacity: 1;
   background-color:rgba(0,0,0,0.6);
}
.prize-effect:hover a.info {
	opacity:1;

}



/*마이페이지*/
.info_wrap {margin:40px 0px;}
.info_tb {border-top:2px solid #252525;width: 700px;margin-top: 20px}
.info_tb td {border-bottom: 1px solid #ddd;font-size: 12px;color: #555555;text-indent: 20px;height: 50px}
.info_tb select {border:1px solid #ddd;height: 35px;font-size: 14px;padding-left: 5px; color: #888; background: url(/image/sub/select_btn.png) no-repeat 90% 50%;  -webkit-appearance: none; -moz-appearance: none;appearance: none;margin-right: 7px;}
select::-ms-expand { /* for IE 11 */
    display: none;}
.info_tb input {border:1px solid #ddd;height: 35px;margin-right: 10px;color:#888;padding-left: 8px;}
.info_tb th {width: 150px;background-color: #f7f7f7;font-size: 12px;color: #333;text-align: left;height: 50px;text-indent: 20px;border-bottom: 1px solid #ddd}
.search_btn {background-color: #f8f8f8;border:1px solid #dfdfdf;width: 120px;height: 35px;text-align: center;text-indent: 0px;color:#595959}
.modify_submit {padding:0px 20px;height: 30px;background-color: #bb0a3c;border:0px;font-size: 13px;color: #fff;cursor: pointer}
.main_btn {padding:0px 20px;height: 30px; background-color: #252525 ;border:0px;font-size: 13px;color: #fff;cursor: pointer}
#drop_wrap {border-top: 2px solid #252525;margin: auto;text-align: center;width: 700px;margin-top: 30px;border-bottom: 1px solid #ddd;clear: both;overflow: hidden}
#drop_info {border-top: 1px solid #f0f0f0;padding: 25px 0px;}
#drop_info p {font-size: 14px;color: #333333;font-weight: 600; height: 30px;margin-bottom: 10px;}
#drop_info button {margin-top: 20px;}
#drop_info p input {border:1px solid #ddd;width: 240px;height: 26px;}
#drop_info p span {text-align: left;width: 95px;display: inline-block;}
.login_img {width: 220px;padding: 70px 0px}

.login_info {border-bottom: 1px solid #f2f2f2;width: 430px;padding:40px 0px 20px;margin-bottom: 20px;}

.login_info p input {border:1px solid #ddd;width: 180px;height: 26px;}
.login_info  p span {font-size: 14px;color: #333;width: 65px;display: inline-block;text-align: left;margin-bottom: 24px;}
.login_info  button {width: 100px;height: 72px;background-color: #bb0a3c;border:0px;color: #fff;margin-left: -50px;}
.login_wrap>p {text-align: left;font-size: 13px;color: #828282;width: 430px;display: block;overflow: hidden;letter-spacing: -0.5px;line-height: 30px;;margin-bottom: 10px;}
.login_wrap>p>img {margin-right: 5px;}
.login_wrap>p>button {background-color: #f7f7f7;border:1px solid #ddd;width: 90px;height: 30px;}
textarea {font-family:"나눔고딕", "Nanum Gothic"}
.join_text {font-size: 14px;color: #525252;font-weight: 600;letter-spacing: -0.7px;padding: 30px 0px}
.join_agree textarea {width: 680px;height: 130px;padding:10px;border:1px solid #ddd;margin: 20px 0px;}
.join_agree {font-size: 13px;color: #777;margin-bottom: 40px;}
.join_agree input {vertical-align: middle;margin-right: 5px;}
.complete_text01 {font-size: 30px;color: #bb0a3c;font-weight: 600;margin: 30px 0px}
.complete_text02 {font-size: 13px;color: #767676;line-height: 20px;margin-bottom: 30px}
.complete_text02 span {color: #bb0a3c;padding:4px;}
.search_wrap {width: 334px;float: left;overflow: hidden;margin-top: 40px;}
.search_inner {border:1px solid #ddd;border-top:2px solid #252525;text-align: center;padding: 50px 0px 30px;margin:30px 0px}
.search_inner p {margin-bottom: 10px}
.search_inner input {width: 200px;height: 30px;border:1px solid #ddd}
.search_inner p span {width: 70px;display: inline-block;color:#777;text-align: left;font-weight: 600}
.search_text {font-size: 14px;color: #717171;line-height: 25px;}
.join_btn {width: 90px;height: 25px;background-color: #252525;color:#fff;border:0px;vertical-align: middle}
.search_pop {text-align: center}
.search_pop img {margin: 30px 0px}
.search_pop p{border:1px solid #ddd;line-height: 65px;font-size: 13px;color: #333}
.search_pop p span {color: #bb0a3c}

.per_right_text {display:block;overflow:hidden;width:400px;float:right;}
.per_left_text {display:inline-block;width:235px;margin-top:8px}
.terms_area {border:1px solid #ddd;width: 680px;height: 437px;padding:10px;font-family:"나눔고딕", "Nanum Gothic";line-height:20px}