@charset "utf-8";

html{width: 100%}
img{max-width: 100%}

#cwmWrap{width: 100%; min-width: 320px}
.container{width:100%; margin:0 auto; max-width: 100%}
#cwmWrap:after {content: "";width: 100%;position: fixed;height: 100%;background: rgba(0, 0, 0, 0.42);top: 0; display: none}
#cwmWrap.gnbOn:after{display: block}

#cwmHeader{position: relative; height: 63px; background: #fff;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); z-index: 999}
#cwmHeader:after{content: ""; display: block; clear: both}
#cwmHeader .hd-logo{width: 170px; margin:14px 12px 0; float: left}
#cwmHeader .btn-gnbview{display: block;  width:32px; margin: 19px 15px 0; float: right}


#gnb{position: absolute; top: 63px; width: 100%; z-index: 10; display: none}
#gnb>ul>li a{display: block; line-height: 1; padding:14px 20px; color: #fff; font-size: 13px; background: #035893; border-bottom: 1px solid #1a679d; position: relative}
#gnb>ul>li>a:after{content: ""; background: url(../images/common/gnb_bg_arrow.png) no-repeat 0 0; background-size: contain; width:18px; height: 9px; position: absolute; right: 14px; top: 17px}
#gnb>ul>li>ul{padding:16px 0; background: #46a93d;display: none}
#gnb>ul>li>ul>li>a{background: #46a93d; border: 0 none; padding: 10px 38px}
#gnb>ul>li>ul>li>a:before{content: "\2022"; padding-right: 5px}
#gnb>ul>li.active>a:after{background-image: url(../images/common/gnb_bg_arrow_up.png)}
#gnb>ul>li.active>ul{display: block}




#cwmFooter{background: #2b2b2b; padding-bottom: 23px}
#cwmFooter .footer-menu{border-bottom: 1px solid #4b4b4b; text-align: center; font-size: 12px}
#cwmFooter .footer-menu>ul{display: flex; justify-content: center}
#cwmFooter .footer-menu>ul>li{}
#cwmFooter .footer-menu>ul>li>a{display: block; padding: 13px 9px; line-height: 1; letter-spacing: -0.06em; color: #999999; position: relative}
#cwmFooter .footer-menu>ul>li+li>a:before{content: ""; width: 1px; height: 11px; background:#999999; position: absolute; top: 13px; left: -1px}
#cwmFooter .footer-logo{width: 42px; margin: 11px auto 20px}
#cwmFooter .footer-info{margin:0 14px; letter-spacing: -0.08em; color: #999999}
#cwmFooter .footer-info address{margin-top: 14px}
#cwmFooter .footer-info address span{display: inline-block; margin-right: 10px}

#content .d1_main .contents{padding: 0}

/* 서브 컨텐츠 */
#content .contents{padding:10px; padding-bottom: 30px; letter-spacing:-0.05em}

