@charset "utf-8";

/* 표준리스트 */
.ksdi-standard-box-wrap { overflow:hidden; width:780px; margin:20px auto; }
.ksdi-standard-box-wrap .ks-box1 { width:377px; float:left;  }
.ksdi-standard-box-wrap .ks-box2 { width:377px; float:right;  }
.ksdi-standard-box-wrap h5 { width:100%; height:45px; box-sizing:border-box; text-align:center; margin:0 !important; }
.ksdi-standard-box-wrap span { color:#fff; display:block; padding-top:8px;  }
.ksdi-standard-box-wrap ul { background-color:#f8f8f8; border:1px solid #e0e0e0; margin:0 !important; overflow:hidden;  padding:15px; }
.ksdi-standard-box-wrap ul li { background:none !important; padding:0; float:left;  text-align:center; width:140px; border-left:1px dashed #ccc; }
.ksdi-standard-box-wrap ul li:first-child { border-left:0; }
.ksdi-standard-box-wrap ul li a {  text-align:center;  width:70px; display:block; margin:0 auto; cursor:pointer; color:#333; font:15px "NanumBold"; line-height:40px; }
.ksdi-standard-box-wrap ul li img { display:block; }
.ksdi-standard-box-wrap .ks-box1 h5 { background:#325590 url('../../images/common/title/title-blue-pattern.gif') right no-repeat; }
.ksdi-standard-box-wrap .ks-box2 h5 { background:#379032 url('../../images/common/title/title-green-pattern.gif') right no-repeat; }

.cont_table th .th-one-txt { width:14px; line-height:22px; margin:0 auto; font-family:"NanumBold"; color:#333; }

/* 부동산브로커 */
.dev-icon-list span {  display:inline-block; padding-right:10px; color:#666; font-size:12px;   }
.dev-icon-list span span, .brokerSts{font-size: 11px; font-family: 'Nanum','돋움',dotum, sans-serif; padding: 1px; color: white; vertical-align:middle;}
/* .dev-icon-list span img { vertical-align:middle; } */
.brokerSts.type1 {background-color: #218bdf; color: white; }
.brokerSts.type2 {background-color: #fa0237; color: white; }
.brokerSts.type3 {background-color: #008a00; color: white; }

/* 공간정보 분류체계 */
.scheme-box-wrap div { overflow:hidden; }
.scheme-box-wrap { position:relative; width:930px; margin:0 auto; overflow:hidden; }
.scheme-box.sch-box02 { position:absolute; left:200px; top:850px;}
.scheme-box.sch-box03 { margin-top:220px;  height: 1710px}
.scheme-box.sch-box04 { position:absolute; left:200px; top:1801px;  }
.scheme-box.sch-box05 { position:absolute; left:621px; top:1801px;  }
.scheme-box .scheme { width:200px;  float:left; margin-left:10px; }
.scheme-box .scheme.sch01 {margin-left:0; background:url('../../images/search/cont0203-line01-01.png') no-repeat 0 0; }
.scheme-box .scheme.sch02 { background:url('../../images/search/cont0203-line01-01.png') no-repeat 0 0; }
.scheme-box .scheme.sch03 { background:url('../../images/search/cont0203-line01-01.png') no-repeat 0 0; }
.scheme-box .scheme.sch04 { background:url('../../images/search/cont0203-line01-01.png') no-repeat 0 0; }
.scheme-box .scheme.sch05 { background:url('../../images/search/cont0203-line05.png') no-repeat 0 0; }
.scheme-box .scheme.sch06 { background:url('../../images/search/cont0203-line06.png') no-repeat 0 0; }
.scheme-box .scheme.sch07 { background:url('../../images/search/cont0203-line07.png') no-repeat 0 0; }
.scheme-box .scheme.sch08 { margin-left:0;background:url('../../images/search/cont0203-line08.png') no-repeat 0 0;   }
.scheme-box .scheme.sch09 { background:url('../../images/search/cont0203-line09.png') no-repeat 0 0; }
.scheme-box .scheme.sch10 { background:url('../../images/search/cont0203-line10.png') no-repeat 0 0; }
.scheme-box .scheme.sch11 { background:url('../../images/search/cont0203-line11.png') no-repeat 0 0; }
.scheme-box .scheme.sch12 { background:url('../../images/search/cont0203-line12.png') no-repeat 0 0; }
/* .scheme-box .scheme.sch13 { background:url('../../images/search/cont0203-line13.png') no-repeat 0 0; } */
.scheme-box .scheme.sch13 { background:url('../../images/search/cont0203-line01.png') no-repeat 0 0; }
.scheme-box .scheme h3 { margin: 0 auto; color: #fff; font-size: 15px; line-height: 22px; width: 102px; height: 84px; box-sizing: border-box; padding: 18px; text-align: center; }
.scheme-box .scheme a:focus h3 { border: 2px solid #000; }
.scheme-box .scheme h3.sch-title01 {  background:url('../../images/search/cont0203-img1.gif') no-repeat; }
.scheme-box .scheme h3.sch-title02 {  background:url('../../images/search/cont0203-img2.gif') no-repeat; }
.scheme-box .scheme h3.sch-title03 {  background:url('../../images/search/cont0203-img3.gif') no-repeat; }


.scheme-box .scheme .sch-box { overflow:hidden; margin-top:10px; background:url('../../images/search/line-depth2.png') no-repeat top left; }
.scheme-box .scheme .sch-box.box-none { background:none !important;padding-left: 55px;  }
.scheme-box .scheme .sch-box span { font-size:11px; display:inline-block; padding-left:3px; color:#ff812b;  } 
.scheme-box .scheme .sch-box h4 { line-height:13px;  font-size:14px; background-color:#1F8093; padding:6px 0 6px 0; color:#fff; border-radius:10px; float:left; width:90px; text-align:center; letter-spacing:-2px; box-sizing:border-box;  }
.scheme-box .scheme .sch-box a:focus h4 { border: 2px solid #000; }
.scheme-box .scheme .sch-box h4 span { color:#f8ff80 !important }
.scheme-box .scheme .sch-box p { line-height:13px; background-color:#f0f0f0; border:1px solid #ebebeb; color:#333; font-size:12px; padding:4px 0 6px 0; border-radius:10px;float:right; width:110px; text-align:center; letter-spacing:-1px; margin-top:28px; box-sizing:border-box;  }

.scheme-box .scheme .sch-box ul { float:right; width:110px; margin-top:30px; }
.scheme-box .scheme .sch-box ul li  { line-height:13px; background-color:#f0f0f0; border:1px solid #ebebeb; color:#333; font-size:12px; padding:4px 0 6px 0; border-radius:10px;float:right; width:110px; text-align:center; letter-spacing:-1px; margin-bottom:5px;box-sizing:border-box;  }

.scheme-box .scheme.sch13 h4 { font-size:12px; background-color:#29a8c9; padding:4px 0 6px 0; color:#fff; border-radius:10px; width:90px; text-align:center; letter-spacing:-1px; box-sizing:border-box;  }
.scheme-box .scheme.sch13 h4 span { color:#f8ff80 !important }

/* 포털소개 -공간정보포털 소개 */
.intro-expect-wrap { overflow:hidden;  }
.intro-expect-wrap ul { margin:15px auto; width:780px; }
.intro-expect-wrap ul li { width:187px; float:left; border:1px solid #e0e0e0; overflow:hidden; margin:0 0 0 10px !important;  box-sizing:border-box; height:253px; }
.intro-expect-wrap ul li:first-child { margin-left:0 !important;  }
.intro-expect-wrap ul li .intro-e-img { display:block; text-align:center; padding:30px 0 21px 0; box-sizing:border-box; height:96px; overflow:hidden;  }
.intro-expect-wrap ul li .intro-e-p { width:150px; margin:20px auto; background:url('../../images/graph/intro0101-line.gif') no-repeat center top; padding-top:15px; text-align:center; line-height:18px; color:#393939; font-family:"NanumBold"; font-size: 13px;}

/* 포털소개 - 사업범위 및 로드맵 */
.intro-roadmap-wrap { overflow:hidden;  }
.intro-roadmap-wrap div { overflow:hidden;  }
.intro-roadmap-wrap .intro-rm { float:left; margin-top:20px; }
.intro-roadmap-wrap .intro-rm h5 { color:#fff; line-height:20px; box-sizing:border-box; height:45px; font-size:16px; text-align:center; padding-top:11px; letter-spacing:-1px; }
.intro-roadmap-wrap .intro-rm.ar01 { width:277px; margin-left:25px;  }
.intro-roadmap-wrap .intro-rm.ar02 { width:276px; margin-left:10px;  }
.intro-roadmap-wrap .intro-rm.ar03 { width:217px; margin-left:10px;  }
.intro-roadmap-wrap .intro-rm.ar01 h5 { background:#325590 url('../../images/common/title/title-blue-pattern.gif') no-repeat right;  }
.intro-roadmap-wrap .intro-rm.ar02 h5 { background:#379032 url('../../images/common/title/title-green-pattern.gif') no-repeat right;  }
.intro-roadmap-wrap .intro-rm.ar03 h5 { background:#907832 url('../../images/common/title/title-brown-pattern.gif') no-repeat right;  }
.intro-roadmap-wrap .intro-roadmap-article { box-sizing:border-box; height:368px; border:1px solid #e0e0e0;  }
.intro-roadmap-wrap .intro-roadmap-article  h6 { font-size:15px; color:#666; text-align:center; overflow:hidden; background-color:#f3f3f3; letter-spacing:-1px; padding:8px 0 10px 0;   }
.intro-roadmap-wrap .intro-roadmap-article dl dt { padding:7px 10px 3px 15px; background:url('../../images/common/icon/icon_li.gif') no-repeat 7px 15px; line-height:20px; font-family:"NanumBold"; color:#333; letter-spacing:-1px; }
.intro-roadmap-wrap .intro-roadmap-article dl dd { padding:0 6px 0 15px;  letter-spacing:-1px; line-height:22px;}


/* 공간정보교육-공간정보교육소개 */
.edu-intro-box { overflow:hidden;  }
.edu-intro-box ul { width:780px; margin:0 auto; }
.edu-intro-box ul li { float:left; margin:30px 0 0 60px;  }

/* 공간정보교육 - 공간정보교육과정 */
.training-course { overflow:hidden; width:780px; margin:30px auto; }
.training-course .blue-title { width:377px; float:left;  }
.training-course .green-title { width:377px; float:right;  }
.training-course h5 { width:100%; height:45px; box-sizing:border-box; text-align:center; margin:0 !important; font-size:16px; }
.training-course h5 span { color:#fff; display:block; padding-top:13px;  }
.training-course .blue-title h5 { background:#325590 url('../../images/common/title/title-blue-pattern.gif') right no-repeat; }
.training-course .green-title h5 { background:#379032 url('../../images/common/title/title-green-pattern.gif') right no-repeat; }
.training-course ul { background-color:#fff; border:1px solid #e0e0e0; margin:0 !important; overflow:hidden;  padding:15px; }
.training-course ul li { clear:both;  line-height:24px; }
.training-course ul li:first-child { border-left:0; }
.training-course ul li b {  color:#333; width:60px; float:left; background:url('../../images/common/icon/icon_li.gif') no-repeat 0 10px;padding:0 0 0 5px;  }
.training-course ul li span { display:inline-block; float:left; width:280px;  }


/* land-alert-txt */
.land-alert-txt { width:100%; box-sizing:border-box; overflow:hidden; background-color:#f9f9f9; padding:15px; border-radius:10px; margin-top:40px; }
.land-alert-txt span.img { display:block; float:left; width:90px; }
.land-alert-txt dl { float:left; width:690px; }
.land-alert-txt dl dt { font-size:15px; font-family:"NanumBold"; color:#333; line-height:30px; }
.land-alert-txt dl dd { line-height:18px; margin-bottom:10px; margin-top:5px; }


/* 스마트엑스포메인 */
#content {width: 1200px; margin:0 auto; position: relative;}
#content:after{display:block;clear:both; content:'';}
#left_wrap{width: 282px; position: absolute; left:0; height:100%;}
.slideNotice:after {content:''; display:block; clear:both;}
.slideNotice .leftSlide{float:left; }
.slideNotice .rightNotice{float:left; width:227px; }

/* leftSlide */
.leftSlide .bgSlide { position:absolute; left:0; bottom:0; z-index:100; }
.leftSlide .bgSlide img { vertical-align:bottom;}


/* 스마트엑스포메인 */
#content {width: 1200px; margin:0 auto; position: relative;}
#content:after{display:block;clear:both; content:'';}
#left_wrap{width: 282px; position: absolute; left:0; height:100%;}
.slideNotice:after {content:''; display:block; clear:both;}
.slideNotice .leftSlide{float:left; }
.slideNotice .rightNotice{float:left; width:227px; }


.noticeArea{ padding:30px 20px 0 20px; width:186px; border-right:1px solid #e9e9e9; height:192px;}
.noticeArea .noticeTop{overflow:hidden; padding-bottom:7px; margin-bottom:17px;}
.noticeArea .noticeTop .titlt { float:left; padding-top:3px;}
.noticeArea .noticeTop .btnMore { float:right;}
.noticeArea ul li {width:177px; padding-left:8px; background:url('../../images/expo/dot_notice.png') left center no-repeat;}
.noticeArea ul li a {display:block; font-size:12px; color:#333333; overflow:hidden; white-space:nowrap; line-height:22px;}
.noticeArea ul li .date {display:block; font-size:13px; color:#8a8989;  }

.mainContentList  {margin-bottom:20px;}
.mainContentList ul:after {content:''; display:block; clear:both; }
.mainContentList ul li { float:left; height:226px;}

.footBanner {padding-bottom:50px;}
.footBanner:after {content:''; display:block; clear:both; }
.footBanner .left { float:left; width:250px;}
.footBanner .right { float:left;}
.footBanner .right:after {content:''; display:block; clear:both; }
.footBanner .tit {float:left; height:36px; line-height:36px;}
.footBanner ul {float:left;}
.footBanner ul:after {content:''; display:block; clear:both; }
.footBanner ul li { float:left; margin-left:33px; height:36px; line-height:36px;}
.footBanner img { vertical-align:middle;}

/* m-visual */
.leftSlide {width:905px; position:relative; overflow:hidden; height:452px; }
.leftSlide .screen {width:100%; overflow:hidden; position:relative;}
.leftSlide .screen .smart-expo-visual {width:300%; height:452px; position:relative; left:-100%;}
.leftSlide .screen .smart-expo-visual li {width:33.33%; position:absolute; left:33.33%; top:0;}
.leftSlide .screen .smart-expo-visual li img {width:100%;}

.leftSlide .controls { text-indent:-999999px; }
.leftSlide.controls a { display:inline-block; position:absolute; font-size:14px; color:#666; width:41px; height:100px; }
.leftSlide .controls .yj-prev { top:100px; left:0; background:url('../../images/m-index/btn_preview.png') no-repeat; }
.leftSlide .controls .yj-next {top:100px;  right:0px; background:url('../../images/m-index/btn_next.png') no-repeat;}
.leftSlide .controls .yj-start {  height:18px !important;  width:18px !important;  bottom:10px; left:70px; background:url('../../images/m-index/btn_slide_play.gif') no-repeat; }
.leftSlide .controls .yj-start.active {color:#000;  }
.leftSlide .controls .yj-stop {  height:18px !important; bottom:10px; left:50px; background:url('../../images/m-index/btn_slide_pause.gif') no-repeat; width:18px !important;}
.leftSlide .controls .yj-stop.active {color:#000; color:#000; background:url('../../images/m-index/btn_slide_stop.gif') no-repeat; }

.leftSlide .yj-pager {position:absolute; left:50px; bottom:15px; overflow:hidden; z-index:9999999999;}
.leftSlide .yj-pager a {width:15px; height:15px; float:left; margin-right:8px; display:inline-block; background-color:#fff; vertical-align:top; border-radius:10px; }
.leftSlide .yj-pager a.on {background-color:#ffd800; width:27px; height:15px;}

/* 공간정보소개 */
.smart-spatial-info { width:810px; margin:20px auto;  overflow:hidden;}
.smart-spatial-info img { float:left; width:134px; padding:15px 25px 15px 15px  }
.smart-spatial-info span { display:block; float:left; width:600px; padding-top:30px; line-height:22px;  }

.ul-float li { float:left; width:120px; }
.expo-title-txt { font-size:20px; line-height:30px; color:#333; }

.icgis-ul { margin-left:10px; }
.icgis-ul li { overflow:hidden; }
.icgis-ul li b { display:block; width:100px; float:left; }
.icgis-ul li span { display:block; width:650px; float:left; text-indent:-22px; padding-left:20px; font-size:14px; line-height:22px }
.icgis-ul li span:before { content:"|"; width:10px; color:#ccc; font-size:11px; letter-spacing:20px; font-weight:normal; }
.icgis-ul li strong { font-size:15px; color:#1378d5; }
.icgis-ul.type li b { width:180px;  }
.icgis-ul.type li span { width:570px; }

.icgis-ul.type2 li b { width:220px;  }
.icgis-ul.type2 li span { width:540px; }

.icgis-div.eng b { width:180px;  }
.icgis-div.eng span { width:570px; }


.icgis-div { overflow:hidden;   }
.icgis-div b { display:block; width:100px; float:left; font-size:15px; color:#333;  line-height:24px; padding:3px 0 3px 8px; background:url('../../images/common/icon/icon_li.gif') no-repeat 0 13px; margin-left:30px; }
.icgis-div span { display:block; width:600px; float:left; text-indent:-22px; padding-left:20px; font-size:14px; line-height:22px;  }
.icgis-div span:before { content:"|"; width:10px; color:#ccc; font-size:11px; letter-spacing:20px; font-weight:normal;  }
.th-bg { background-color:#f0f6fa;  }

/* 스마트엑스포 영문 */
.list-thumb-ul { width:780px; margin:20px auto; }
.list-thumb-ul li { overflow:hidden; border-bottom:1px dashed #ccc; padding:10px; }
.list-thumb-ul li .list-thumb .img { width:130px; float:left; display:block; }
.list-thumb-ul li .list-thumb dl { width:550px; float:left; padding-top:20px;   }
.list-thumb-ul li .list-thumb dl dt { color:#1785c7; font-family:"NanumBold"; font-size:16px; line-height:34px;  }
.list-thumb-ul li .list-thumb dl dd { padding-left:20px; font-size:14px; line-height:20px;  }



/* 주요서비스 */
.main-service { width:810px; margin:0 auto; overflow:hidden; position:relative; }
.main-service ul { border:1px solid #eaeaea; border-radius:10px;  }
.main-service ul li { padding:15px; border-top:1px solid #eaeaea; overflow:hidden;  }
.main-service ul li:first-child { border-top:0;  }
.main-service ul li p.icon { width:70px; height:70px; float:left; background-color:#2aade3; border-radius:70px; text-align:center; }
.main-service ul li p.icon span.icon-img { display:block; padding-top:15px; }
.main-service ul li p.icon span.icon-img2 { display:block; padding-top:10px; }
.main-service ul li p.icon span.icon-img3 { display:block; padding-top:20px; }
.main-service ul li .service-cont { width:570px; float:left; margin-left:30px;   }
.main-service ul li .service-cont h5 { font-size:15px; color:#333; line-height:20px;   }
.main-service ul li .service-cont  p { line-height:18px;  }
.main-service ul li p.m-service-btn { float:left; margin:20px 0 0 20px; }
.main-service ul li p.m-service-btn a { height:30px; line-height:18px; box-sizing:border-box; display:inline-block; text-align:center; background-color:#336fb5;  border:1px solid #336fb5; font-size:13px; color:#fff !important; border-radius:7px; padding:5px 10px;  }
.main-service ul li p.m-service-btn a:hover { height:30px; line-height:18px; box-sizing:border-box; display:inline-block; text-align:center; background-color:#336fb5;  border:1px solid #336fb5; font-size:13px; color:#fff !important; border-radius:7px; padding:5px 10px;  }