/**************************************************
프로그램 ID : ach.css
프로그램 명 : ach Cascading Style Sheets
작  성   자 : 김덕임(thegi01@nate.com)
최초 작성일 : 2012/05/17
최종 작성일 :
참고   사항 :
**************************************************/

@import url("../include/css/base.css");
@import url("../include/css/layout.css");
@import url("../include/css/style.css");

/* 공통
------------------------------------------------------------------------------- */
#contents .tab {margin-bottom:30px;}

 /* 1. 신시장개척지원
------------------------------------------------------------------------------- */
.newMark1 h5 { float:left; font-size:12px; width:100%; font-weight:bold; padding-top:30px; padding-bottom:15px; clear:both;}
.newMark1 h5:first-child{ padding-top:0;}
.newMark1 .fl {margin-top:-20px;}
.newMark1 .fr {margin:10px 30px 0 0; text-align:right;}
.newMark1 .fr p {margin-bottom:40px;}
.newMark1 .sptMnyAr {margin-bottom:9px;}
.newMark1 .img {padding-bottom:30px; padding-top:30px;float:left; width:100%; vertical-align:top; font-size:0;}
.newMark1 .img li { padding-right:5px;float:left;}
.newMark1 .img li.left_n{ padding-right:0; }
.newMark1 .btn{ text-align:right; padding-top:30px;}

.newMark2 .box_sky01 ol {padding-left:30px;}
.newMark2 .box_sky01 ol li {float:left;padding-left:50px; margin-left:30px; background:url(/images/etc/arrow02.gif) 0 8px no-repeat;}
.newMark2 .box_sky01 ol li:first-child {padding-left:0; margin-left:0;}

.newMark2 h5 { padding-bottom:15px;}
.newMark2 .txt { padding-bottom:30px; line-height:22px;}
.newMark2 ol.list02 {margin-top:5px;padding-bottom:30px;}
.newMark2 ol.list02 li { background:0 none; line-height:22px;}
.newMark2 ol.list02 li ul { clear:both; padding-left:10px;}
.newMark2 ol.list02 li ul li {background:url(/images/etc/dot01.gif) 5px 8px no-repeat}
.newMark2 .inquiry .fl > * {vertical-align:top;}
.newMark2 .inquiry .fl img:first-child {margin-top:-3px;margin-right:2px;}