.content-title h1{font-size: 20px; color: #333333; font-weight: 600; letter-spacing: -1px; margin-bottom: 3px}
.content-title .breadcrumb{letter-spacing: -1px; color: #666666}
.content-title .breadcrumb ol>li{display: inline-block}
.content-title .breadcrumb ol>li+li:before{content: "\003e"; padding: 0 2px}
.content-title{background-color: #eeeeee; background-repeat: no-repeat; background-position: 100% 0; background-size:contain; padding: 19px 14px}
.d1_intro .content-title{background-image: url(../images/sub/sub_top_bg_1.jpg)}
.d1_business .content-title{background-image: url(../images/sub/sub_top_bg_3.jpg)}
.d1_construction .content-title{background-image: url(../images/sub/sub_top_bg_3.jpg)}
.d1_pr .content-title{background-image: url(../images/sub/sub_top_bg_4.jpg)}
.d1_news .content-title{background-image: url(../images/sub/sub_top_bg_5.jpg)}
.d1_online .content-title{background-image: url(../images/sub/sub_top_bg_5.jpg)}
.d1_recruit .content-title{background-image: url(../images/sub/sub_top_bg_6.jpg)}

.stitle01{margin-bottom: 13px; font-size:18px; color:#0063a8; font-weight:600;}

.table01 {width: 100%}
.table01 tr:first-child td, 
.table01 tr:first-child th {border-top:1px solid #4f4f4f;}
.table01 td,
.table01 th {border-bottom:1px solid #dbdbdb;}
.table01 th {padding:6px 3px;  border-right:1px solid #dbdbdb; color:#333333;}
.table01 td {padding:6px 5px; color:#666666;}

.cont-t01 {color:#666666; margin: 13px 0}

.sign-img{width: 176px}

.bg_sktch{background: url(../images/sub/bg_sketch.png) no-repeat 100% 100%; background-size: 229px auto; padding-bottom: 60px !important}

.history-list {overflow:hidden; position:relative;}
.history-list:before {position:absolute; top:10px; left:6px; bottom:20px; width:2px; background:#c5e0f3; content:'';}
.history-list dt {float:left; position:relative; width:100px; padding-left:16px; color:#000000; font-weight:bold;}
.history-list dt:before {position:absolute; top:50%; left:0; width:13px; height:13px; margin-top:-6px; border-radius:50%; border:3px solid #c5e0f3; background:#ffffff; content:'';}
.history-list dd {margin-left:100px; margin-bottom:10px; color:#666666; }

.organ-img{text-align: center; padding: 10px 0}

.map-cont {overflow:hidden; position:relative; margin-bottom: 40px}
.map-cont h3 {font-size:15px; color:#0063a8; font-weight:bold}
.map-cont ul {margin-top: 10px}
.map-cont ul li {padding-left:16px; margin-bottom:5px; color:#666666; background-position: 0 2px; background-repeat: no-repeat; background-size: 10px auto}
.map-cont ul li.addr {background-image: url(../images/sub/icon_location.png)}
.map-cont ul li.tel {background-image: url(../images/sub/icon_tel.png)}
.map-cont ul li.fax {background-image: url(../images/sub/icon_fax.png)}
.map-cont ul li.email {background-image: url(../images/sub/icon_mail.png)}
.map-cont .map_area {overflow:hidden; width:100%; border:2px solid #0063a8;}
.map-cont .map_area .root_daum_roughmap{width: 100%}
.map-cont .map_area .root_daum_roughmap .wrap_map{max-height:180px}

.arc-top {color:#535353}
.arc-top strong {font-size:15px; color:#0063a8;}
.arc-top p {padding:9px 0 14px 0;}


.bs-table {margin-top:20px}
.bs-table thead {border-top:2px solid #1c53a1;}
.bs-table th {position:relative; padding:8px; background:#f2f2f2;}
.bs-table th+th:before {position:absolute; top:50%; left:0; width:1px; height:13px; margin-top:-6px;  background:#bac2ca; content:'';}
.bs-table td {padding:15px 2px;  background:#ffffff}
.bs-table th, .bs-table td {border-bottom:1px solid #d7d7d7; vertical-align: top}


.news-list{margin:14px -10px 0}
.news-list>ul{border-top: 2px solid #000000}
.news-list>ul>li{border-bottom: 1px solid #d3d3d3}
.news-list>ul>li>a{display: block; padding: 10px; padding-left: 29px; color: #7d7d7d}
.news-list>ul>li>a .num{float: left; margin-left: -29px; width: 29px; text-align: center; padding-top: 8px; color: #333333;}
.news-list>ul>li>a .tit{display: block; color: #333333; }
.news-list>ul>li>a .count:before{content: ""; display: inline-block;width: 1px; height: 9px; background: #7d7d7d; margin: 0 10px}

.board-view{margin: 14px -10px;  border-top: 2px solid #000000; border-bottom: 1px solid #d3d3d3}
.board-view header{padding: 10px;border-bottom: 1px solid #d3d3d3}
.board-view header h1{font-size: 14px; margin-bottom: 10px}
.board-view header span{color: #7d7d7d; display: inline-block}
.board-view header span+span:before{content: ""; width: 1px; height: 10px; background: #7d7d7d; display: inline-block; margin: 0 10px}
.board-view .cont{padding: 10px; min-height: 100px}

.btn-area {overflow:hidden; margin-top:20px; text-align:center;}
.btn {display:inline-block; height:30px; padding:0 10px; border-radius:3px; line-height:30px;}
.btn-blue {color:#ffffff !important; background:#0063a8;}
.btn-small {height:30px; padding:0 7px;  line-height:28px;}
.btn-bgray {border:1px solid #a8a8a8;}

.paginate {margin-top:34px; text-align:center;}
.paginate p {display:inline-block;}
.paginate strong, .paginate  a {float:left; width:30px; height:30px; margin:0 2px; border:1px solid #cccccc; background:#ffffff; line-height:28px;}
.paginate strong.on, .paginate  a.on {line-height:28px; border:2px solid #0063a8;}

.border-top {margin: 8px 0;}
.border-top .count {color:#666666; vertical-align:middle;}
.border-top .count em {color:#ec3800;}

.search-top {text-align: center; margin-top: 16px}
.search-top select {width:80px; padding:5px;}
.search-top input[type='text'] {width:140px;}
.search-top select, .search-top input[type='text'] {color:#666666; height:30px; border:1px solid #e3e3e3; background:#ffffff;}
.search-top .btn-submit {width:60px; height:30px; color:#ffffff; background:#0063a8; vertical-align:middle; border:0; }

.tab-menu01 {display:inline-block; width:100%; height:31px; margin-bottom:10px; border-bottom:1px solid #c3c3c3; text-align:center;}
.tab-menu01 li {float:left; width:88px; height:30px; margin-right:3px; border:1px solid #c3c3c3; border-bottom:0; background:#ffffff;}
.tab-menu01 a {display:block;color:#999999; line-height:30px; font-weight:600;}
.tab-menu01 li.on {height:31px; border:2px solid #0063a8; border-bottom:0;}
.tab-menu01 li.on a {color:#0063a8;}

.tab-cont .cont-wrap table {display:none;}
.tab-cont .cont-wrap table.on {display:table;}

.table02 {width:100%;}
.table02 td, .table02 th {border-bottom:1px solid #dbdbdb;}
.table02 thead th {padding:6px; border-top:1px solid #4f4f4f; color:#ffffff; background:#0063a8;}
.table02 thead th:first-child {border-right:1px solid #dbdbdb;}
.table02 td {padding:6px; color:#666666;}
.table02 td:first-child {border-right:1px solid #dbdbdb; color:#333333;}

.pr-list {overflow:hidden; display : flex; flex-direction:row; flex-wrap :wrap; margin: 15px -3px 0; justify-content:space-around}
.pr-list li{width:150px; padding:6px; margin-bottom: 18px; border:1px solid #cccccc; text-align:center; background:#ffffff;}
.pr-list li a{display: block}
.pr-list li img {width:136px; height:191px; border:3px solid #f2f2f2;}
.pr-list li span {display:block; overflow:hidden; height:24px; margin-top:12px; color:#333333;}


.online-form .fms{text-align:left; margin: 0 -10px;border-bottom: 1px solid #e2e2e2; padding: 20px}
.online-form .fms .tit{display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px}
.online-form .fms .captcha-box {display:block; width:100%; height:30px; line-height:30px; text-align: center; border: 2px solid #dbdbdb; color: #000; margin-bottom: 3px}
.online-form .fms span {vertical-align:middle; margin:0 5px;}
.online-form .fms a{vertical-align: middle}
.online-form .fms .tit label {color:#333333;}
.agree-cont {height:120px; margin-top:10px; padding:10px; overflow-y:auto; border:1px solid #dbdbdb; color:#666666; background:#f8f8f8;}


#main-content h3 {font-size:15px; color:#333333; font-weight:600}
#news {height:150px; padding:15px 13px;}
#news ul {padding-top:10px;}
#news ul li {overflow:hidden; padding-right: 70px; margin-bottom: 6px}
#news ul li .title {display:block; float:left; width: 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#999999; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#news ul li .title:hover {color:#000000;}
#news ul li .date {float:right;color:#cccccc; margin-right: -70px}

#main-content .mcont01 {border-top:1px solid #d9d9d9;}
#main-content .mcont01 > a {display:block; padding:15px 13px; overflow: hidden}
#main-content .mcont01 > a:hover .btn-more {color:#000000;}
#main-content .mcont01 p {padding:10px 80px 20px 0; color:#999999}
#main-content .mcont01 .btn-more{float: right; margin-right:140px; color:#adadad; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#main-content .mcont01 {background:url('../images/common/bg01.jpg') no-repeat right bottom; background-size: auto 100%}
#main-content .mcont01.bg02 {background-image:url('../images/common/bg02.jpg')}
#main-content .mcont01.bg03 {background-image:url('../images/common/bg03.jpg')}

.main-v{display: block}
.main-v img{display: block; width: 100%}
.main-v2 img{display: block; width:100%}

.recruit_img{padding-left: 10px}
.recruit_img>div{position: relative; margin-top: 18px}
.recruit_img>div>span{display: inline-block; width: 75px; vertical-align: middle; margin-right: 17px}
.recruit_img>div>p{color: #333333; font-size: 12px; font-weight: 400; display: inline-block; vertical-align: middle}


#main-visual .bx-wrapper img {width:100%; max-width:none;}
#main-visual .bx-wrapper .bx-pager {bottom:20px;}