@charset "utf-8";

.sub-visual {width: 100%; height: 250px; }
.sub-visual.menu01 {background: url('../img/sub/sub_visual01.png') no-repeat center 0 ;  text-align: center; }
.sub-visual.menu02 {background: url('../img/sub/sub_visual02.png') no-repeat center 0 ;  text-align: center; }
.sub-visual.menu03 {background: url('../img/sub/sub_visual03.png') no-repeat center 0 ;  text-align: center; }
.sub-visual.menu04 {background: url('../img/sub/sub_visual04.png') no-repeat center 0 ;  text-align: center; }
.sub-visual.menu05 {background: url('../img/sub/sub_visual05.png') no-repeat center 0 ;  text-align: center; }
.sub-visual.menu06 {background: url('../img/sub/sub_visual06.png') no-repeat center 0 ;  text-align: center; }

.sub-visual .tle{margin: 0; font-size: 48px; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, .5); font-family: 'baB', sans-serif;  }
.sub-visual .tle  strong{font-weight: normal; }
.sub-visual  p {margin: 12px 0 0 0; font-size: 18px; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, .5); }

.subMenu-wraper {position: relative; width: 100%;margin-top: -50px;  transition: .5s}
.subMenu-wraper:before {content: '';  position: absolute; display: block ; width: 100%; height: 50px; top: 0; left: 0; background: url('../img/sub/bg_subMenu.png') repeat-x 0 0 ;  opacity: .5}
.subMenu-wraper.top:before {opacity: 1; }
.subMenu-wraper  .inner-wraper >  a { position: relative; display: block; float: left; width: 54px; height: 50px; line-height: 50px;  text-indent: -9999px;   }
.subMenu-wraper .inner-wraper  >  a:before  {content: ''; position: absolute; display: block;  width: 54px; height: 50px; top: 0; left: 0; background: #3c57b1; opacity: .4;  z-index: 1; }
.subMenu-wraper  .inner-wraper >  a:after {position: absolute; content: ''; display: block; width: 54px; height: 50px; top: 0; left: 0; background: url('../img/common/icon_home.png') no-repeat center center;   text-align: center;   z-index: 10; }
.subMenu-wraper  .inner-wraper  dl {position: relative; float: left; width: 242px;  z-index: 10; }
.subMenu-wraper  .inner-wraper  dl dt  a{display: block; height: 50px; line-height: 50px;  padding: 0 30px; background: url('../img/sub/ico_down.png') no-repeat  204px center;  border-right: 1px solid #b8bac5; color: #fff;  font-size: 14px; }
.subMenu-wraper  .inner-wraper  dl dt  a.close {background: url('../img/sub/ico_up.png') no-repeat  204px center; }
.subMenu-wraper  .inner-wraper  dl dd {display: none; position: absolute; width: 242px;  padding: 20px 30px; background: #fff ; border: 1px solid #b8bac5; border-top: 0 none;   box-sizing: border-box; }
.subMenu-wraper  .inner-wraper  dl dd  li {line-height: 34px ;   font-size: 14px;  letter-spacing: -.5px; }
.subMenu-wraper  .inner-wraper  dl dd  li a {position: relative; color: #696969}
.subMenu-wraper  .inner-wraper  dl dd  li a:hover {color: #3c57b1; }
.subMenu-wraper  .inner-wraper  dl dd  li a:hover:after {content: ''; display: inline-block;  position: absolute; width: 100%; height: 1px; left: 0; bottom: -2px;  background: #3c57b1}
.subMenu-wraper  .inner-wraper  dl:nth-child(3) dd {width: 243px; margin-left: -1px; }

.sub_container {position: relative; min-height: 500px; padding: 50px 0 100px 0px}

/* 검색 폼*/
.search-ui-01  {margin-top: 35px; padding: 30px; background: #f1f1f1; border: 1px solid #e5e5e5;  box-sizing: border-box; }
.search-ui-01 button {margin-left: 5px; vertical-align: top; }
.search-ui-01 .ex {margin-top: 5px; margin-right: 42px; padding-top: 7px; padding-right: 30px; background: url('../img/sub/bg_ex_arrow.png') no-repeat right 0; font-size: 13px; color: #696969;  text-align: right; }
.search-ui-01 .ex.extand {margin-right: 123px; }

.search-ui-02  {margin-top: 35px; padding: 20px 60px 30px 60px; background: #f1f1f1; border: 1px solid #e5e5e5;  box-sizing: border-box; }
.search-ui-02.detail{display: none; }
.search-ui-02 > div {height: 42px; line-height: 42px; margin-top: 10px; }
.search-ui-02 > div  .col.fl { width: 50%;  box-sizing: border-box; }
.search-ui-02 > div  .col.fl:nth-child(odd) {padding-right: 45px; }
.search-ui-02 > div  .col.fl:nth-child(even) {padding-left: 40px; }
.search-ui-02 > div .col > label ,  .search-ui-02 > div  .col > strong {display: block; float: left;  width: 100px; padding-left: 12px; box-sizing: border-box; font-size: 14px; color: #222; font-weight: normal;  letter-spacing: -.3px; }
.search-ui-02 > div .col > label ,  .search-ui-02 > div  .col  .form-outer .guide  {display:block ;   font-size: 14px; color: #696969; }
.search-ui-02 > div .col > label:before , .search-ui-02 > div .col  > strong:before {content: ''; display: block; float: left; width: 2px; height: 2px; margin-left: -12px; margin-top: 20px;   background: #696969; }
.search-ui-02 > div .col > .form-outer ,  .search-ui-02 > div  .col > .form-outer {display: block; float: none; width: auto; margin-left: 100px; }
.search-ui-02 > div .cal-wrap {position: relative; float: left; }
.search-ui-02 > div .cal-wrap input[type=text]{padding-right: 35px; }
.search-ui-02 > div .cal-wrap:after {content: ''; display: block; position: absolute; width: 16px; height: 15px; top: 13px; right: 10px;  background: url('../img/sub/icon_cal.png') no-repeat center center; }
.search-ui-02  .w100p  {width: 100%; }
.search-ui-02  .w80p  {width: 80%; margin-right: 15px; }
.search-ui-02  .w48p  { width: 48%;  }
.search-ui-02  .w141  { width: 141px; }
.search-ui-02  .w120  { width: 120px; margin-right:5px; }
.search-ui-02 > div  .col > .form-outer  > span {display: block; float: left;   font-size: 14px; color: #222}
.search-ui-02 > div  .col > .form-outer  > span.radio-box {margin-left: 20px; margin-top: 11px; }
.search-ui-02 > div  .col > .form-outer  > span.radio-box:nth-child(1) {margin-left: 0px; }
.search-ui-02 > div  .col > .form-outer .dash { margin: 0 7.5px; }
.search-ui-02 .but-area {margin-top: 30px; text-align: right; }
.search-ui-02 > div .col > .form-outer > span.example {font-size: 14px;  color: #696969; }

/* 검색결과 리스트 */
.result-01 , .view-01  {position: relative; margin-top: 40px; }
.result-01 .nums {font-size: 14px; color: #222}
.result-01 .nums strong {color: #3c57b1;  font-family: 'baB', sans-serif; }
.result-01 .nums  + .btn-area-top ,  .result-01 .tle02  + .btn-area-top  {position: absolute; top: -15px; right: 0; }
.result-01 .tle02 span  {margin-left: 5px; font-size: 14px; color: #696969;font-weight: normal; font-family: 'baR'}
.result-01 .tle02 span strong {color: #cc0000 ; font-weight: normal; }



/* paging*/
.paging {height: 36px; margin-top: 50px; text-align: center; }
.paging  .fisrt {display: inline-block; width: 36px; height: 36px; background: #f7f7f7 url('../img/sub/ico_page_first.png') no-repeat center center ; border: 1px solid #e1e1e1; box-sizing: border-box;  text-align: center}
.paging  .prev {display: inline-block; width: 36px; height: 36px; background: #f7f7f7 url('../img/sub/ico_page_prev.png') no-repeat center center ; border: 1px solid #e1e1e1; box-sizing: border-box;  text-align: center}
.paging  .next {display: inline-block; width: 36px; height: 36px; background: #f7f7f7 url('../img/sub/ico_page_next.png') no-repeat center center ; border: 1px solid #e1e1e1; box-sizing: border-box;  text-align: center}
.paging  .last {display: inline-block; width: 36px; height: 36px; background: #f7f7f7 url('../img/sub/ico_page_last.png') no-repeat center center ; border: 1px solid #e1e1e1; box-sizing: border-box;  text-align: center}
.paging .pages a {display: inline-block; width: 36px; height: 36px; line-height: 36px; background: #fff; border: 1px solid #e1e1e1; box-sizing: border-box; vertical-align: top;  font-size: 14px; color: #777777; }
.paging .pages a.selected {background: #3c57b1; border: 1px solid #3c57b1;   color: #fff; }

/*상세보기 */
.contract_Tle {height: 90px; margin-top: 35px; background: #f2f5fe; border: 1px solid #d1daec; }
.contract_Tle  dd {height: 90px;  line-height: 90px;text-align: center; }
.contract_Tle  dd .tag {display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 100%;  text-align: center; font-size: 13px;  }
.contract_Tle  dd strong{display: inline-block; margin-left: 18px; font-family:'baB', sans-serif;  font-size: 18px; color: #222;   }

.contract_Tle2 {height: 90px; margin-top: 35px; background: #f2f5fe; border: 1px solid #d1daec; }
.contract_Tle2  dd {height: 90px; padding: 20px 0 18px; text-align: center; }
.contract_Tle2  dd h4{line-height: 26px; margin: 0; font-family:'baB', sans-serif;  font-size: 26px; color: #222;   }
.contract_Tle2  dd > p {height: 16px; line-height: 16px; margin-top: 10px; }
.contract_Tle2  dd > p > span {display: inline-block;   line-height: 16px;  margin-left: 20px;  font-size: 13px;  color: #696969;  vertical-align: top;  }
.contract_Tle2  dd > p > span:first-child{margin-left: 0; }
.contract_Tle2  dd > p > span .bizTag {display: inline-block; width: 16px ; height: 16px; margin-right: 10px; border-radius: 100%; }
.contract_Tle2  dd > p > span .bizTag  + span {display: inline-block; height: 16px; line-height: 16px; vertical-align: top; }

.contract_Tle3 { margin-top: 35px;  padding: 22px 50px; background: #f2f5fe; border: 1px solid #d1daec; }
.contract_Tle3 dt {float: left; width: 60px; }
.contract_Tle3 dt .tag {display: block; width: 60px; height: 60px; line-height: 60px; border-radius: 100%; font-size: 18px; text-align: center; }
.contract_Tle3 dd{position: relative; float: none; width: auto; margin-left: 110px; }
.contract_Tle3 dd h5 {margin: 0; font-size: 16px; color: #222; font-family: 'baB', sans-serif; }
.contract_Tle3 dd h5:before {content: '' ; display: block; float: left; width: 4px; height: 4px; margin-top: 6px; margin-right: 8px; background: #dee3f6; border: 1px solid #8196d9 ; border-radius: 4px; }
.contract_Tle3 dd ul {margin-top: 6px; }
.contract_Tle3 dd ul li{line-height: 22px; padding-left: 10px; font-size: 14px; color: #222; }
.contract_Tle3 dd ul li:before {content: attr(index); display: block;  float: left; margin-left: -10px; }
.contract_Tle3 dd .btn_area {position: absolute;right: 0px; top: 30px;  }




.view-detail-area {margin-top: 40px; }
.view-detail-area .tle02 {margin-top: 60px }
.view-detail-area .tle02:first-child {margin-top: 0; }
.view-detail-area .map-wraper .btn-area-top {float: right; margin-top: -45px; }
.view-detail-area .map-wraper .map-ui {position: relative; height: 400px; margin-top: 15px; border: 1px solid #c7c7c7;  box-sizing: border-box; overflow: hidden;  }
.view-detail-area .map-wraper .map-ui  .locator {position: absolute; display: block; width: 22px; height: 31px;  background: url('../img/sub/ico_mapLocate.png') no-repeat 0 0; }
 


/* 첨부파일 */
.attach-list   li{margin-top: 6px; font-size: 14px; }
.attach-list   li:first-child{margin-top: 0; }
.attach-list   li a{display: inline-block !important; line-height: 16px; padding-left: 23px; color: #222;  }
.attach-list   li a.han:before {content: ''; display: block; float: left; width: 16px; height: 16px; margin-left: -23px;  background: url('../img/common/ico_flie_han16.png') no-repeat 0 0;}
.attach-list   li a.img:before {content: ''; display: block; float: left; width: 16px; height: 16px; margin-left: -23px;  background: url('../img/common/ico_flie_img16.png') no-repeat 0 0;}

/*사이트맵*/
.sitemap_wraper {margin-top: 50px; }
.sitemap_wraper .link_list >  li {float: left; width: calc(100%/5);  box-sizing: border-box; }
.sitemap_wraper .link_list >  li:first-child{padding-left: 0; }
.sitemap_wraper .link_list >  li:nth-child(3){padding-left: 20px; }
.sitemap_wraper .link_list >  li:nth-child(4){padding-left: 40px; }
.sitemap_wraper .link_list >  li:nth-child(5){padding-left: 80px; }
.sitemap_wraper .link_list >  li dt {width: 108px; font-size: 18px; color: #222; font-family: 'baB', sans-serif;  text-align: center; }
.sitemap_wraper .link_list >  li dt:before {content:'' ; display: block; width: 108px; height: 1px; margin-bottom: 20px;  background: #3c57b1; }
.sitemap_wraper .link_list >  li dt:after {content:'' ; display: block; width: 108px; height: 1px; margin-top: 20px;  background: #3c57b1; }
.sitemap_wraper .link_list >  li dd {width: 108px; }
.sitemap_wraper .link_list >  li dd:before {content: ''; display: block; width: 1px ; height: 18px; margin: 20px auto;  background: #b1b1b1; }
.sitemap_wraper .link_list >  li dd ul:before {content: ''; display: block; width: 14px ; height: 14px; margin: 20px auto 40px;  background: #3c57b1; border-radius: 100%;  }
.sitemap_wraper .link_list >  li dd ul  li{line-height: 36px;  }
.sitemap_wraper .link_list >  li dd ul  li a {position: relative; display: inline-block; font-size: 16px; color: #222; }
.sitemap_wraper .link_list >  li dd ul  li a:hover {color: #3c57b1; } 
.sitemap_wraper .link_list >  li dd ul  li a:hover:after {content: ''; position: absolute; display: block; width: 100%; height: 1px ; bottom:4px;  background: #3c57b1}

/* 레이어 팝업*/
.layer_popup {display: none; position: absolute;  top: 50%; left: 50%; background: #fff; z-index: 900;   }
.layer_popup.mid {width: 550px;  }
.layer_popup.small {width: 350px; }
.layer_popup.large {width: 850px; }

.layer_popup h2 {height: 64px; line-height: 64px; margin: 0; background: #f1f1f1; border-bottom: 1px solid #a1a1a1; text-indent: 30px; font-size: 19px; color: #222; font-family: 'baB', sans-serif; }
.layer_popup .popup-conts {padding: 30px 30px 50px 30px ; }
.layer_popup .popup-conts .search-ui-01 {margin-top: 0; padding: 30px 25px; }
.layer_popup .popup-conts .result-01 {margin-top: 20px; }
.layer_popup .popup-conts .guide {font-size: 14px; color: #696969}
.layer_popup .popup-conts .paging {margin-top: 30px; }
.layer_popup .popup-conts  .policyBox {height: 400px; line-height: 24px; padding: 20px;  font-size: 14px; color: #222; overflow-y: scroll; }
.layer_popup .closPop {position: absolute; display: block; width: 28px; height: 28px; top: 18px; right: 30px;  background: url('../img/common/btn_layer_close.png') no-repeat 0 0;  text-indent: -9999px; }
.layer_popup .popup-conts .sysMesg{line-height: 1.5em; font-size: 14px; color: #696969 ; text-align: center; }
.layer_popup .popup-conts .btn-area {margin-top: 30px; }
.layer_popup .popup-conts .btn-area.brTop {padding-top: 30px; border-top: 1px solid #e7e7e7; }
.layer_popup .popup-conts .list-view-01 .radio-box {margin: 20px 0 0 185px; }




/* 공공구매소개*/
.article-ui-01 {margin-top: 40px; }
.article-ui-01 .about  > dt {height: 38px; line-height: 38px; margin-top: 50px;padding-left:50px;  font-size: 18px; color: #222222;  font-family: 'baB', sans-serif;}
.article-ui-01 .about  > dt:before {content: attr(index) ; display: block; float: left; width: 40px; height: 38px; line-height: 38px; margin-left: -50px; background: url('../img/sub/bulletNo.png') no-repeat 0 0;  text-align: center; font-size: 16px;   font-family: 'baB', sans-serif;color: #fff; }
.article-ui-01 .about  > dt:first-child {margin-top: 0; }
.article-ui-01 .about  > dd {position: relative; margin-top: 30px; }
.article-ui-01 .about  > dd .list-ui-01 {margin-left: 20px; }
.article-ui-01 .about  > dd .list-ui-01  li{line-height: 22px; margin-top: 6px; padding-left: 16px; font-size: 15px; color: #222; }
.article-ui-01 .about  > dd .list-ui-01  li:first-child{margin-top: 0; }
.article-ui-01 .about  > dd .list-ui-01  li:before {content: ''; display: block; float: left; width: 5px; height: 5px; margin-left: -16px; margin-top: 8px; background: #3c57b1; border-radius: 5px;  }
.article-ui-01 .about  > dd:nth-child(2) .thumb {position: absolute; display: block; top: -55px; right: 0; }
.article-ui-01 .about  > dd:nth-child(2) .list-ui-01 {width: 60%; } 
.article-ui-01 .about .info-graphic01 dl {position: relative; margin-top: 40px; }
.article-ui-01 .about .info-graphic01 dl dt {position: absolute;  width: 110px; height: 110px; left: 0;  border-radius: 100%; box-sizing: border-box;text-align: center; font-size: 18px; color: #fff;   }
.article-ui-01 .about .info-graphic01 dl dt:after {content: '' ; position: absolute; display: block; width: 10px; height: 10px; top: 53px; right:-25px; background: #98abea; border-radius: 100%; }
.article-ui-01 .about .info-graphic01 dl:nth-child(1) dt  { line-height: 24px; top: 160px; padding: 31px 0 ; background: #98abea;}
.article-ui-01 .about .info-graphic01 dl:nth-child(2) dt  {line-height: 110px;  top: 73px; background: #99d5d6;}
.article-ui-01 .about .info-graphic01 dl  dd {position: relative; margin-left: 215px; }
.article-ui-01 .about .info-graphic01 dl:nth-child(1)  dd:before {content: ''; position: absolute; display: block; width: 1px; height: 353px; top: 41px; left: -40px;  background: #98abea}
.article-ui-01 .about .info-graphic01 dl:nth-child(2)  dd:before {content: ''; position: absolute; display: block; width: 1px; height: 177px; top: 41px; left: -40px;  background: #98abea}
.article-ui-01 .about .info-graphic01 dl  dd p{position: relative; height: 80px; margin-top: 8px;  margin-left: 15px; padding: 5px 0 0 5px; box-sizing: border-box; }
.article-ui-01 .about .info-graphic01 dl  dd p:before {content: ''; display: block; float: left; width: 10px; height: 10px; margin-left: -25px;  margin-top: 32px; background: #98abea; border-radius: 100%; }
.article-ui-01 .about .info-graphic01 dl  dd p:after {content: ''; display: block; position: absolute; width: 25px; height: 1px; top: 41px; left: -55px; background: #98abea; }
.article-ui-01 .about .info-graphic01 dl:nth-child(1)  dd p:nth-child(3):after  ,  .article-ui-01 .about .info-graphic01 dl:nth-child(2)  dd p:nth-child(2):after {width: 50px; left: -80px; }
.article-ui-01 .about .info-graphic01 dl  dd p strong {position: relative; display: block; float: left; width: 70px; height: 70px;  line-height: 70px; border-radius: 100%;  text-align: center;  box-sizing: border-box; font-size: 13px; color: #fff; letter-spacing: -.5px; font-weight: normal; }
.article-ui-01 .about .info-graphic01 dl:nth-child(1)  dd p:nth-child(1) strong {line-height: 18px; background: #77c762; padding: 17px 0; }
.article-ui-01 .about .info-graphic01 dl:nth-child(1)  dd p:nth-child(2) strong {background: #74bad4;}
.article-ui-01 .about .info-graphic01 dl:nth-child(1)  dd p:nth-child(3) strong {background: #c9bd3c;}
.article-ui-01 .about .info-graphic01 dl:nth-child(1)  dd p:nth-child(4) strong {background: #71b7ff;}
.article-ui-01 .about .info-graphic01 dl:nth-child(1)  dd p:nth-child(5) strong {background: #766dd2;}
.article-ui-01 .about .info-graphic01 dl:nth-child(2)  dd p:nth-child(1) strong {background: #abc73b;}
.article-ui-01 .about .info-graphic01 dl:nth-child(2)  dd p:nth-child(2) strong {background: #3c57b1;}
.article-ui-01 .about .info-graphic01 dl:nth-child(2)  dd p:nth-child(3) strong {background: #3c57b1;}
.article-ui-01 .about .info-graphic01 dl  dd p strong:before {content: ''; position: absolute;  display: block; width: 80px; height: 80px; top:-5px; left: -5px; border: 1px solid #c9c9c9; box-sizing: border-box;  border-radius: 100%; }
.article-ui-01 .about .info-graphic01 dl  dd p span {float: none; width: auto ; line-height: 70px;  margin-left: 40px; font-size: 14px; color: #222; }
.article-ui-01 .about  .graph01 {position: relative; }
.article-ui-01 .about  .graph01 ul {position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; left: -9999px; }
.article-ui-01 .about  .graph01 img {margin-top: 30px; }
.article-ui-01 .about  .biz-list-box  {margin-top: 30px; }
.article-ui-01 .about  .biz-list-box  li {float: left; width: 334px; height: 308px;  margin-left: 11px;  margin-top: 11px; border: 1px solid #c7c7c7; box-sizing: border-box; }
.article-ui-01 .about  .biz-list-box  li:nth-child(3n+1) {margin-left: 0; }
.article-ui-01 .about  .biz-list-box  li h4 {height: 98px; line-height: 98px; margin: 0;   text-align: center; }
.article-ui-01 .about  .biz-list-box  li h4  img {vertical-align: middle; }
.article-ui-01 .about  .biz-list-box  li  > div {position: relative; height: 207px; padding: 25px 0; background: #f7f7f7; box-sizing: border-box; text-align: center}
.article-ui-01 .about  .biz-list-box  li  > div h5 {margin: 0; font-size: 18px; color: #222222; font-family: 'baB' , sans-serif; }
.article-ui-01 .about  .biz-list-box  li  > div p:nth-child(2) {font-size: 14px; color: #3c57b1; }
.article-ui-01 .about  .biz-list-box  li  > div p:nth-child(3) {line-height: 22px; margin-top: 15px; font-size: 14px; color: #696969; }
.article-ui-01 .about  .biz-list-box  li  > div  a {position: absolute; display: block ;width: 135px; height: 35px; line-height: 35px; bottom: 25px; left: 50%; margin-left: -62.5px; background: #fff; border: 1px solid #cfcfcf; box-sizing: border-box; font-size: 14px; color: #000000; }

.view-tbl-01 .contract_List {height: 201px; padding: 0 10px 0 0; overflow-y: scroll; }
.view-tbl-01 .contract_List li {line-height: 49px; border-bottom: 1px solid #e2e2e2;  box-sizing: border-box; }
.view-tbl-01 .contract_List li:first-child{border-top: 1px solid #e2e2e2; }


 /* 희망기업지도*/
.map-ui-wraper  {position: relative; margin-top: 35px; }
.map-ui-wraper .ctrl-ui {float:left; width: 173px; height: 700px; background: #f7f7f7;  border: 1px solid#c7c7c7; box-sizing: border-box; }
.map-ui-wraper .ctrl-ui  .top , .map-ui-wraper .ctrl-ui  dl {padding: 20px; border-bottom: 1px solid #c7c7c7; }
.map-ui-wraper .ctrl-ui  .top  label , .map-ui-wraper .ctrl-ui  dl dt  {display: block; margin-bottom: 15px; font-size: 15px; color: #222; font-family: 'baB', sans-serif; }
.map-ui-wraper .ctrl-ui  .top  select {width: 100%; }
.map-ui-wraper .ctrl-ui  dl  dd ul li {line-height: 20px; margin-top: 10px; }
.map-ui-wraper .ctrl-ui  dl  dd ul li:first-child{margin-top: 0; }
.map-ui-wraper .ctrl-ui  .sort-biz  li .biz-icon.type01 {display: block;  background: url('../img/sub/iconMap-biz-type01.png') no-repeat 30px center; }
.map-ui-wraper .ctrl-ui  .sort-biz  li .biz-icon.type02 {display: block;  background: url('../img/sub/iconMap-biz-type02.png') no-repeat 30px center; }
.map-ui-wraper .ctrl-ui  .sort-biz  li .biz-icon.type03 {display: block;  background: url('../img/sub/iconMap-biz-type03.png') no-repeat 30px center; }
.map-ui-wraper .ctrl-ui  .sort-biz  li .biz-icon.type04 {display: block;  background: url('../img/sub/iconMap-biz-type04.png') no-repeat 30px center; }
.map-ui-wraper .ctrl-ui  .sort-biz  li .biz-icon.type05 {display: block;  background: url('../img/sub/iconMap-biz-type05.png') no-repeat 30px center; }
.map-ui-wraper .ctrl-ui  .sort-biz  li .biz-icon.type06 {display: block;  background: url('../img/sub/iconMap-biz-type06.png') no-repeat 30px center; }
.map-ui-wraper .ctrl-ui  .sort-biz  li .biz-icon.type07 {display: block;  background: url('../img/sub/iconMap-biz-type07.png') no-repeat 30px center; }
.map-ui-wraper .ctrl-ui  .sort-biz  li .biz-icon.type08{display: block;  background: url('../img/sub/iconMap-biz-type08.png') no-repeat 30px center; }
.map-ui-wraper .ctrl-ui  .sort-biz  input[type=checkbox].custom01:not(old) + label {padding-left: 47px; }

.map-ui-wraper .map-ui-02 {position: relative; float: right ; width: 851px;  height: 700px; border: 1px solid #c7c7c7; border-left: 0 none; box-sizing: border-box; overflow: hidden; }
.map-ui-wraper .map-ui-02 .infoBox-biz {position: absolute;  width: 470px; height: 332px;   background: #fff; border: 1px solid #c7c7c7; box-shadow: 3px 3px 0 rgba(0, 0, 0, .3);z-index: 100 }
.map-ui-wraper .map-ui-02 .mesgBox{position: absolute;  padding: 10px;  background: #fff; border: 1px solid #c7c7c7; box-shadow: 3px 3px 0 rgba(0, 0, 0, .3);   font-size: 13px; color: #222;  z-index: 100}
.map-ui-wraper .map-ui-02 .infoBox-biz dt {height: 58px; line-height: 58px; padding: 0 25px 0 55px;   background: #fff;  font-size: 19px; color: #222; font-family: 'baB', sans-serif; letter-spacing: -.5px; }
.map-ui-wraper .map-ui-02 .infoBox-biz dt.type01.biz-icon:before { content: '' ; display: block; float: left; width: 22px; height: 31px; float: left; margin-left: -30px;  margin-top: 14px; background: url('../img/sub/iconMap-biz22-type01.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .infoBox-biz dt.type02.biz-icon:before { content: '' ; display: block; float: left; width: 22px; height: 31px; float: left; margin-left: -30px;  margin-top: 14px; background: url('../img/sub/iconMap-biz22-type02.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .infoBox-biz dt.type03.biz-icon:before { content: '' ; display: block; float: left; width: 22px; height: 31px; float: left; margin-left: -30px;  margin-top: 14px; background: url('../img/sub/iconMap-biz22-type03.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .infoBox-biz dt.type04.biz-icon:before { content: '' ; display: block; float: left; width: 22px; height: 31px; float: left; margin-left: -30px;  margin-top: 14px; background: url('../img/sub/iconMap-biz22-type04.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .infoBox-biz dt.type05.biz-icon:before { content: '' ; display: block; float: left; width: 22px; height: 31px; float: left; margin-left: -30px;  margin-top: 14px; background: url('../img/sub/iconMap-biz22-type05.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .infoBox-biz dt.type06.biz-icon:before { content: '' ; display: block; float: left; width: 22px; height: 31px; float: left; margin-left: -30px;  margin-top: 14px; background: url('../img/sub/iconMap-biz22-type06.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .infoBox-biz dt.type07.biz-icon:before { content: '' ; display: block; float: left; width: 22px; height: 31px; float: left; margin-left: -30px;  margin-top: 14px; background: url('../img/sub/iconMap-biz22-type07.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .infoBox-biz dt.type08.biz-icon:before { content: '' ; display: block; float: left; width: 22px; height: 31px; float: left; margin-left: -30px;  margin-top: 14px; background: url('../img/sub/iconMap-biz22-type08.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p{height: 32px; line-height: 32px; padding: 0 25px; background: #f2f5fe;  font-size: 13px ; color: #222; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .biz-icon {position: relative; display: block; float: left;   padding-left:22px; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .biz-icon.type01:before {content: ''; display: block; float: left; width: 12px; height: 12px; margin-top: 10px; margin-left: -22px; background: #77c762; border-radius: 100%; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .biz-icon.type02:before {content: ''; display: block; float: left; width: 12px; height: 12px; margin-top: 10px; margin-left: -22px; background: #74bad4; border-radius: 100%; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .biz-icon.type03:before {content: ''; display: block; float: left; width: 12px; height: 12px; margin-top: 10px; margin-left: -22px; background: #766dd2; border-radius: 100%; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .biz-icon.type04:before {content: ''; display: block; float: left; width: 12px; height: 12px; margin-top: 10px; margin-left: -22px; background: #eec3d5; border-radius: 100%; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .biz-icon.type05:before {content: ''; display: block; float: left; width: 12px; height: 12px; margin-top: 10px; margin-left: -22px; background: #c9bd3c; border-radius: 100%; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .biz-icon.type06:before {content: ''; display: block; float: left; width: 12px; height: 12px; margin-top: 10px; margin-left: -22px; background: #abc73b; border-radius: 100%; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .biz-icon.type07:before {content: ''; display: block; float: left; width: 12px; height: 12px; margin-top: 10px; margin-left: -22px; background: #3c57b1; border-radius: 100%; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .biz-icon.type08:before {content: ''; display: block; float: left; width: 12px; height: 12px; margin-top: 10px; margin-left: -22px; background: #71b7ff; border-radius: 100%; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .nums:before {content: ''; display: block; float: left; width: 1px ; height: 14px; margin: 9px  20px ;  background: #bfcad9; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .nums strong {display: block; float: left; padding-left: 18px; font-weight: normal; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .nums strong:before {content:''; display: block; float:left; width: 10px; height: 11px;  margin: 11px 0 0 -18px;  background:url('../img/sub/ico_nums-cont.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd p .nums span {display: block; float: left; margin-left: 8px; color: #cc0000 ; font-family: 'baB', sans-serif; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd ul  {padding: 15px 30px; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd ul li {padding: 15px 0;  border-top: 1px solid #e7e7e7 ; }
.map-ui-wraper .map-ui-02 .infoBox-biz dd ul li:first-child{padding-top: 0;  border-top: 0 none; }
.map-ui-wraper .map-ui-02 .close {position: absolute; display: block; width: 17px; height: 17px; top: 15px; right: 10px; background: url('../img/sub/btn_close.png') no-repeat 0 0; text-indent: -9999px; }

.map-ui-wraper .map-ui-02 .mesgNums{position: absolute;  width: 200px; padding: 10px 20px 10px 15px ;  background: #fff; border: 1px solid #c7c7c7; box-shadow: 3px 3px 0 rgba(0, 0, 0, .3);   box-sizing: border-box;  font-size: 13px; color: #222;  z-index: 100}
.map-ui-wraper .map-ui-02 .mesgNums ul {margin-right: 25px; }
.map-ui-wraper .map-ui-02 .mesgNums ul li {height: 17px; line-height: 17px; margin-top: 5px; }
.map-ui-wraper .map-ui-02 .mesgNums ul li a{position: relative; display: inline-block; font-size: 13px; color: #222; }
.map-ui-wraper .map-ui-02 .mesgNums ul li a:hover {color: #3c57b1}
.map-ui-wraper .map-ui-02 .mesgNums ul li a:hover:after {content: ''; position: absolute; display: block; width: 100%; height: 1px ; bottom: -2px;  background: #3c57b1}
.map-ui-wraper .map-ui-02 .mesgNums ul li .biz-icon{display: inline-block; padding-left: 20px; box-sizing: border-box; }
.map-ui-wraper .map-ui-02 .mesgNums ul li .biz-icon.type01:before{content: ''; display: block; float: left; width: 12px; height: 17px; margin-left: -20px;  background: url('../img/sub/iconMap-biz-type01.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .mesgNums ul li .biz-icon.type02:before{content: ''; display: block; float: left; width: 12px; height: 17px; margin-left: -20px;  background: url('../img/sub/iconMap-biz-type02.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .mesgNums ul li .biz-icon.type03:before{content: ''; display: block; float: left; width: 12px; height: 17px; margin-left: -20px;  background: url('../img/sub/iconMap-biz-type03.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .mesgNums ul li .biz-icon.type04:before{content: ''; display: block; float: left; width: 12px; height: 17px; margin-left: -20px;  background: url('../img/sub/iconMap-biz-type04.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .mesgNums ul li .biz-icon.type05:before{content: ''; display: block; float: left; width: 12px; height: 17px; margin-left: -20px;  background: url('../img/sub/iconMap-biz-type05.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .mesgNums ul li .biz-icon.type06:before{content: ''; display: block; float: left; width: 12px; height: 17px; margin-left: -20px;  background: url('../img/sub/iconMap-biz-type06.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .mesgNums ul li .biz-icon.type07:before{content: ''; display: block; float: left; width: 12px; height: 17px; margin-left: -20px;  background: url('../img/sub/iconMap-biz-type07.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .mesgNums ul li .biz-icon.type08:before{content: ''; display: block; float: left; width: 12px; height: 17px; margin-left: -20px;  background: url('../img/sub/iconMap-biz-type08.png') no-repeat 0 0; }

.map-ui-wraper .map-ui-02 .locator {position: absolute; width: 100% ; height: 100%; top: 0; left: 0;  z-index: 60; }
.map-ui-wraper .map-ui-02 .locator .biz-icon {position: absolute; display: block; width: 12px; height: 17px;  text-indent: -9999px; }
.map-ui-wraper .map-ui-02 .locator .biz-icon.type01 {background: url('../img/sub/iconMap-biz-type01.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .locator .biz-icon.type02 {background: url('../img/sub/iconMap-biz-type02.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .locator .biz-icon.type03 {background: url('../img/sub/iconMap-biz-type03.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .locator .biz-icon.type04 {background: url('../img/sub/iconMap-biz-type04.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .locator .biz-icon.type05 {background: url('../img/sub/iconMap-biz-type05.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .locator .biz-icon.type06 {background: url('../img/sub/iconMap-biz-type06.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .locator .biz-icon.type07 {background: url('../img/sub/iconMap-biz-type07.png') no-repeat 0 0; }
.map-ui-wraper .map-ui-02 .locator .biz-icon.type08 {background: url('../img/sub/iconMap-biz-type08.png') no-repeat 0 0; }

/*   사업자확인 스텝 */
.step-varify  {margin-top: 35px; }
.step-varify ol { height: 50px;  overflow: hidden }
.step-varify ol li {position: relative; float: left; width: calc(100%/ 4) ;  height: 50px;  /*background: #fff; border: 1px solid #c7c7c7;  box-sizing: border-box; */ }
.step-varify ol li:nth-child(1) {z-index: 10}
.step-varify ol li:nth-child(2) {z-index: 9}
.step-varify ol li:nth-child(3) {z-index: 8}
.step-varify ol li:nth-child(4) {z-index: 7}
.step-varify ol li:before {content: ''; position: absolute; display: block; width: 100%; height: 50px; top: 0; left: 0; background: #fff; border: 1px solid #c7c7c7; border-right: 0 none; box-sizing: border-box; z-index: 1}
.step-varify ol li:last-child:before{border-right: 1px solid #c7c7c7; }
.step-varify ol li.on:before  {border-color: #3c57b1}
.step-varify ol li:after {content: ''; position: absolute; display: block; width: 50px; height: 50px; top: 0; right: -15px; background: #fff; border-right: 1px solid #c7c7c7;  border-top: 1px solid #c7c7c7; transform: rotate(45deg); z-index: 0}
.step-varify ol li.half:after {border-right: 1px solid #3c57b1;  border-top: 1px solid #3c57b1; }

.step-varify ol li.on:after {border-color: #3c57b1}
.step-varify ol li:last-child:after {display: none; }
.step-varify ol li a{position: relative; display: block; width: 100%; height: 50px;   line-height: 50px; top: 0; left: 0; background: url('../img/sub/ico_check_off.png') no-repeat 40px center; text-align: center;  font-size: 14px; color: #696969; z-index: 2}
.step-varify ol li.on a{background-image: url('../img/sub/ico_check_on.png')}
.step-varify ol li:nth-child(1) a {background-position: 62px; text-indent:24px; }
.step-varify ol li:nth-child(2) a {background-position: 85px; text-indent: 30px; }
.step-varify ol li:nth-child(3) a {background-position: 62px;  text-indent: 30px; }
.step-varify ol li:nth-child(4) a {background-position: 75px;  text-indent: 30px; }
.varify-wraper {margin-top:30px;  }
.varify-wraper .guide-text  {line-height: 24px; margin-left: 50px;  padding-left: 50px; color: #696969; font-size: 14px; }
.varify-wraper .guide-text:before {content: ''; display: block; float: left; width: 32px; height: 33px; margin-left: -50px; background: url('../img/sub/bullet_guide.png') no-repeat 0 0;}
.varify-wraper .varify-info-box {margin-top: 20px; padding: 30px 0 30px 279px; background: #f7f7f7; border: 1px solid #c7c7c7; }
.varify-wraper .varify-info-box .biz-id-info button {margin-left: 10px; }
.varify-wraper .varify-info-box .biz-id-info span {display: inline-block; width: 25px; line-height: 42px; text-align: center; }
.varify-wraper .varify-info-box .agreement {width: 495px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #c7c7c7; }
.varify-wraper .varify-info-box .agreement p   {position: relative;  }
.varify-wraper .varify-info-box .agreement p:first-child{margin-bottom: 30px; }
.varify-wraper .varify-info-box .agreement p span:first-child  {display: block;  margin-bottom: 8px; font-size: 14px; color: #222; font-family: 'baB', sans-serif; }
.varify-wraper .varify-info-box .agreement .btn28 {position: absolute; top: -5px; }
.varify-wraper .varify-info-box .agreement p:first-child .btn28  {left: 235px; }
.varify-wraper .varify-info-box .agreement p:nth-child(2) .btn28  {left: 324px; }
.attention {margin-top: 30px; padding: 20px 40px; border: 1px solid #c7c7c7; }
.attention dt {height: 17px; line-height: 17px; background: url('../img/sub/ico_attention.png') no-repeat 0 0; font-size: 15px; color: #222; font-family: 'baB', sans-serif;  text-indent:  30px; }
.attention dd  {margin-top: 12px; }
.attention dd  li {line-height: 28px; padding-left: 15px;  margin-top: 2px; font-size: 14px; color: #696969; }
.attention dd  li:before {content: ''; display: block; float: left; width: 2px; height: 2px; margin-left: -15px; margin-top: 13px; background: #696969;  }
.attention dd  li  button {margin-left: 10px; }

/* 사업자확인 로그인 후*/
.info-biz-wraper {position: relative; margin-top: 35px; padding: 25px 40px 25px 160px; ; background: #f2f5fe url('../img/sub/icon_infoBiz.png') no-repeat 40px center;  ;border: 1px solid #d1daec; box-sizing: border-box; } 
.info-biz-wraper dl {width: 660px; }
.info-biz-wraper dl dt {font-size: 18px; color: #222222; font-family:'baB', sans-serif;  }
.info-biz-wraper dl  dd {margin-top: 10px; }
.info-biz-wraper dl  dd > p {font-size: 14px; color: #222; }
.info-biz-wraper dl  dd div {margin-top: 15px; padding-top: 15px; border-top: 1px dashed #c0c6da; }
.info-biz-wraper dl  dd div p {float: left; width: 50%; }
.info-biz-wraper dl  dd div p strong {display: block; float: left; padding-left: 12px; font-family: 'baB', sans-serif; }
.info-biz-wraper dl  dd div p strong:before {content: ''; display:block; float: left; width: 2px; height: 2px; margin-left: -12px; margin-top: 7px; background: #696969; }
.info-biz-wraper dl  dd div p span {display: block; float: left; margin-left: 25px; }
.info-biz-wraper .btn-area {position: absolute; width: 120px; right: 40px; top:25px; }
.info-biz-wraper .btn-area button {width: 120px}
.info-biz-wraper .btn-area button:first-child{margin-bottom: 10px; }

.biz-utils {margin-top: 40px; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; }
.biz-utils ul {margin: 5px 0; }
.biz-utils  li { float: left; width: calc(100%/3);  border-left: 1px dashed #c0c6da ; box-sizing: border-box; }
.biz-utils  li:first-child{border-left: 0 none; }
.biz-utils  li .top {position: relative; padding: 20px 0 ;}
.biz-utils  li:nth-child(1) .top:before{content: ''; display: block; position: absolute; width: 341px; height: 127px; top: 20px; left: 92px; background: url('../img/sub/bg_stepArrow01.png') no-repeat 0 0; z-index: -1}
 .biz-utils  li:nth-child(2) .top:before{content: ''; display: block; position: absolute; width: 341px; height: 127px; top: 20px; left: 102px; background: url('../img/sub/bg_stepArrow01.png') no-repeat 0 0;  z-index: -1}
.biz-utils  li:nth-child(3) .top:before {content: ''; display: block; position: absolute; width: 128px; height: 127px; top: 20px; left: 117px; background: url('../img/sub/bg_stepArrow02.png') no-repeat 0 0;  z-index: -1}
.biz-utils  li .top i {display: block; width: 128px;  line-height: 128px;   text-align: center;  }
.biz-utils  li:nth-child(1) .top i {display: block; margin-left: 92px}
.biz-utils  li:nth-child(2) .top i {display: block; margin-left: 102px}
.biz-utils  li:nth-child(3) .top i {display: block; margin-left: 117px}
.biz-utils  li .top i img {vertical-align: middle; }
.biz-utils  li .top i:after {content: ''; display: block; width: 1px ; height: 15px; margin: 8px auto;  background: #c7c7c7;  }
.biz-utils  li .top span { display: block; width: 15px; height: 15px; border: 3px solid #6a80c9;  border-radius: 100%;  box-sizing: border-box; }
.biz-utils  li:nth-child(1) .top span{margin: 0 0 0 148px;  }
.biz-utils  li:nth-child(2) .top span{margin: 0 0 0 158px;  }
.biz-utils  li:nth-child(3) .top span{margin: 0 0 0 173px;  }
.biz-utils  li .top button {display: block ;width: 94px; height: 40px; background: #fff ;border: 2px solid #3c57b1; font-size: 18px; color: #333; font-family: 'baB' , sans-serif;  }
.biz-utils  li:nth-child(1) .top button{margin: 10px  0 0 110px;  }
.biz-utils  li:nth-child(2) .top button{margin: 10px 0 0 118px;  }
.biz-utils  li:nth-child(3) .top button{margin: 10px 0 0 135px;  }
.biz-utils  li .bottom {margin-top: 10px; padding: 55px 20px 25px 20px ; background: url('../img/sub/bullet_guide.png') no-repeat 20px 25px; border-top: 1px solid #c7c7c7}
.biz-utils  li .bottom p {line-height: 22px; margin-top: 30px; font-size: 14px; color: #222; }
.biz-utils  li .bottom p:first-child{margin-top: 10px; }
.biz-utils  li .bottom p strong {font-weight: normal; color: #3c57b1}
.biz-utils  li .bottom button {display: block; width:130px; height: 30px; margin-top: 6px;   background: #fff url('../img/sub/btn_arrow.png') no-repeat  112px center;  border: 1px solid #cfcfcf;  font-size: 13px; color: #222; text-align: left; letter-spacing: -1px; text-indent: 6px;  }
.biz-utils .q {line-height: 30px; padding: 15px 20px; border-top: 1px solid #e7e7e7; background: url('../img/sub/ico_q.png') no-repeat 20px center; font-size: 14px; color: #222 ; text-indent: 32px; }
.biz-utils  .q button{display: inline-block; width:130px; height: 30px; margin-left: 6px;   background: #fff url('../img/sub/btn_arrow.png') no-repeat  112px center;  border: 1px solid #cfcfcf;  font-size: 13px; color: #222; text-align: left; letter-spacing: -1px; text-indent: 6px;  }

.user-lognin {position: absolute; width:1024px; height: 28px; left: 50%; margin-top: 10px; margin-left: -512px;   z-index: 100}
.user-lognin  p {float: right;line-height: 28px;  background: url('../img/sub/btn_logout.png') no-repeat 0 center;  font-size: 14px; color: #222;  text-indent:35px; }
.user-lognin  p.on {background: url('../img/sub/ico_bulletBlue.png') no-repeat 0 center;  text-indent: 15px; }
.user-lognin  p button { margin-left: 10px; text-align: center;  vertical-align: middle;  text-indent: 0; }

/* 사용자 가이드 */
.user-guide-menu {position: relative;  margin-top: 35px; padding: 15px 35px 20px ; background: #fff; border: 1px solid #d1daec; box-sizing: border-box; z-index: 100; }
.user-guide-menu  .top {line-height: 24px; padding-left:  55px; padding-bottom: 20px; background: url('../img/sub/bullet_guide.png') no-repeat 0 5px; border-bottom: 1px dashed #d1daec; font-size: 14px; color: #222; }
.user-guide-menu .bottom {margin-top: 20px; }
.user-guide-menu .bottom ol li {float: left; width: calc(100%/3);  height: 20px; line-height: 20px;  margin-top: 8px;  padding-left: 28px;  box-sizing: border-box; }
.user-guide-menu .bottom ol li:before {content: attr(index) ; display: block; float: left; width: 20px; height: 20px; line-height: 23px; margin-left: -28px; background: #696969; border-radius: 100%; text-align: center; font-size: 13px; color: #fff; } 
.user-guide-menu .bottom ol li a {display:block;  float: left; width: auto; font-size: 14px; color: #222;  letter-spacing: -.5px; }
.user-guide-menu .bottom ol li a:after {content: ''; display: inline-block;  width: 4px ; height: 7px; margin-left: 10px; background: url('../img/sub/ico_linkArrow.png') no-repeat 0 0;}
.user-guide-menu .bottom ol li a:hover , .user-guide-menu .bottom ol li a.on {color: #3c57b1;   }

.user-guide-cont dl {position: static; padding-top: 60px;}
.user-guide-cont dl.on {position: fixed; width: 1024px;  left: 50%; margin-left: -512px; top: 350px; z-index: 10; }
.user-guide-cont dl dt {height: 38px; line-height: 38px;  padding-bottom: 10px; border-bottom: 1px solid #c7c7c7; font-size: 18px; font-family:'baB' , sans-serif;  }
.user-guide-cont dl dt a {display: block; float: none; width:auto; height: 38px; line-height: 38px; margin-left: 50px; background: url('../img/sub/slideCtrl_down.png') no-repeat  right center; color: #222; }
.user-guide-cont dl dt a.close {background: url('../img/sub/slideCtrl_up.png') no-repeat right center; }
.user-guide-cont dl dt span {display: block; float: left; width: 40px; height: 38px;   background: url('../img/sub/bulletNo.png') no-repeat 0 0; text-align: center; color: #fff; }
.user-guide-cont dl dd  {display: none; padding: 30px 10px;  }
.user-guide-cont dl dd   > p {line-height: 22px; margin-top: 30px; padding-left: 20px; font-size: 16px; color: #222;  letter-spacing: -.5px; }
.user-guide-cont dl dd   > p:first-child{margin-top: 0; }
.user-guide-cont dl dd    strong {font-family: 'baB', sans-serif; }
.user-guide-cont dl dd    strong.blue {color: #3c57b1}
.user-guide-cont dl dd   > p:before {content: ''; display: block;  float: left; width: 10px; height: 10px; margin-left: -20px;margin-top: 6px; background: #3c57b1; border-radius: 100%; }
.user-guide-cont dl dd ol {margin-top: 30px; }
.user-guide-cont dl dd ol > li {margin-top: 10px; }
.user-guide-cont dl dd ol > li  p{float: none; width: auto; line-height: 25px; padding-left: 35px; font-size: 14px; color: #222; }
.user-guide-cont dl dd ol > li:before {content: attr(index) ;  display: block; float: left;  width: 25px; height: 25px; line-height: 25px;  background: #696969; border-radius: 100%; color: #fff; text-align: center; }
.user-guide-cont dl dd  .imgBox {display: block; margin-top: 20px; }
.user-guide-cont .list-tbl-01 tbody td {padding-left: 60px; border-left: 1px solid #e2e2e2; }
.user-guide-cont .list-tbl-01 tbody td:first-child{border-left: 0 none; }