.newMark3 table.stat {margin-top:30px;}
.newMark3 table.stat th {padding-left:12px;padding-right:10px;}
.newMark3 table.stat th:first-child {padding-left:10px;}
.newMark3 table.stat td {padding-left:10px;padding-right:10px;}
.newMark3 table.stat tr td:nth-child(2) {font-weight:bold;}
.newMark3 .note01 {margin-top:8px; padding-bottom:10px;}

 /* 2. 정보네트워크
------------------------------------------------------------------------------- */
.infoNet .mainWork {clear:both; height:auto; overflow:hidden; }
.infoNet .mainWork h4 {margin-bottom:-10px; }
.infoNet .mainWork h5 { padding-bottom:15px; font-size:12px; font-weight:bold;}
.infoNet .mainWork h6 { padding-bottom:10px; padding-top:15px; font-size:12px; clear:both;}
.infoNet .mainWork h6.subtit {color: #6294DE;font-size:13px !important;}
.infoNet .mainWork h5 :first-child{margin-top:0 !important; }
.infoNet .mainWork .txt{padding-bottom:10px;line-height:22px;}
.infoNet .mainWork ul { clear:both;}
.infoNet .mainWork ul.list01 {margin:7px 10px 20px; font-size:12px;}
.infoNet .fl ul {  margin-left:10px;}

.infoNet { float:left;}
.infoNet h5 { padding-bottom:15px; padding-top:30px; width:100%;font-size:12px; font-weight:bold;}
.infoNet h5:first-child {padding-top:0;}
.infoNet .img{padding-bottom:30px;}

.branch h5 { padding-bottom:15px;}
.infoNet .intro {clear:both; height:auto; padding:20px 25px 30px 25px; border:solid 4px #9db3cb; background:#fff; overflow:hidden;}
.infoNet .intro h6 {margin-bottom:10px; overflow:hidden;}
.infoNet .intro h6 img {float:left; width:54px; height:36px; border:solid 1px #d5d5d5;}
.infoNet .intro h6 span {float:left; margin-top:18px; margin-left:10px;color:#666; font-size:16px; }
.infoNet table.data {margin-top:20px;}
.infoNet table.data td {padding-top:15px; padding-bottom:15px;}
.infoNet table.data .fl {border:solid 2px #ccc;}

 /* 3. 중소기업수주지원, 4. 현장훈련지원
------------------------------------------------------------------------------- */
.mBusi1 h6 { font-size:12px; padding-bottom:10px;}
.mBusi1 ol.area {clear:both; width:620px; margin:10px auto; overflow:hidden;}
.mBusi1 ol.area li{float:left; margin-left:18px; padding-left:54px; background:url(/images/etc/icon_plus.gif) 0 64px no-repeat;}
.mBusi1 ol.area li:first-child {margin-left:0; padding-left:0;}
.mBusi1 .cntHead .con {padding:10px 0 10px 18px;}
.mBusi1 .mBusiWork {border-left:dotted 1px #ccc; float:left; margin-bottom:30px;}
.mBusi1 .mBusiWork ul li {float:left; width:321px; height:100px; padding:20px; border-right:dotted 1px #ccc; border-bottom:dotted 1px #ccc; letter-spacing:-1px;}
.mBusi1 .mBusiWork ul li:first-child, .mBusi1 .mBusiWork ul li:nth-child(2) {border-top:dotted 1px #ccc;}
.mBusi1 .mBusiWork ul li.even {border-left:dotted 1px #ccc;}
.mBusi1 .mBusiWork dt {margin-bottom:10px; padding:5px 0 0 28px; background:url(/images/txt/no04_01.gif) 0 0 no-repeat;}
.mBusi1 .mBusiWork dt.no02 {background:url(/images/txt/no04_02.gif) no-repeat !important;}
.mBusi1 .mBusiWork dt.no03 {background:url(/images/txt/no04_03.gif) no-repeat !important;}
.mBusi1 .mBusiWork dt.no04 {background:url(/images/txt/no04_04.gif) no-repeat !important;}
.mBusi1 .mBusiWork dt.no05 {background:url(/images/txt/no04_05.gif) no-repeat !important;}
.mBusi1 .mBusiWork dd {padding-left:9px; background:url(/images/etc/dot01.gif) 2px 5px no-repeat; color:#999; line-height:18px;}
.mBusi3 section.fl, .mBusi3 section.fr {width:50%;}

.mBusi3 .pros ol {clear:both; width:730px; margin:0 auto; overflow:hidden;}
.mBusi3 .pros ol:first-child {padding-bottom:25px; background:url(/images/etc/arrow04_d.gif) no-repeat 608px 100%;}
.mBusi3 .pros ol:first-child li {background:url(/images/etc/arrow04_r.gif) no-repeat 0 50%;}
.mBusi3 .pros ol li {float:left; margin-top:5px; margin-left:20px; padding-left:40px; background:url(/images/etc/arrow04_l.gif) no-repeat 0 50%; ;}
.mBusi3 .pros ol:first-child li {margin-top:0;}
.mBusi3 .pros ol li:first-child {margin-left:0; padding-left:0; background:none;}

.mBusi_tit{ background:#f3f5f7; float:left; border:solid 1px #ededed; width:725px; margin-bottom:30px; position:relative;}
.mBusi_tit dt, .mBusi_tit dd { float:left; vertical-align:top;}
.mBusi_tit dt{ width:181px; height:120px; padding-right:25px;}
.mBusi_tit dd { width:500px; line-height:19px;}
.mBusi_tit dd.top{ padding-top:20px;padding-bottom:10px;}
.mBusi_tit dd .btn{ position:absolute; right:20px; bottom:10px;}

.mConsul_tit{ background:#fff; float:left; border:solid 1px #ededed; width:725px; margin-bottom:30px; position:relative;}
.mConsul_tit dt, .mConsul_tit dd { float:left; vertical-align:top;}
.mConsul_tit dt{ width:131px; height:150px; padding-right:25px;}
.mConsul_tit dd { width:500px; line-height:22px;}
.mConsul_tit dd.top{ padding-top:20px;}
.mConsul_tit dd .btn{ position:absolute; right:20px; bottom:10px;}

.jobTrain_list {float:left; padding-top:30px; width:100%;}
.jobTrain_list li { width:360px; float:left; padding-bottom:50px;}
.jobTrain_list li dt, .jobTrain_list li dd { float:left; line-height:22px;}
.jobTrain_list li dt{width:110px; height:180px; text-align:center;}
.jobTrain_list li dl dd{width:230px; background:url(/images/etc/his_dot.gif) 0 8px no-repeat; padding-left:8px;}
.jobTrain_list li dd.bn{background:0 none;}

 /* 5. 해외건설인력양성
------------------------------------------------------------------------------- */
.manPower .tab {margin-top:30px;}
.manPower .boxDot  {clear:both; height:auto; overflow:hidden;}
.manPower .boxDot ul.fl, .manPower .boxDot ul.fr {width:49.9%;}
.manPower .boxDot ul.fl {border-left:dotted 1px #ccc;}
.manPower .boxDot ul li {height:60px; padding:20px; border-right:dotted 1px #ccc; border-bottom:dotted 1px #ccc;}
.manPower .boxDot ul li:first-child {border-top:dotted 1px #ccc;}
.manPower .boxDot ul.fl li.odd {background:#f3f5f7;}
.manPower .boxDot ul.fr li.odd {background:#f3f5f7;}
.manPower .boxDot ul.fr li.even {background:#ffffff;}

.manPower .boxDot dl {clear:both; height:auto; overflow:hidden;}
.manPower .boxDot dl dt { padding-bottom:5px; font-size:12px; color:#666; font-weight:bold;}
.manPower .boxDot dl dd {padding-left:7px; background:url(/images/etc/dot01.gif) 0 5px no-repeat;*background:url(/images/etc/dot01.gif) 0 6px no-repeat;}


 /* 7. 해외건설정보서비스
------------------------------------------------------------------------------- */
.infoServ .header {padding-top:1px;}
.infoServ .header > * {vertical-align:top;}
.infoServ .header img {margin-top:3px; margin-left:9px;}
.infoServ .header img:first-child {margin-top:0; margin-left:7px;}

.infoServ .infosrv { clear:both; float:left;}
.infoServ .infosrv li {clear:both; height:auto; padding:20px 20px 20px 0; border-top:dotted 1px #d1d1d1; overflow:hidden; line-height:22px;}
.infoServ .infosrv li:first-child {border-top:none;}
.infoServ .infosrv li .fl {margin-left:22px;}
.infoServ .infosrv li .fl:first-child {margin-left:0;}
.infoServ .infosrv li h4 {margin-top:5px !important;}

 /* 8. 연도별사업계획
------------------------------------------------------------------------------- */
/*.busiPlan #contents .tab {margin-bottom:45px;}*/
.busiPlan #contents h4 {margin-bottom:12px; font-size:14px; font-weight:bold; color:#0096ff;}
.busiPlan #contents .fl h4:first-child {margin-top:15px;}
.busiPlan #contents p {font-size:12px; margin-left: 16px;}
.busiPlan #contents ul.list01 li {margin-bottom:3px; background:url(/images/etc/dot01.gif) 0 5px no-repeat; margin-left: 16px;} /* gray dot */
.busiPlan #contents ol li {margin-bottom:3px; margin-left: 16px;}
.busiPlan #contents .fr {margin:80px 50px 0 0;}
.busiPlan #contents .btnR {clear:both; height:auto; margin-top:30px; overflow:hidden;}

 /* 9. 연도별사업실적
------------------------------------------------------------------------------- */
.busiResu #contents h4 {margin-bottom:12px; font-size:14px; font-weight:bold; color:#0096ff; }
.busiResu #contents h4:first-child {margin-top:5px; margin-bottom:5px; line-height:14px; }
.busiResu #contents p {margin-left:22px; font-size:12px;}
.busiResu #contents ul.list01 li {background:url(/images/etc/dot01.gif) 0 5px no-repeat;  margin-left: 16px;} /* gray dot */
.busiResu #contents ol li {margin-bottom:3px;  margin-left: 16px;}
.busiResu #contents ol.list li {margin-left:22px; font-weight:bold;}
.busiResu #contents ol.list li ul {margin:5px 0;}
.busiResu #contents ol.list li li {font-weight:normal;}
.busiResu #contents .fr {margin:80px 50px 0 0;}
.busiResu #contents .btnR {clear:both; height:auto; margin-top:30px; overflow:hidden;}

/* 9. 오시는 길
------------------------------------------------------------------------------- */
.map_new .mapArea {margin-bottom:30px; margin-top:10px; border:solid 1px #d6d6d6; line-height:0; clear:both;}
.map_new .trans {padding-top:10px; float:left;margin-bottom:30px;}
.map_new h5 { padding-bottom:15px;}
.map_new h6 { padding-bottom:15px;}
.map_new .txt{ padding-bottom:30px; line-height:22px;}
.map_new .trans h6 { font-size:12px; padding-bottom:5px;}
.map_new .trans .subway {float:left; width:100%; clear:both;}
.map_new .trans .subway img:first-child, .map_new .trans .bus img:first-child {float:left; padding-right:20px;}
.map_new .trans .subway h5,.map_new .trans .bus h5 {padding-top:4px; overflow:hidden;width:100%; float:left;}
.map_new .trans .subway p img {padding-top:10px;}
.map_new .trans .bus { width:100%; float:left; padding-top:30px;}
.map_new .trans .bus dl {margin-top:10px; float:left; width:600px;}
.map_new .trans .bus dt {float:left; width:60px; font-weight:bold;}
.map_new .trans .bus dd {padding-bottom:5px; overflow:hidden; width:540px; float:left;}

/*.busiResu .fl h4:first-child {margin-top:0;}
.busiResu .fr {margin:80px 50px 0 0;}
.busiResu .btnR {clear:both; height:auto; margin-top:30px; overflow:hidden;}
.busiResu ol.list04 {margin-left:16px}
.busiResu ul.list01 li {padding-left:7px !important; background:url(/images/etc/dot01.gif) 0 4px no-repeat !important;}
.busiResu ul.list02 li {padding-left:10px !important; background:url(/images/etc/icon01.gif) 0 4px no-repeat !important;}*/