/*인사말*/
.section {width:1200px; margin:0 auto;}
.section.mt80 {margin-top:30px;}
.ceo_container {background:url('/img/ceomessage_bg.png');}

.struc_bg {background-color:#fcfcfd; }

.panel {margin-bottom:60px; }

.section h3 {margin-bottom: 45px; color:#333; font-size: 30px; text-align: center; font-weight: 700;}


/*공사실적 보수/ 보강*/
.tab {margin-bottom: 50px;}
.tab ul {height:60px; background-color: #f5f5f5; border-bottom:2px solid #7087c5;}
.tab ul li a{float: left; display: block; width:400px; height:60px; padding-top:20px; color:#313139; text-align: center; box-sizing: border-box; border-right: 1px solid #fff; font-size:22px; font-weight: 700;}
.tab ul li:last-child a {border-right: 0;}
.tab ul li a.active {height: 62px; background-color: #fff; color:#223c84; border:2px solid #7087c5; border-bottom: 0;}
.tab ul li:hover a {background-color:#fff; color:#223c84;}

.section.search_part {margin:80px auto;}
.t_none {display: none;}

.tab_cont ul {overflow: hidden; margin-bottom: 20px;}
.siljuk .tab_cont ul li{float: left; width:385px; height: 450px; box-sizing: border-box; margin-right:20px;}
.siljuk .tab_cont ul li:last-child {margin-right: 0;}
.siljuk .tab_cont ul li .text_box {height: 147px; padding:20px; box-sizing: border-box; border:1px solid #e1e1e1; border-top:0;}
.siljuk .tab_cont ul li .text_box span{display: block; margin-bottom:15px; color:#353b4a; font-size:18px; font-weight:800;}
.siljuk .tab_cont ul li .text_box p{margin-bottom:10px; font-size:14px; color:#3b3d40;}
.siljuk .tab_cont ul li .text_box p strong {display: inline-block; margin-right: 10px;}

.siljuk ul li img {width:385px; height:253px;}
.newwork ul li img {width:286px; height:186px;}

.search_container {width: 590px; margin:0 auto; text-align: center;}
.search_container input[type="text"].search {width:243px; height: 36px; box-sizing: border-box; border:1px solid #caccd1;}
.search_container select {float:left; width: 139px; height: 36px; margin-left:115px; border:1px solid #caccd1; box-sizing: border-box; font-size:13px; font-weight: 700;background:url('/img/select_under.png') no-repeat #f5f5f5; background-position:120px; -webkit-appearance: none;-moz-appearance: none; appearance: none;}
.search_container select::-ms-expand { display: none; }
.search_container option {height: 35px; border:1px solid #caccd1; background-color: #fff; font-size:15px;}

/*new work*/
.newwork .tab_cont ul {overflow: hidden; border:1px solid #d7d7d7;}
.newwork .tab_cont ul li {float: left;}
.newwork .tab_cont ul li:last-child {padding:35px 40px 32px; box-sizing: border-box;}
.newwork .tab_cont ul li:last-child span {display: block; margin-bottom:20px; color:#353b4a; font-size:18px; font-weight:700;}
.newwork .tab_cont ul li:last-child p{margin-bottom:10px; font-size:14px; color:#3b3d40;}
.newwork .tab_cont ul li:last-child p strong {display: inline-block; width: 45px; margin-right: 15px;}
.newwork .tab_cont ul li:last-child p strong.word2 {letter-spacing:0.3em;}

.page {overflow: hidden; width:370px; margin:80px auto; text-align:center;}
.page a {display: inline-block; width:26px; height: 26px; padding-top:5px; box-sizing: border-box; font-size:13px; color:#828282; text-align: center;}
.page a.active {border:1px solid #3757d2; color:#3757d2;}
.page a:hover {color:#3757d2;}
.page a.pointer {padding-top:7px; vertical-align: bottom;}
.page a.prev {text-align: left; padding-left: 5px;}
.page a.next {text-align: right; padding-right: 5px;}

.map {width:1200px; height:489px; margin:0 auto;}

.wrap_map {margin:0 auto;}


.jojik h3 {position: relative;}
.jojik h3 select {position:absolute; top:0; right:400px;
    width: 139px;
    height: 36px;
    margin-left: 115px;
    padding:5px 10px;
    border: 1px solid #caccd1;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 700;
    background: url(/img/select_under.png) no-repeat #f5f5f5;
    background-position: 120px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}


.read_container {margin-bottom: 50px;}
.read_container .title {margin-bottom: 20px;}
.read_container .read_text {width:100%; height:500px; padding:10px; box-sizing: border-box; border:1px solid #caccd1; font-size: 14px;}
.read_container .list_btn {margin-top: 20px; text-align: right; }
.read_container .inner_container {border:1px solid #caccd1; box-sizing: border-box; overflow: hidden;}
.read_container .inner_container .half_oh {overflow: hidden; border-bottom: 1px solid #caccd1;}
.read_container .inner_container .inner_half {float: left; width: 50%; overflow: hidden;}
.read_container .inner_container .in_title {float: left; width: 108px; padding:20px; background-color: #; color:#fff; font-size: 16px; font-weight: 700; text-align: center;}
.read_container .inner_container .in_text {display: inline-block; float: left; padding:20px; font-size: 16px; }

.newwork .tab_cont.data_wrap {border-top:2px solid #223c84;}
.newwork .tab_cont ul.down_wrap {margin-bottom:0; border:0;}
.newwork .tab_cont ul.down_wrap li{float:none; overflow:hidden; padding:10px 40px 0;}
.newwork .tab_cont ul.down_wrap li span.d_title {display:block; float:left; margin-bottom:0;padding-top:10px;}
.down_wrap a.d_btn {display:block; float:right; width: 40px; height: 40px; padding: 9px 0; border-radius: 50%; border: 1px solid #666; text-align: center; font-size:16px; font-weight:700; box-sizing: border-box;}
.down_wrap a.d_btn:hover {color:#fff; border:0; background-color:#666;}
.down_wrap .pop {display:none; position:absolute; top:30%; left:50%; min-width:100px; max-width:1000px; min-height:100px; max-height:1000px; padding:20px; border:2px solid #666; background-color:#fff; text-align:center; font-size:16px; box-sizing:border-box;}
.down_wrap .pop .close {position:absolute; display:block; bottom:10px; right:10px;}