@charset "utf-8";
/* ==========================================================================
	공통
========================================================================== */

/* 별점 보기 */
.score-view {overflow:hidden; display:inline-block; height:20px; margin:0; padding:0 0 0 126px; line-height:19px; color:#1b9ac4; text-align:right; vertical-align:middle; background-position:0 center; background-repeat:no-repeat; background-size:auto 100%;}
.score-view.score00 {background-image:url('/images/biz/common/bg/bg-score-view-00.png');}
.score-view.score05 {background-image:url('/images/biz/common/bg/bg-score-view-05.png');}
.score-view.score10 {background-image:url('/images/biz/common/bg/bg-score-view-10.png');}
.score-view.score15 {background-image:url('/images/biz/common/bg/bg-score-view-15.png');}
.score-view.score20 {background-image:url('/images/biz/common/bg/bg-score-view-20.png');}
.score-view.score25 {background-image:url('/images/biz/common/bg/bg-score-view-25.png');}
.score-view.score30 {background-image:url('/images/biz/common/bg/bg-score-view-30.png');}
.score-view.score35 {background-image:url('/images/biz/common/bg/bg-score-view-35.png');}
.score-view.score40 {background-image:url('/images/biz/common/bg/bg-score-view-40.png');}
.score-view.score45 {background-image:url('/images/biz/common/bg/bg-score-view-45.png');}
.score-view.score50 {background-image:url('/images/biz/common/bg/bg-score-view-50.png');}
.score-view .hide {position:absolute; left:-9999px; top:0; width:1px; height:1px; opacity:0;}

/* 별점 주기 */
.score-form {overflow:hidden; display:inline-block; height:32px; border:1px solid #999; vertical-align:middle;}
.score-form .star {float:left; padding:7px 10px 0 10px;}
.score-form .star .btn-score-star {overflow:hidden; display:block; float:left; width:16px; height:16px; margin:0 0 0 4px; font-size:0; line-height:0; text-indent:-9999px; vertical-align:middle; background:url('/images/biz/common/btn/btn-score-star.png') no-repeat 0 0; background-size:32px 16px;}
.score-form .star .btn-score-star.on {background-position:-16px 0;}
.score-form .star .btn-score-star:first-of-type {margin:0;}
.score-form .btn {float:left; width:42px; height:100%; margin:0; padding:0; border:0; border-left:1px solid #999; background-color:#fff;}

/* 공통 - block 형태 목록 */
.block-list {}
.block-list p {margin:0; padding:0;}
.block-list ul {margin-left:-24px;}
.block-list ul:before,
.block-list ul:after {content:''; display:table;}
.block-list ul:after {clear:both;}
.block-list ul li {float:left; width:282px; margin:20px 0 0 24px;}
.block-list ul > li:first-child:nth-last-child(4),
.block-list ul > li:first-child:nth-last-child(4) ~ li {margin-top:0;}
.block-list ul li .block {width:100%; border:1px solid #e0e0e0;  padding:19px;}
.block-list ul li .block .top {padding:0 0 12px 0;}
.block-list ul li .block .tit {overflow:hidden; height:53px; margin-bottom:7px;}
.block-list ul li .block .tit a {display:block; color:#333; text-decoration:none; font-size:1.1429em; font-weight:700;}
.block-list ul li .block .tit a:hover,
.block-list ul li .block .tit a:focus {text-decoration:underline;}
.block-list ul li .block .cont {overflow:hidden; height:90px; margin-bottom:10px; color:#666;}
.block-list ul li .block .bottom {overflow:hidden;}
.block-list ul li .block .bottom .score-view {float:left;}
.block-list ul li .block .bottom .txt {float:right; line-height:20px;}

/* 공통 - 댓글 - 쓰기 */
.reply-write {overflow:hidden; padding:20px; background-color:#f7f7f7;}
.reply-write .write {float:left; width:calc(100% - 100px); padding:0 10px 0 0;}
.reply-write .write .input-textarea {display:block; width:100%; height:80px;}
.reply-write .write .limit {padding:5px 10px 0 0; text-align:right;}
.reply-write .btn {float:left; width:80px; height:80px;}
.reply-write .btn .button {display:block; height:100%;}

/* 공통 - 댓글 - 목록 */
.reply-list {margin-top:10px;}
.reply-list ul {}
.reply-list ul li {padding:20px 0; border-bottom:1px solid #e0e0e0;}
.reply-list ul li .info {position:relative; overflow:hidden; min-height:32px;}
.reply-list ul li .info .user-id {display:inline-block; vertical-align: middle; min-width:70px; color:#333; font-weight:700; padding:0; margin:0}
.reply-list ul li .info .date {display:inline-block; vertical-align: middle; color:#999; padding:0; margin:0 0 0 10px ;}
.reply-list ul li .info .btn {display:inline-block; vertical-align: middle; color:#666; background:none; text-decoration:underline; margin-left:15px;}
.reply-list ul li .info .btn .ico-x {margin:-4px 0 0 5px; vertical-align: middle; }
.reply-list ul li .cont {color:#666; margin-top:10px;}
.reply-list ul li .info .network-btn-area {display:inline-block; vertical-align: middle; } 
.reply-list ul li .info .network-btn-area .btn {margin-left:10px;}
.reply-list ul li .info .network-btn-area .btn-good {position:absolute; top:0; right:0;}

/* box */
.box-gray {padding:20px; background-color:#f7f7f7;}
.box-lightblue {padding:20px; background-color:#eff2f7;}
.box-border {padding:20px; border:1px solid #e0e0e0; background-color:#fff;}
.box-gray-border {padding:20px; margin-bottom:40px; border:1px solid #e0e0e0; background-color:#fafafa;}
.box-border.scroll-y {overflow:hidden; overflow-y:auto; height:100px; padding:15px 20px;}

/* dot list */
.dot-list {}
.dot-list > li {position:relative; padding:0 0 0 8px;}
.dot-list > li:before {content:''; display:block; position:absolute; top:10px; left:0; width:2px; height:2px; background-color:#333;}
.dot-list > li + li {margin-top:5px;}
.dot-list > li > ul {padding-top:5px;}

.map-dot-list {}
.map-dot-list li {padding-left:8px; position:relative; margin-top:6px;}
.map-dot-list li:before {position:absolute; top:10px; left:0; width:2px; height:2px; content:""; background-color:#707070;}
.map-dot-list.font-bold li {font-weight:700;}

/* star list */
.star-list {}
.star-list > li {position:relative; padding:0 0 0 12px;}
.star-list > li:before {content:'*'; display:block; position:absolute; top:0px; left:0;}
.star-list > li + li {margin-top:5px;}
.star-list > li > ul {padding-top:5px;}
.star-list.sm-font > li {font-size:0.929em;}

/* dash list */
.dash-list {}
.dash-list > li {position:relative; padding:0 0 0 12px;}
.dash-list > li:before {content:''; display:block; position:absolute; top:10px; left:0; width:5px; height:1px; background-color:#333;}
.dash-list > li + li {margin-top:5px;}
.dash-list > li > ul {padding-top:5px;}

/* decimal */
.decimal-list {list-style-type:decimal; list-style-position:inside;}
.decimal-list > li + li {margin-top:5px;}
.decimal-list > li > ul {padding-top:5px;}

/* decimal zero */
.decimal-zero-list {list-style-type:decimal-leading-zero; list-style-position:inside;}
.decimal-zero-list > li {}
.decimal-zero-list > li + li {margin-top:5px;}
.decimal-zero-list > li > ul {padding-top:5px;}

/* label list */
.label-list {}
.label-list li {margin-top:10px;}
.label-list li:first-child {margin-top:0;}

/* 기능, 이미지 버튼 */
.btn-good {margin:0; padding:0; border:0; background-color:transparent; vertical-align:middle;}
.btn-good .ico-good {margin-top:-2px;}

.btn-del {width:18px; height:18px; margin:0; padding:0; border:0; font-size:0; line-height:0; background-color:transparent; vertical-align:middle;}
.btn-del i {margin-top:0;}  

/* step list */
/* 회원가입 페이지 관련 */
.step-list {overflow:hidden; margin:0 0 40px;}
.step-list li {float:left; width:33.3%; text-align:center; line-height:50px;}
.step-list li strong {display:block; background:#bfc4ca; color:#fff; }
.step-list li span {margin-left:9px;}
.step-list li:first-child {padding-right:4px;}
.step-list li:nth-child(2) {padding:0 2px;}
.step-list li:nth-child(3) {padding-left:4px;}
.step-list li.on {width:33.4%;}
.step-list li.on strong {background:#3f7ad2;}
.step-list.col-2 li {width:50%;}
.step-list.col-2 li:first-child {padding-right:3px;}
.step-list.col-2 li:nth-child(2) {padding-left:3px;}

/* 공공데이터 이용가이드 관련*/
.step-list-v2 {overflow:hidden; position:relative; display:inline-block;}
.step-list-v2:before {content:''; display:block; position:absolute; left:0; top:50%; z-index:0; width:100%; height:1px; background-color:#ddd;}
.step-list-v2 li {position:relative; z-index:1; display:inline-block; width:240px; height:48px; margin:0 15px; padding:0; line-height:46px; text-align:center; border:1px solid #ddd; vertical-align:middle; background-color:#fff;}
.step-list-v2 li.on {color:#fff; border:0; line-height:48px; background-color:#22799f;}
.step-list-v2 li:first-child {margin-left:0;}
.step-list-v2 li:last-child {margin-right:0;}



/* ==========================================================================
	메인 페이지
========================================================================== */

body.main-page {background:url('/images/biz/main/bg-main.png') no-repeat center 0;}
body.main-page .wrapper {background:url('/images/biz/main/bg-main.png') no-repeat center 0;}
.main-page #header {background-color:transparent;}

.main-page #gnb ul.gnb-pc .depth2 {background-color:transparent;}

.main-page .container {min-height:100%; margin:-120px 0 -340px 0; padding:260px 0 340px 0;}
.main-page .container .content-layout {position:relative; width:100%; margin:0 auto; padding-bottom:50px;}
.main-page .container .content-layout:before {content:''; display:block; position:absolute; left:0; top:640px; right:0; bottom:0; z-index:-1; background-color:#f7f7f7;}

.main-page #contents {width:1200px; margin:0 auto;}

.main-page .quick-area {position:relative; width:100%; background-color:#f7f7f7;}
.main-page .quick-area .btn-go-top {position:absolute; left:50%; top:0; margin-left:552px;}

.main-page .tooltipster-sidetip .tooltipster-box {background-color:#3ec9ff;}
.main-page .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {border-bottom-color:#3ec9ff;}
.main-page .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {border-left-color:#3ec9ff;}
.main-page .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {border-right-color:#3ec9ff;}
.main-page .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {border-top-color:#3ec9ff;}
.main-page .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #3ec9ff;}
.main-page .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {border-left-color: #3ec9ff;}
.main-page .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {border-right-color:#3ec9ff;}
.main-page .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {border-top-color:#3ec9ff;}

/* 메인 - 검색 영역 */
.main-section-search {padding-bottom:90px;}
.main-section-search:before,
.main-section-search:after {content:''; display:table;}
.main-section-search:after {clear:both;}
.main-section-search p {margin:0; padding:0;}
.main-section-search .slogun {display:block; width:100%; margin:0 0 50px 0; text-align:center; font-size:2.2143em; letter-spacing:-0.05em; color:#fff; line-height:1.1;}
.main-section-search .left {float:left; width:840px; padding:42px 0 0 120px;}

.main-section-search .radio-choice {padding:0 0 20px 0; color:#fff; line-height:20px;}
.main-section-search .radio-choice [type='radio'] {margin:0 0 0 20px; vertical-align:middle;}
.main-section-search .radio-choice [type='radio']:first-of-type {margin:0;}
.main-section-search .radio-choice label {margin:0; font-size:1.1429em; vertical-align:middle; line-height:20px;}
.main-section-search .radio-choice .tool-tip {height:20px; margin:0 0 0 4px;}

.tooltip-main-search {}
.tooltip-main-search span {color:#0f71b5;}

.main-section-search .input-box {position:relative; height:64px; padding:0 64px 0 0; background-color:#fff; box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);}
.main-section-search .input-box .input-text {display:block; height:100%; padding:0 15px; font-size:1.2857em; border:0; background-color:transparent;}
.main-section-search .input-box .btn-search {overflow:hidden; display:block; position:absolute; right:0; top:0; width:64px; height:100%; text-indent:-9999px; background:#18a9ec url('/images/biz/main/btn-main-search.png') no-repeat center;}
.main-section-search .input-box .atcmp_wrap {position:absolute; top:64px; left:0; z-index:2; width:100%; background-color:#fff; border-top:1px solid #396fe1;}

/* 메인 - 검색 - 조건 검색 */
.main-section-search .main-search-condition {margin:20px 0 0 0;}
.main-section-search .main-search-condition:before,
.main-section-search .main-search-condition:after {content:''; display:table;}
.main-section-search .main-search-condition:after {clear:both;}
.main-section-search .main-search-condition button {margin:0; padding:0; border:0; background-color:transparent;}
.main-section-search .main-search-condition .tit-area {float:left; padding:0 15px 0 0;}
.main-section-search .main-search-condition .tit-area .tit {float:left; color:#fff; line-height:40px;}
.main-section-search .main-search-condition .tit-area .btn-reset {float:left; margin:10px 0 0 6px;}
.main-section-search .main-search-condition .condition-select {float:left;}
.main-section-search .main-search-condition .condition-select .block {float:left; position:relative; margin:0 0 0 6px;}
.main-section-search .main-search-condition .condition-select .block .tit-hide {overflow:hidden; position:absolute; left:0; top:0; z-index:-1; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; opacity:0;}
.main-section-search .main-search-condition .condition-select .block .condition {overflow:hidden; display:block; position:relative; min-width:150px; max-width:200px; height:40px; padding:0 30px 0 10px; color:#fff; text-align:left; border:1px solid #ddd; background-color:#456adb; white-space:nowrap; text-overflow:ellipsis;}
.main-section-search .main-search-condition .condition-select .block .condition:after {content:''; position:absolute; right:0; top:16px; width:23px; height:7px; background:url('/images/biz/main/bg-arr-main-condition.png') no-repeat 0 0;}
.main-section-search .main-search-condition .condition-select .block .list {display:none; position:absolute; left:0; top:40px; z-index:3; width:100%; background-color:#fff;}
.main-section-search .main-search-condition .condition-select .block .list ul {}
.main-section-search .main-search-condition .condition-select .block .list ul li {}
.main-section-search .main-search-condition .condition-select .block .list ul li .txt {display:block; width:100%; max-width:200px; height:20px; padding:0 10px; text-align:left; font-size:12px;}
.main-section-search .main-search-condition .condition-select .block .list ul li .txt:hover {color:#fff; background-color:#2dbded;}
.main-section-search .main-search-condition .condition-select .block .list ul li.on .txt {background-color:#e6e6e6;}
.main-section-search .main-search-condition .condition-select .block .list ul li.on .txt:hover {background-color:#2dbded;}
.main-section-search .main-search-condition .condition-select .block.on {}
.main-section-search .main-search-condition .condition-select .block.on .condition {color:#333; background-color:#ddd;}
.main-section-search .main-search-condition .condition-select .block.on .condition:after {background-position:0 -7px;}
.main-section-search .main-search-condition .condition-select .block.on .list {display:block;}
/* 메인 - 검색 - 인기검색어 */
.main-section-search .right {float:left; width:calc(100% - 840px); padding:0 0 0 20px;}

.main-section-search .popular-word {width:220px;}
.main-section-search .popular-word .tit {margin:0 0 20px 0; padding:2px 0 0 0; color:#fff; font-size:1.1429em; line-height:20px;}
.main-section-search .popular-word .util {position:relative; height:64px;}
.main-section-search .popular-word .util:before {content:''; overflow:hidden; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:64px; border-radius:5px; background:#dfeff7 url('/images/biz/main/bg-arr-main-popular.png') no-repeat right center; box-shadow:1px 1px 10px 0px rgba(0,0,0,0.3);}
.main-section-search .popular-word .util .word {overflow:hidden; display:block; position:absolute; left:0; top:0; width:100%; height:64px; line-height:64px; padding:0 35px 0 15px; border-radius:5px; text-decoration:none; color:#1c84cc; font-size:1.2857em; font-weight:700; white-space:nowrap; text-overflow:ellipsis;}
.main-section-search .popular-word .util .word-list {display:none; overflow:hidden; position:absolute; left:0; top:0; z-index:2; width:100%; border-radius:5px; background-color:#dfeff7; box-shadow:1px 1px 10px 0px rgba(0,0,0,0.3);}
.main-section-search .popular-word .util .word-list li {}
.main-section-search .popular-word .util .word-list li a {overflow:hidden; display:block; width:100%; height:40px; padding:0 15px 0 15px; line-height:40px; border-radius:5px; text-decoration:none; color:#1c84cc; font-size:1.2857em; font-weight:700; white-space:nowrap; text-overflow:ellipsis;}
.main-section-search .popular-word .util .word-list li a:hover {color:#fff; background-color:#2dbded;}
.main-section-search .popular-word .util .word-list li .btn-close-popular-word {display:block; width:100%; height:40px; margin:0; padding:0 15px 0 15px; border-radius:5px; border:0; color:#1c84cc; font-size:1.2857em; font-weight:700; text-align:left; background-color:transparent;}
.main-section-search .popular-word .util.on .word-list {display:block;}
.main-section-search .popular-word .link {padding:33px 0 0 0; text-align:right;}
.main-section-search .popular-word .link a {color:#fff; text-decoration:none;}
.main-section-search .popular-word .link a:hover {text-decoration:underline;}
.main-section-search .popular-word {position:relative; right:0; top:0;}
.main-section-search .popular-word .control {float: right; position:relative; margin:0 0 20px 0;}
.main-section-search .popular-word .control .wrap {overflow:hidden; position:relative; width:20px; height:20px; text-align:-webkit-right;}
.main-section-search .popular-word .control .wrap .btn-control {position:absolute; left:0; top:0; width:100%; height:100%; margin:0; padding:0; text-indent:-9999px; background-color:transparent; background-repeat:no-repeat; background-image:url('/images/biz/main/btn-swiper-control_2.png');}
.main-section-search .popular-word .control .wrap .btn-control.btn-pause {background-position:0 0;}
.main-section-search .popular-word .control .wrap .btn-control.btn-start {left:20px; background-position:-20px 0;}
.main-section-search .popular-word .control .wrap.on .btn-control.btn-pause {left:-20px;}
.main-section-search .popular-word .control .wrap.on .btn-control.btn-start {left:0px;}

/* 메인 - 테마별  */
/* 2020.03.20 개발팀에 의해 margin 수정. 190px 0 0 0 -> 160px 0 0 0 */
.main-section-theme {margin:160px 0 0 0; color:#fff;}
.main-section-theme p {margin:0; padding:0;}

.main-section-theme .tit {float:left; margin:0; padding:0; color:#fff; font-weight:700; font-size:1.4286em; line-height:1.1;}
.main-section-theme .tit-theme {float:left; overflow:hidden; width:auto;}
.main-section-theme .tit-theme a {color:#fff;}
.main-section-theme .tit-theme .swiper-wrapper {}
.main-section-theme .tit-theme .swiper-wrapper .swiper-slide {width:auto; margin:0 0 0 30px; padding:2px 0 0 0;}
.main-section-theme .tit-theme .swiper-wrapper .swiper-slide a {text-decoration:none; line-height:1.1; font-size:1.1429em;}
.main-section-theme .tit-theme .swiper-wrapper .swiper-slide a:hover {text-decoration:underline;}
.main-section-theme .tit-theme .swiper-wrapper .swiper-slide.on a {color:#ffda2e; text-decoration:underline;}

.main-section-theme .cont-theme {margin:25px 0 0 0; padding:0 0 50px 0;}
.main-section-theme .cont-theme .tit-hide {overflow:hidden; position:absolute; left:0; top:0; z-index:-1; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; opacity:0;}
.main-section-theme .cont-theme .theme-swiper {overflow:hidden; width:100%;}
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper {}
.main-section-theme .cont-theme #tab_theme03 .theme-swiper .swiper-wrapper {justify-content: center;}
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide {width:10%; border-right:1px solid rgba(255,255,255,0.1);}
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide:nth-child(8),
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide:last-child {border-right:0;}
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a {display:block; width:100%; height:100px; padding:6px 0 0 0; color:#fff; text-decoration:none; text-align:center;}
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a .iconset {display:block; margin:0 auto;}
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a .num {display:block; width:56px; height:56px; margin:0 auto; font-weight:700; border:1px solid #fff; border-radius:100%; line-height:54px;}
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide:first-child a .num {font-size:1.4286em;}
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a .txt {padding:8px 0 0 0;}
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a .txt span {display:inline;}
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a:hover,
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a:focus {color:#ffda2e;}
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a:hover .iconset,
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a:focus .iconset {background-position:0 -56px;}
.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a:hover .num {border-color:#ffda2e; text-decoration:none;}

/* 메인 - 테마별 - 카테고리  */
.main-section-theme .cont-theme .wrap {position:relative; padding:0 118px;}
.main-section-theme .cont-theme .wrap .theme-swiper.themeSwiper02 {position:relative; padding:0;}
.main-section-theme .cont-theme .wrap .theme-swiper.themeSwiper02 .swiper-wrapper {}
.main-section-theme .cont-theme .wrap .theme-swiper.themeSwiper02 .swiper-wrapper .swiper-slide {width:auto;}
.main-section-theme .cont-theme .wrap .btn-navi {overflow:hidden; position:absolute; top:6px; z-index:2; width:56px; height:56px; margin:0; padding:0; border:0; text-indent:-9999px; background-size:56px auto; background-position:center 0; background-repeat:no-repeat; background-color:transparent; cursor:pointer;}
.main-section-theme .cont-theme .wrap .btn-navi:hover {background-position:0 -56px;}
.main-section-theme .cont-theme .wrap .btn-navi.btn-theme-prev {left:32px; background-image:url('/images/biz/common/ico/ico-main-theme-prev.png');}
.main-section-theme .cont-theme .wrap .btn-navi.btn-theme-next {right:32px; background-image:url('/images/biz/common/ico/ico-main-theme-next.png');}
.main-section-theme .cont-theme .wrap .btn-navi.swiper-button-disabled {cursor:default; opacity:0.3;}

.main-section-theme .cont-theme .theme-view {overflow:hidden; height:0; visibility:hidden;}
.main-section-theme .cont-theme .theme-view.on {overflow:visible; height:auto; visibility:visible;}

/* 메인 row block */
.main-section-row {overflow:hidden; margin:50px 0 0 0;}
.main-section-row p {margin:0; padding:0;}
.main-section-row .block {position:relative; float:left; margin:0 0 0 30px;}
.main-section-row .block:first-child {margin-left:0;}
.main-section-row .block .cont-area {height:220px; background-color:#fff;}
.main-section-row .block .tit-group {margin:0;}
.main-section-row .block .tit-group .btn-more {margin-left:10px;}
.main-section-row .block .tit-group .txt {float:left; margin-left:15px;}
.main-section-row .block h2.tit {margin:0; padding:0 0 20px 0; font-size:1.4286em; line-height:20px;}
.main-section-row .block span.tit2 {margin:0; padding-left:10px; font-size:1em; line-height:20px;color: #666;}

.main-section-row.col-3 .block {width:380px;}
.main-section-row.col-2-1 .block {width:380px;}
.main-section-row.col-2-1 .block:first-child {width:790px;}

/* 메인 - 인기 데이터 */
.main-section-row .popular-data {}
.main-section-row .popular-data .tab-main {position:absolute; right:0; top:0; line-height:1.1;}
.main-section-row .popular-data .tab-main ul {overflow:hidden; padding-bottom:2px;}
.main-section-row .popular-data .tab-main ul li {display:block; float:left; margin:0 0 0 15px; padding:0;}
.main-section-row .popular-data .tab-main.tab-layer {position:relative; right:0; top:0; line-height:1.1; background-color:#fff;}
.main-section-row .popular-data .tab-main ul {overflow:hidden; padding-bottom:2px; }
.main-section-row .popular-data .tab-main ul li {display:block; float:left; margin:0 0 0 15px; padding-left:20px;padding-bottom:10px; padding-top:10px; }
.main-section-row .popular-data .tab-main ul li:first-child {margin:0;}
.main-section-row .popular-data .tab-main ul li a {color:#333; font-size:1.1429em; text-decoration:none;}
.main-section-row .popular-data .tab-main ul li.on a {color:#2775c4; text-decoration:underline;}
.main-section-row .popular-data .tab-main ul li.on a {color:#4185ca; font-weight: bold;}
.main-section-row .popular-data .cont-area {padding:25px 20px;}
.main-section-row .popular-data .list {list-style-type:decimal; list-style-position:inside; margin:0; padding:0;}
.main-section-row .popular-data .list li {margin:24px 0 0 0; padding:0; line-height:1.1;}
.main-section-row .popular-data .list li:first-child {margin-top:0; display: flex;}
.main-section-row .popular-data .list li a {overflow:hidden; display:inline-block; color:#333; text-decoration:none; max-width:calc(100% - 40px); vertical-align:top; white-space:nowrap; text-overflow:ellipsis;}
.main-section-row .popular-data .list li a:hover {color:#2775c4; text-decoration:underline;}
.nav-underline {position: absolute;left: 0;bottom: -2px;width: 100%;height: 2px;background: #4185ca;transition: all .3s ease-in-out;}

@media (max-width: 1024px) {
    #main-content-section .popular-data .tit-group { padding-bottom : 15px; }
    #main-content-section .popular-data .tit-group .btn-more { float: right; }

    #main-content-section .newest-data .tit-group { padding-bottom : 15px; }
    #main-content-section .newest-data .tit-group .btn-more { float: right; }
}

/* 메인 - 최신 데이터 */
.main-section-row .newest-data {}
.main-section-row .newest-data .cont-area {padding:25px 20px;}
.main-section-row .newest-data .tab-main.tab-layer{position:relative; right:0; top:0; line-height:1.1; background-color:#fff;}
.main-section-row .newest-data .tab-main ul {overflow:hidden; padding-bottom:2px;}
.main-section-row .newest-data .tab-main ul li {display:block; float:left; margin:0 0 0 15px; padding-left:20px;padding-bottom:10px; padding-top:10px;}
.main-section-row .newest-data .tab-main ul li:first-child {margin:0;}
.main-section-row .newest-data .tab-main ul li a {color:#333; font-size:1.1429em; text-decoration:none;}
.main-section-row .newest-data .tab-main ul li.on a {color:#4185ca; font-weight: bold;}
.main-section-row .newest-data .list {list-style-type:none; margin:0; padding:0;}
.main-section-row .newest-data .list li {margin:24px 0 0 0; padding:0; line-height:1.1;}
.main-section-row .newest-data .list li:first-child {margin-top:0;}
.main-section-row .newest-data .list li a {overflow:hidden; display:block; color:#333; text-decoration:none; vertical-align:top;}
.main-section-row .newest-data .list li a span {overflow:hidden; float:left; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
.main-section-row .newest-data .list li a em {float:right; width:100px; text-align:right;}
.main-section-row .newest-data .list li a:hover span,
.main-section-row .newest-data .list li a:hover em {color:#2775c4; text-decoration:underline;}

/* 메인 - 이슈 데이터 */
.main-section-row .issue-data {position:relative;}
.main-section-row .issue-data .tit-group {position:absolute; left:0; top:0; z-index:5;}
.main-section-row .issue-data .cont-area {background-color:transparent;}
.main-section-row .issue-data .issue-swiper {overflow:hidden; position:relative; padding-top:40px;}
.main-section-row .issue-data .issue-swiper .issue-swiper-pagination {position:absolute; left:inherit; top:-2px; right:30px; bottom:inherit; width:auto; margin:0; padding:0; line-height:20px; color:#666;}
.main-section-row .issue-data .issue-swiper .control {position:absolute; right:0; top:0;}
.main-section-row .issue-data .issue-swiper .control .wrap {overflow:hidden; position:relative; width:20px; height:20px;}
.main-section-row .issue-data .issue-swiper .control .wrap .btn-control {position:absolute; left:0; top:0; width:100%; height:100%; margin:0; padding:0; text-indent:-9999px; background-color:transparent; background-repeat:no-repeat; background-image:url('/images/biz/main/btn-swiper-control.png');}
.main-section-row .issue-data .issue-swiper .control .wrap .btn-control.btn-pause {background-position:0 0;}
.main-section-row .issue-data .issue-swiper .control .wrap .btn-control.btn-start {left:20px; background-position:-20px 0;}
.main-section-row .issue-data .issue-swiper .control .wrap.on .btn-control.btn-pause {left:-20px;}
.main-section-row .issue-data .issue-swiper .control .wrap.on .btn-control.btn-start {left:0px;}
.main-section-row .issue-data .issue-swiper .swiper-wrapper {}
.main-section-row .issue-data .issue-swiper .swiper-wrapper .wrap {position:relative; display:block; width:380px; height:220px;}
.main-section-row .issue-data .issue-swiper .swiper-wrapper .wrap .img {overflow:hidden; width:100%; height:220px; font-size:0; line-height:0;}
.main-section-row .issue-data .issue-swiper .swiper-wrapper .wrap .img img {width:100%;}
.main-section-row .issue-data .issue-swiper .swiper-wrapper .wrap .txt {overflow:hidden; position:absolute; left:0; bottom:0; width:100%; height:52px; margin:0; padding:0 15px; text-align:center; line-height:52px; color:#fff; font-size:1.1429em; background-color:rgba(0,0,0,0.5); white-space:nowrap; text-overflow:ellipsis;}
.main-section-row .issue-data .issue-swiper .btn-navi {display:block; position:absolute; top:130px; z-index:3; width:30px; height:44px; margin:0; padding:0; font-size:0; line-height:0; border:0; background-color:transparent; background-position:0 0; background-repeat:no-repeat; background-size:100% auto;}
.main-section-row .issue-data .issue-swiper .btn-navi.btn-prev {left:9px; background-image:url('/images/biz/main/btn-navi-prev.png');}
.main-section-row .issue-data .issue-swiper .btn-navi.btn-next {right:5px; background-image:url('/images/biz/main/btn-navi-next.png');}

/* 메인 - 데이터 제공신청 */
.main-section-row .request-data {}
.main-section-row .request-data .cont-area {height:160px; padding:0; background-color:transparent;}
.main-section-row .request-data .cont-area .column {float:left; width:380px; height:160px; margin:0 0 0 30px;}
.main-section-row .request-data .cont-area .column:first-child {margin:0;}
.main-section-row .request-data .cont-area .column a {display:block; width:100%; height:100%; padding:25px 20px; text-decoration:none; color:#fff; background-color:#298ED7; background-position:right bottom; background-repeat:no-repeat;}
.main-section-row .request-data .cont-area .column a.bg01 {background-image:url('/images/biz/main/bg-main-data-request01.png');}
.main-section-row .request-data .cont-area .column a.bg02 {background-image:url('/images/biz/main/bg-main-data-request02.png');}
.main-section-row .request-data .cont-area .column a span {display:block;}
.main-section-row .request-data .cont-area .column a:hover {text-decoration:underline;}
.main-section-row .request-data .cont-area .column .tit-group h2.tit {padding:0 0 30px 0; color:#fff;}
.main-section-row .request-data .cont-area .column .tit-group .ico-arr-more-white {margin-top:-4px;}

/* 메인 - 개방현황 */
.main-section-row .open-present {}
.main-section-row .open-present .cont-area {overflow:hidden; height:160px; padding:15px 0; color:#fff; background-color:#298ED7;}
.main-section-row .open-present .cont-area .column {float:left; width:25%; height:100%; padding:13px 0; line-height:1.1; text-align:center; border-left:1px solid rgba(255,255,255,0.3); background-position:center; background-repeat:no-repeat;}
.main-section-row .open-present .cont-area .column:first-child {border-left:0;}
.main-section-row .open-present .cont-area .column.bg01 {background-image:url('/images/biz/main/bg-main-open01.png');}
.main-section-row .open-present .cont-area .column.bg02 {background-image:url('/images/biz/main/bg-main-open02.png');}
.main-section-row .open-present .cont-area .column.bg03 {background-image:url('/images/biz/main/bg-main-open03.png');}
.main-section-row .open-present .cont-area .column.bg04 {background-image:url('/images/biz/main/bg-main-open04.png');}
.main-section-row .open-present .cont-area .column p {padding:0 0 74px 0; letter-spacing:-0.05em;}
.main-section-row .open-present .cont-area .column strong {display:block;}

/* 메인 - 바로가기 */
.main-section-row .direct-link {}
.main-section-row .direct-link .cont-area {position:relative; height:240px;}
.main-section-row .direct-link .cont-area div.box {display: flex; height:50%;}
.main-section-row .direct-link .cont-area div a {display:block; width:50%; text-align:center; color:#333; text-decoration:none; border: 1px solid #eee; border-width: 1px 0 0px 1px;}
.main-section-row .direct-link .cont-area div.box a:last-child {border-width: 1px 1px 0 1px;}
.main-section-row .direct-link .cont-area div a.line2 {padding:15px; line-height:1.5; font-size:12px;}
.main-section-row .direct-link .cont-area div a.line3 {padding:15px; line-height:1.5; width:33.33%;}
.main-section-row .direct-link .cont-area div a:hover {background-color: #4185ca; text-decoration: none !important; color: #fff !important; }

/* 메인 - 공지사항 */
.main-section-row .notice {}
.main-section-row .notice .cont-area {height:240px; padding:10px 10px 0 10px;}
.main-section-row .notice .list {}
.main-section-row .notice .list li {border-top:1px solid #eee; height: 82px;}
.main-section-row .notice .list li:first-child {border-top:0;}
.main-section-row .notice .list li a {display:block; padding:20px 10px; color:#333; line-height:1.1; text-decoration:none;}
.main-section-row .notice .list li a:hover {color:#2775c4; text-decoration:underline;}
.main-section-row .notice .list li a span {overflow:hidden; display:block; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.main-section-row .notice .list li a em {display:block; margin-top:5px; color:#666;}

/* 메인 - 새소식 */
.main-section-row .news {position:relative;}
.main-section-row .news .tit-group {position:absolute; left:0; top:0; z-index:5;}
.main-section-row .news .cont-area {height:auto; background-color:transparent;}
.main-section-row .news .news-swiper {overflow:hidden; position:relative; padding-top:40px;}
.main-section-row .news .news-swiper .news-swiper-pagination {position:absolute; left:inherit; top:-2px; right:30px; bottom:inherit; width:auto; margin:0; padding:0; line-height:20px; color:#666;}
.main-section-row .news .news-swiper .news-swiper-pagination .swiper-pagination-bullet {width:8px; height:8px; border-radius:0; background-color:#ddd; opacity:1;}
.main-section-row .news .news-swiper .news-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:16px; background-color:#2775c4;}
.main-section-row .news .news-swiper .control {position:absolute; right:0; top:0;}
.main-section-row .news .news-swiper .control .wrap {overflow:hidden; position:relative; width:20px; height:20px;}
.main-section-row .news .news-swiper .control .wrap .btn-control {position:absolute; left:0; top:0; width:100%; height:100%; margin:0; padding:0; text-indent:-9999px; background-color:transparent; background-repeat:no-repeat; background-image:url('/images/biz/main/btn-swiper-control.png');}
.main-section-row .news .news-swiper .control .wrap .btn-control.btn-pause {background-position:0 0;}
.main-section-row .news .news-swiper .control .wrap .btn-control.btn-start {left:20px; background-position:-20px 0;}
.main-section-row .news .news-swiper .control .wrap.on .btn-control.btn-pause {left:-20px;}
.main-section-row .news .news-swiper .control .wrap.on .btn-control.btn-start {left:0px;}
.main-section-row .news .news-swiper .swiper-wrapper {}
.main-section-row .news .news-swiper .swiper-wrapper .wrap {position:relative; display:block; width:380px; height:240px;}
.main-section-row .news .news-swiper .swiper-wrapper .wrap .img {overflow:hidden; width:100%; height:240px; font-size:0; line-height:0;}
.main-section-row .news .news-swiper .swiper-wrapper .wrap .img img {width:100%;}
.main-section-row .news .news-swiper .btn-navi {display:block; position:absolute; top:130px; z-index:3; width:30px; height:44px; margin:0; padding:0; font-size:0; line-height:0; border:0; background-color:transparent; background-position:0 0; background-repeat:no-repeat; background-size:100% auto;}
.main-section-row .news .news-swiper .btn-navi.btn-prev {left:9px; background-image:url('/images/biz/main/btn-navi-prev.png');}
.main-section-row .news .news-swiper .btn-navi.btn-next {right:5px; background-image:url('/images/biz/main/btn-navi-next.png');}



/* ==========================================================================
	데이터 목록
========================================================================== */

/* 데이터 목록 - 데이터셋 검색 */
.search-wrap {position:relative; margin-bottom:30px;}
.search-wrap .form-area {position:relative; border:2px solid #3f7ad2; padding-right:96px;}
.search-wrap .form-area .search-input {width:100%; height:48px; color:#999; background-color:#fff; border:none; padding:0 10px;}
.search-wrap .form-area .btn-search {position:absolute; top:0; right:0; width:48px; height:48px; color:#999; border:0; padding:0 10px; background-color:#3f7ad2;}
.search-wrap .atcmp_wrap {position:absolute; top:52px; left:0; z-index:2; width:100%; background-color:#fff; border:1px solid #3f7ad2; border-top:0;}

/* 데이터 목록 - 데이터셋 검색 - 상세검색 레이어 */
.search-more-box {background-color:#eff2f7; padding:20px;}
.search-more-box .box {margin-top:15px;}
.search-more-box .box:first-child {margin-top:0;}
.search-more-box .box .title {display:block; margin-bottom:10px;}
.search-more-box .box .txt {display:block; margin:0; padding:0; line-height:1.2;}
.search-more-box .box .chk-area {}

/* 데이터 목록 - 검색결과 */
.search-result-num {display:block; text-align: center; font-size:1.714em; color:#333; font-weight:700; margin-bottom:45px;}
.search-result-num .result {color:#2775c4;}

/* 데이터 목록 - 조건 검색결과 */
.select-result-box {position:relative; min-height:56px; margin:0 0 20px 0; padding:17px 15px 17px 105px; background-color:#eff2f7; }
.select-result-box .title {position:absolute; top:17px; left:15px;}
.select-result-box span {display:inline-block; vertical-align: top; margin-right:20px; }
.select-result-box span .iconset {margin-left:4px; }
.select-result-box.v2 {padding:17px 15px 17px 165px; margin-top:15px;}

/* 데이터 목록 */
.data-set-list {margin-top:40px;}
.data-set-list .result-list {border:1px solid #e0e0e0; }
.data-set-list .result-list ul li {position:relative; border-top:1px solid #e0e0e0; padding:19px;}
.data-set-list .result-list ul li.on {background-color:#fafafa; }
.data-set-list .result-list ul li:first-child {border-top:0}
.data-set-list .result-list ul li .btn-preview {float:right; color:#666;}
.data-set-list .result-list ul li .bottom-area {position:absolute; bottom:19px; right:19px;}
.data-set-list .result-list ul li .tag-bottom-area {position:absolute; bottom:19px; right:19px;}
.data-set-list .result-list ul li .tag-area {margin:0 0 10px 0;}
.data-set-list .result-list ul li dl {margin:0 0 5px 0;}
.data-set-list .result-list ul li dl dt {margin-bottom:10px;}

.data-set-list .result-list ul li dl dt a {
    position:relative; text-decoration:none; overflow:hidden; max-width:100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow:ellipsis;
}

.data-set-list .result-list ul li dl dt .tagset {display:inline-block; vertical-align: middle;}
.data-set-list .result-list ul li dl dt .title {vertical-align: middle;color:#333; font-weight:700; font-size:1.286em; line-height:24px;}
.data-set-list .result-list ul li dl dt .title:hover {color:#2775c4; text-decoration:underline;}
.data-set-list .result-list ul li dl dt .pre {padding:0 7px; display:inline-block; height:24px; line-height:24px; text-align:center; color:#fff; font-size:0.78571em; background-color:#f7912e; vertical-align:top; margin-left:5px;}
.data-set-list .result-list ul li dl dd {margin:0; color:#666;}
.data-set-list .result-list ul li .info-data p {display:inline-block; vertical-align: top; margin:0 20px 0 0; padding:0;}
.data-set-list .result-list ul li .info-data p .tit {color:#333; display:inline-block; vertical-align: top; margin-right:10px; font-weight:700;}
.data-set-list .result-list ul li .info-data p .data {color:#666; display:inline-block; vertical-align: top;}
.data-set-list .result-list ul li .search-word-area {margin-top:15px;}
.data-set-list .result-list ul li .search-word-area strong {color:#18a7f2;}
.data-set-list .no-list {margin:30px 0;}

.file-data .result-list {border-top:3px solid #4a63a6;}
.open-api .result-list {border-top:3px solid #655bc2;}
.common-data .result-list {border-top:3px solid #238d5b; }

/* 데이터 목록 - 전체 검색결과 없음 */
.data-set-search.no-list {margin:60px 0;}
.data-set-search.no-list .txt {font-size:1.429em;}
.data-set-search.no-list .txt-more {font-size:1.143em; color:#999; margin-top:25px;}
.data-set-search.no-list .link {display:inline-block; font-size:1.286em; color:#333; font-weight:700; text-decoration:none; margin-top:30px;}
.data-set-search.no-list .link:hover {color:#2775c4; font-weight:700; text-decoration:underline;}
.data-set-search.no-list .link .iconset {margin:-4px 0 0 3px;}

/* 데이터셋 - 목록 - 미리보기 레이어 */
.data-set-preview {margin:0 0 10px 0; padding:10px; border:1px solid #e0e0e0; border-top:3px solid #4a63a6;}
.data-set-preview p.tit {overflow:hidden; display:block; width:100%; margin:0; padding:0; color:#333; font-weight:700; white-space:nowrap; text-overflow:ellipsis;}


/* 데이터셋 - 국가중점데이터 조건 추가하기 체크박스 */
.condition-chk-area {}

/* 데이터셋 - 기관별 데이터 검색 입력 */
.search-gray-box {background-color:#eff2f7; padding:20px 0; text-align: center; margin-bottom:30px;}
.search-gray-box .title {display:inline-block; vertical-align: middle; line-height:40px; font-weight:700; margin-right:5px;}
.search-gray-box .button {display:inline-block; vertical-align: middle; margin-left:2px;}
.search-gray-box .form-wrap {position:relative; display:inline-block; vertical-align: middle; margin-left:20px}
.search-gray-box .form-wrap:first-child {margin-left:0;}
.search-gray-box .form-wrap select {height:40px; display:inline-block; vertical-align: middle; }
.search-gray-box .form-wrap .input-text {height:40px; }
.search-gray-box .input-btn-type {display:inline-block; vertical-align: middle; }

.file-tree-box {overflow:hidden; overflow-y:auto; width:100%; max-height:500px; padding:0; border:1px solid #ddd; background-color:#fff; }


/* ==========================================================================
	데이터 찾기
========================================================================== */

/* 데이터찾기 검색 - 조건검색 */
.data-condition-chk {margin-bottom:55px;}
.data-condition-chk .wrap {overflow:hidden; border:1px solid #e0e0e0;}
.data-condition-chk .condition {float:left; width:20%; border-left:1px solid #e0e0e0;}
.data-condition-chk .condition:first-of-type {border-left:0;}
.data-condition-chk .condition .tit {position:relative; }
.data-condition-chk .condition .tit .btn {display:block; width:100%; height:50px; margin:0; padding:0; border:0; color:#333; font-weight:700; background-color:transparent; cursor:default;}
.data-condition-chk .condition .tit .btn[disabled] {color:#333;}
.data-condition-chk .condition .tit .btn-more-search {position:absolute; top:17px; right:15px; font-size:0.857em; color:#666;}
.data-condition-chk .condition .list {display:block; visibility:visible; overflow:hidden; overflow-y:scroll; height:180px; transition:all 0.1s ease-in-out;}
.data-condition-chk .condition .list.off {visibility:hidden; height:0;}
.data-condition-chk .condition .list li {position:relative; padding:0 15px 0 35px; line-height:1.5; margin-bottom:8px;}
.data-condition-chk .condition .list li input[type=checkbox ] {position:absolute; top:4px; left:15px;}
.data-condition-chk .util-area {overflow:hidden;}
.data-condition-chk .util-area .add {float:left; margin-top:15px;}
.data-condition-chk .util-area .add a {color:#333; font-weight:700; text-decoration:none; }
.data-condition-chk .util-area .add a i {margin-top:-4px;}
.data-condition-chk .util-area .toggle {display:block; float:right; }
.data-condition-chk .util-area .toggle .btn {height:36px; background-color:#757575; padding:0 17px; }
.data-condition-chk .util-area .toggle .btn span {display:inline-block; color:#fff; margin-right:5px; font-weight:700;}
.data-condition-chk .util-area .toggle .btn i {}
.data-condition-chk .util-area .toggle .btn.off i {transform:rotate(180deg);}

/* 데이터셋 상세 */
.data-search-view {}

.data-set-title {position:relative; padding:19px 20px 16px 19px; border:1px solid #e0e0e0; border-top:3px solid #4a63a6; min-height: 170px;}
.data-set-title-box {padding: 19px 0 16px 19px !important; }
.data-set-title-box .data-detail-box {vertical-align: top;}
.data-set-title.open-api {border-top:3px solid #655bc2;}
.data-set-title.common-data {padding:19px 140px 16px 19px; border-top:3px solid #238d5b;}
.data-set-title.normal {padding:19px 19px 16px 19px; margin-bottom:20px;}

.data-set-title p {margin:0; padding:0;}
.data-set-title .tit-area {position:relative; padding:0;}
.data-set-title .tit-area .tagset {display:inline-block; margin-top:5px;}
.data-set-title .tit-area .tit {display:inline-block; margin-top:5px; line-height:1.2; font-weight:700; font-size:1.4286em; letter-spacing:-0.05em; vertical-align:middle;}
/*.data-set-title .cont {padding:15px 0;}*/
.data-set-title .cont {padding:15px 270px 15px 0;}
.data-set-title .btn-like {min-width:0; height:32px; margin:0 0 0 4px; padding:0 10px; line-height:29px;}
.data-set-title .like-done {display:inline-block; vertical-align:middle; color:#1b9ac4;}
.data-set-title .score-form {margin-left:14px;}
.data-set-title .btn-util {position:absolute; right:19px; top:17px;}
.mobile-btns a{height: auto; margin: 0 auto; width: 49%;}
.mobile-btns a.mb-std-btn{height: auto; margin: 0 auto; width: auto;}
.data-mobile-box a {height: auto; width: 100%;}
.file-meta-table-mobile {padding-top: 20px;}
/* 데이터찾기 - table */
/*table.dataset-table {width:100%; table-layout:fixed; border-collapse:collapse;}*/
/*table.dataset-table td {position:relative; border:1px solid #e0e0e0; vertical-align:top;}*/
/*table.dataset-table td:before {content:''; display:block; position:absolute; left:0; top:0; z-index:-1; width:180px; height:100%;}*/
/*table.dataset-table td:after {content:''; display:block; position:absolute; left:180px; top:0; width:1px; height:100%; background-color:#e0e0e0;}*/
/*table.dataset-table .inner-table {display:table; width:100%; min-height:100%; table-layout:fixed; border-collapse:collapse;}*/
/*table.dataset-table .inner-table .inner-tr {display:table-row;}*/
/*table.dataset-table .inner-table .inner-tr .th {display:table-cell; width:180px; padding:11px 12px; color:#333; font-weight:700;}*/
/*table.dataset-table .inner-table .inner-tr .td {display:table-cell; width:calc(100% - 180px); padding:11px 12px; !*border-left:1px solid #e0e0e0;*!}*/

/*table.dataset-table .bg-beige td:before {background-color:#f8f6f1;}*/
/*table.dataset-table .bg-skyblue td:before {background-color:#f0f4f7;}*/
/*table.dataset-table .bg-green td:before {background-color:#ecf7ee;}*/

table.dataset-table {border:0.5px solid #e0e0e0;}

table.dataset-table .img-copyright {display:inline-block; vertical-align:middle;}
table.dataset-table .img-copyright img {height:28px;}

table.dataset-table .bg-beige {background-color:#f8f6f1;}
table.dataset-table .bg-skyblue {background-color:#f0f4f7;}
table.dataset-table .bg-green {background-color:#ecf7ee;}

table.dataset-table .tr {display:table; width:100%; min-height:100%; border:none;}
table.dataset-table .tr td:nth-child(4) {width: 400px;}
table.dataset-table .th {display:table-cell; width:200px; padding:11px 12px; color:#333; font-weight:700; text-align: left; border:none; }
table.dataset-table .td {position:relative;  display:table-cell; width:calc(100% - 180px); padding:11px 12px; background: white; border:none;}

table.mobile-operation .th {display:table-cell; width:140px; padding:11px 12px; color:#333; font-weight:700; text-align: left; border:none; }
table.mobile-operation .td {position:relative; vertical-align:top; display:table-cell; width:calc(100% - 180px); padding:11px 12px; background: white; border:none;}
table.mobile-operation .bg-beige {background-color:#f8f6f1;}
table.mobile-operation { border:0.5px solid #e0e0e0; }
table.mobile-operation { display: none; }
@media (min-width: 320px) and (max-width: 576px) {
    table.mobile-operation { display: inline-table !important; }
}

.custom-cell-border-bottom { border-bottom: 0.5px solid #e0e0e0 !important; }
.custom-cell-border-right { border-right: 0.5px solid #e0e0e0 !important; }

/* 데이터찾기 - 미리보기 */
.dataset-preview {border:4px solid #696969;}

/* 데이터찾기 - 데이터 이력보기 */
.data-history {margin:0; padding:0; border-top:2px solid #555; border-bottom:1px solid #e0e0e0;}
.data-history p {margin:0; padding:0;}
.data-history ul {overflow:hidden; overflow-y:auto; max-height:225px;}
.data-history ul li {overflow:hidden; position:relative; height:45px; padding:11px 10px 0 10px; border-top:1px solid #e0e0e0;}
.data-history ul li:first-child {border-top:0;}
.data-history ul li .tit {overflow:hidden; position:relative; width:100%; padding:0 400px 0 0; white-space:nowrap; text-overflow:ellipsis;}
.data-history ul li .tit a {color:#333; text-decoration:none; font-weight:700;}
.data-history ul li .tit a:hover,
.data-history ul li .tit a:focus {text-decoration:underline;}
.data-history ul li .txt {position:absolute; right:10px; top:11px; color:#666;}
.data-history ul li .txt p {float:left; width:220px; text-align:right;}
.data-history ul li .txt p:first-child {width:auto; margin:0; text-align:left;}

/* 데이터찾기 - 연관 데이터 */
.data-list {margin:0; padding:0; border-top:2px solid #555;}
.data-list p {margin:0; padding:0;}
.data-list ul {}
.data-list ul li {overflow:hidden; padding:11px 10px 10px 10px; border-bottom:1px solid #e0e0e0;}
.data-list ul li .tit {float:left; position:relative; padding:0 0 0 85px;}
.data-list ul li .tit span {position:absolute; left:0; top:0;}
.data-list ul li .tit a {color:#333; text-decoration:none; font-weight:700;}
.data-list ul li .tit a:hover,
.data-list ul li .tit a:focus {text-decoration:underline;}
.data-list ul li .txt {float:right; color:#666;}
.data-list ul li .txt p {float:left; width:220px; text-align:right;}
.data-list ul li .txt p:first-child {width:auto; margin:0; text-align:left;}

/* 데이터활용 - 활용 데이터 */
.data-list.v2 ul li .tit {overflow:hidden; width:40%; min-height:24px; padding-right:25px; white-space:nowrap; text-overflow:ellipsis;}
.data-list.v2 ul li .txt {overflow:hidden; display:inline-block; width:60%; white-space:nowrap; text-overflow:ellipsis; }

/* 데이터활용 - 기타정보 */
.data-list.col-3 ul:after {clear:both; content:''; display:block;}
.data-list.col-3 ul li {float:left; width:33.3%;}
.data-list.col-3 ul li:first-child {width:33.4%;}

/* 데이터활용 - 이미지 스크롤 */
.img-slide-area {overflow:hidden; overflow-x:scroll; width:100%; height:370px; margin-top:15px; background-color:#f7f7f7;}
.img-slide-area .scroll-x {max-width:2000px; white-space:nowrap; padding:30px;}
.img-slide-area .scroll-x span {display:inline-block; margin-right:10px;}

/* 데이터찾기 - open api */
.open-api-detail {border-top:2px solid #555;}
.open-api-detail .open-api-detail-select {padding:30px 0;}
.open-api-detail .open-api-detail-select label {margin:0 4px 0 0; line-height:40px; color:#333; font-weight:700;}
.open-api-detail .open-api-detail-select select {width:400px; max-width:800px; height:40px; vertical-align:middle;}
.open-api-detail .open-api-detail-result {}
.open-api-detail .open-api-detail-result .box-gray {margin-top:20px;}
.open-api-detail .open-api-detail-result .box-gray .dot-list {}
.open-api-detail .open-api-detail-result .box-gray .dot-list li {word-break: break-all; word-wrap: normal;}
.open-api-detail .open-api-detail-result .box-preview {overflow:hidden; overflow-y:scroll; height:160px;}
.open-api-detail .open-api-detail-result .sample-data-code {border:1px solid #e0e0e0;}
.open-api-detail .open-api-detail-result .sample-data-code .btn {padding:9px; border-bottom:1px solid #e0e0e0; }
.open-api-detail .open-api-detail-result .sample-data-code .btn .button {border-color:#e0e0e0; color:#ccc;}
.open-api-detail .open-api-detail-result .sample-data-code .btn .button:hover,
.open-api-detail .open-api-detail-result .sample-data-code .btn .button:focus {border-color:#e0e0e0; color:#ccc; background-color:#fff;}
.open-api-detail .open-api-detail-result .sample-data-code .btn .button.on {border-color:#999; color:#333;}
.open-api-detail .open-api-detail-result .sample-data-code .code {padding:15px; background-color:#fafafa;}

.sample-data-code {border:1px solid #e0e0e0;}
.sample-data-code .btn {padding:9px; border-bottom:1px solid #e0e0e0; }
.sample-data-code .btn .button {border-color:#e0e0e0; color:#ccc;}
.sample-data-code .btn .button:hover,
.sample-data-code .btn .button:focus {border-color:#e0e0e0; color:#ccc; background-color:#fff;}
.sample-data-code .btn .button.on {border-color:#999; color:#333;}
.sample-data-code .code {padding:15px; background-color:#fafafa;}


/* 데이터찾기 - 표준 데이터 - 상세 */
.common-data-grid-util {overflow:hidden; margin-top:10px; margin-bottom: 10px;}
.common-data-grid-util .left {float:left;}
.common-data-grid-util .left select {max-width:none; width:160px; height:40px; margin:0 4px 0 0; vertical-align:middle;}
.common-data-grid-util .left .input-text {width:240px; height:40px; margin:0 4px 0 0;}
.common-data-grid-util .right {float:right; text-align:right;}
.common-data-grid-util .right .tit {display:inline-block; margin:0; padding:0; line-height:40px; color:#333; font-weight:700; vertical-align:middle;}
.common-data-grid-util .right .button {margin-left:4px;}
.common-data-grid-area {overflow:hidden; overflow:scroll; width:100%; height:450px; margin:20px 0 0 0; border:1px solid #b2bad2;}
.common-data-map-area {overflow:hidden; overflow:scroll; width:100%; height:450px; margin:20px 0 0 0; border:1px solid #b2bad2;}

.common-data-tab {}
.common-data-tab .box-gray {}
.common-data-tab .box-gray .dot-list {}
.common-data-tab .box-gray .dot-list li {word-break: break-all; word-wrap: normal;}

.common-data-tab .box-gray .button-group {margin:0; padding:10px 0 0 0;}
.common-data-tab .box-preview {overflow:hidden; overflow-y:scroll; height:160px;}
.common-data-tab .chart-area {border:1px solid #e0e0e0;}

/* 데이터찾기 - 데이터셋 - 데이터 활용신청 */
.data-purpose {padding:19px; border:1px solid #e0e0e0;}
.data-purpose .list {padding:0 0 10px 0;}
.data-purpose .list li {margin:0; padding:8px 0 0 0;}

/* 데이터찾기 - 데이터셋 - 국가중점데이터 */
.nation-data {}
.nation-data .bg-nation {margin:0; padding:38px; border:2px solid #e0e0e0; background:url('/images/biz/data-search/bg-nation.png') no-repeat right bottom;}
.nation-data .bg-nation span {display:block; font-size:1.1429em;}
.nation-data .list-top {margin-top:40px;}
.nation-data .list-top .left {}
.nation-data .list-top .left .label {color:#333; font-weight:700;}
.nation-data .list-top .left .input-box {display:inline-block; margin-left:4px;}
.nation-data .list-top .left .input-text {width:280px;}
.nation-data .list-top .left .button {margin-left:4px;}

.nation-data .brn-nation-list {overflow:hidden; margin-top:20px;}
.nation-data .brn-nation-list ul {margin:0;}
.nation-data .brn-nation-list ul li {float:left; width:calc(33.3333% - 12px); margin:12px 6px 0 6px;}
.nation-data .brn-nation-list ul li a {display:block; width:100%; padding:0; border:1px solid #e0e0e0; text-align:center; text-decoration:none;}
.nation-data .brn-nation-list ul li a .top-img {margin:0; padding:0; font-size:0; line-height:0;}
.nation-data .brn-nation-list ul li a .top-img img {width:100%; height:180px;}
.nation-data .brn-nation-list ul li a .txt {display:inline-table; width:48%; table-layout:fixed; border-collapse:collapse; vertical-align:top;}
.nation-data .brn-nation-list ul li a .txt div {display:table-cell; width:100%; height:58px; vertical-align:middle; color:#333; font-size:1.1429em; line-height:1.1;}
.nation-data .brn-nation-list ul li a .img {display:inline-table; width:48%; table-layout:fixed; border-collapse:collapse; vertical-align:top;}
.nation-data .brn-nation-list ul li a .img div {display:table-cell; width:100%; height:60px; text-align:center; vertical-align:middle; line-height:0;}
.nation-data .brn-nation-list ul li a .img div img {max-width:100%; max-height:50px;}
.nation-data .brn-nation-list ul li a .img.img-2 div img {height:20px;}
.nation-data .brn-nation-list ul li a:hover {border-color:#3f7ad2;}
.nation-data .brn-nation-list ul li a:hover .txt div {color:#3f7ad2;}

/* 데이터찾기 - 데이터셋 - 국가중점데이터 - 상세 */
.nation-data {}
.nation-data .view-page {}
.nation-data .view-page p {margin:0; padding:0;}
.nation-data .view-page .tit-area {overflow:hidden; padding:40px 0; border-top:2px solid #555; border-bottom:1px solid #e0e0e0;}
.nation-data .view-page .tit-area .tit {display:inline-block; margin:0 10px 0 0; padding:0; color:#333; font-size:2em; line-height:40px; vertical-align:middle;}
.nation-data .view-page .tit-area img {margin-right:5px; vertical-align:middle;}
.nation-data .view-page .tit-area .button {display:block; float:right;}
.nation-data .view-page .writing {padding:40px 0; font-family:'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif !important;}
.nation-data .view-page .writing p {line-height:1.5 !important;}
.nation-data .view-page .writing p span {line-height:1.5 !important;}
.nation-data .view-page .writing th, 
.nation-data .view-page .writing td {line-height:1.5 !important;}
/* as is css */
.nation-data .view-page .writing img {max-width:100% !important; height:auto !important;}
.nation-data .view-page .writing p {overflow:hidden; margin:0; padding:0;}
.nation-data .view-page .writing p.q {font-weight:bold; color:#333;}
.nation-data .view-page .writing div.pic {overflow:hidden; overflow-x:scroll; width:710px; height:312px; background:#f7f7f7; padding:30px 30px 0 30px;}
.nation-data .view-page .writing div.pic ul { display:inline-block; }
.nation-data .view-page .writing div.pic li {float:left; display:block; margin-left:15px;}
.nation-data .view-page .writing div.pic li img {width:162px; height:268px;}
/*// as is css */

/* 데이터찾기 - 이슈데이터 - 목록 */
.bg-issue-data {margin:0; padding:34px 38px 63px 38px; border:2px solid #e0e0e0; background:url('/images/biz/data-search/bg-issue-data.png') no-repeat right bottom;}
.bg-issue-data span {display:block; font-size:1.1429em;}

.bg-osquare-d {margin:0; padding:34px 38px 63px 38px; border:2px solid #e0e0e0; background:url('/images/biz/data-search/bg-osquare-d.png') no-repeat right bottom; background-size: 420px auto;}
.bg-osquare-d span {display:block; font-size:1.1429em;}

.bg-contest-data {margin:0; padding:34px 38px 63px 38px; border:2px solid #e0e0e0; background:url('/images/biz/data-search/bg-contest-data.jpg') no-repeat right bottom;}
.bg-bigdata-contest-data {margin:0; padding:34px 38px 63px 38px; border:2px solid #e0e0e0; background:url('/images/biz/data-search/bg-bigdata-contest.png') no-repeat right bottom;}
.bg-contest-data span {display:block; font-size:1.1429em;}

.issue-data-list {overflow:hidden; margin-top:28px;}
.issue-data-list p {margin:0; padding:0;}
.issue-data-list ul {margin-left:-24px;}
.issue-data-list ul li {float:left; width:25%; margin:0; padding:12px 0 12px 24px;}
.issue-data-list ul li a {overflow:hidden; display:block; width:100%; height:260px; padding:0; color:#666; text-decoration:none; border:1px solid #e0e0e0;}
.issue-data-list ul li .img {overflow:hidden; height:160px; margin:0; font-size:0; line-height:0;}
.issue-data-list ul li .img img {width:auto; max-height:160px;}
.issue-data-list ul li .text-area {padding:20px 19px;}
.issue-data-list ul li .tit {overflow:hidden; display:block; width:100%; margin:10px 0; color:#333; font-size:1.1429em; font-weight:700; line-height:1.1; white-space:nowrap; text-overflow:ellipsis;}
.issue-data-list ul li a:hover {border-color:#3f7ad2;}
.issue-data-list ul li a:hover .tit {color:#3f7ad2; text-decoration:underline;}
.issue-data-list ul li.no-data .txt {display:block; height:260px; padding-top:115px; font-size:1.1429em; text-align: center; border:1px solid #e0e0e0; }
.issue-data-list ul #preliminary-data-list-wrapper .startup-title { text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical }

/* 데이터찾기 - 이슈데이터 - 상세 */
.issue-data-text {position:relative; padding:20px; margin-bottom:40px; border:1px solid #e0e0e0; background-color:#fafafa;}
.issue-data-text .button {position:absolute; top:50%; right:20px; margin-top:-16px; }

.issue-data-infomation {position:relative; min-height:178px; padding-left:325px; margin-bottom:30px;}
.issue-data-infomation .data-img-area {position:absolute; top:0; left:0; width:307px; min-height:178px; border:1px solid #d9d9d9; }

/* ==========================================================================
	데이터 활용
========================================================================== */
/* 데이터 시각화 - 목록 */
.data-view-list {overflow:hidden;}
.data-view-list p {margin:0; padding:0;}
.data-view-list ul {margin-left:-24px;}
.data-view-list ul li {float:left; width:25%; margin:0; padding:12px 0 12px 24px;}
.data-view-list ul li a {overflow:hidden; display:block; width:100%; height:360px; padding:20px 19px; color:#666; text-decoration:none; border:1px solid #e0e0e0;}
.data-view-list ul li .img {overflow:hidden; height:155px; margin:0 0 20px 0; font-size:0; line-height:0;}
.data-view-list ul li .img img {width:100%; max-height:155px;}
.data-view-list ul li .tit {overflow:hidden; display:block; width:100%; margin:10px 0; color:#333; font-size:1.1429em; font-weight:700; line-height:1.1; white-space:nowrap; text-overflow:ellipsis;}
.data-view-list ul li .txt {overflow:hidden; display:block; height:44px; color:#666; line-height:1.5;}
.data-view-list ul li .maker {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.data-view-list ul li .count {}
.data-view-list ul li .count p {display:inline-block; margin:0 0 0 10px; padding:0; vertical-align:middle;}
.data-view-list ul li .count p:first-child {margin:0;}
.data-view-list ul li .count .ico-good {margin:-2px 0 0 0;}
.data-view-list ul li .date {margin:0; padding:18px 0 0 0; text-align:right;}
.data-view-list ul li a:hover {border-color:#3f7ad2;}
.data-view-list ul li a:hover .tit {color:#3f7ad2; text-decoration:underline;}

.data-view-list.v2 ul li a {height:326px; padding:19px 16px;}
.data-view-list.v2 ul li .tit {}
.data-view-list.v2 ul li .img {height:100px;}
.data-view-list.v2 ul li .img img {width:100%; max-height:100px;}
.data-view-list.v2 ul li .date {padding:15px 0 0 0;}

/* 데이터 시각화 - 상세 */
.layer-detail-data {overflow:hidden; overflow:scroll; width:100%; -webkit-overflow-scrolling:touch;}
.layer-detail-data .data-table {width:1600px;}
.layer-detail-data table {table-layout:auto;}
.layer-detail-data table th,
.layer-detail-data table td {width:100px;}

/* 데이터 시각화 - 등록 */
.chart-type-choice {overflow:hidden; position:relative;}
.chart-type-choice .type {float:left; width:60px; height:auto; margin:0 0 0 20px;}
.chart-type-choice .type:first-child {margin-left:0;}
.chart-type-choice .type .toggle {position:relative; height:100px;}
.chart-type-choice .type .toggle button {overflow:hidden; display:block; width:60px; height:60px; margin:0 auto; padding:0; font-size:0; line-height:0; background-position:0 0; background-repeat:no-repeat; background-size:60px 120px; background-color:#fff;}
.chart-type-choice .type .toggle button:focus {outline:0;}
.chart-type-choice .type .toggle span {display:block; width:100%; padding:5px 0 0 0; text-align:center; font-size:0.8571em; letter-spacing:-0.05em;}
.chart-type-choice .type .detail {display:none; overflow:hidden; position:absolute; left:0; top:99px; z-index:2; width:100%; margin:0; padding:20px 0 0 0; border-top:1px solid #e0e0e0; background-color:#fff;}
.chart-type-choice .type .detail .col {display:none !important; float:left; width:60px; margin:0 0 0 20px; vertical-align:top;}
.chart-type-choice .type .detail .col:first-child {margin-left:0;}
.chart-type-choice .type .detail .col button {overflow:hidden; display:block; width:60px; height:60px; margin:0 auto; padding:0; font-size:0; line-height:0; background-position:0 0; background-repeat:no-repeat; background-color:#fff;}
.chart-type-choice .type .detail .col button:focus {outline:0;}
.chart-type-choice .type .detail .col span {display:block; margin:0 -10px; padding:5px 0 0 0; text-align:center; font-size:0.8571em; letter-spacing:-0.05em; line-height:1.2;}

/* 데이터 시각화 - 등록 - 그래프 1dpeth 선택 시 */
.chart-type-choice .type.on {height:160px;}
.chart-type-choice .type.on .toggle:before {content:''; display:block; position:absolute; left:50%; bottom:0; z-index:3; width:15px; height:9px; margin:0 0 0 -8px; background:url('/images/biz/common/bg/bg-chart-choice-arr.png') no-repeat center bottom;}
.chart-type-choice .type.on .toggle button {background-position:0 -60px;}
.chart-type-choice .type.on .toggle span {font-weight:700;}
.chart-type-choice .type.on .detail {display:block;}

/* 데이터 시각화 - 등록 - 그래프 2depth 선택 시 */
.chart-type-choice .type .detail .col.on button {background-position:0 0; background-repeat:no-repeat; background-size:60px;}
.chart-type-choice .type .detail .col.on span {font-weight:700;}

.chart-type-choice .type.bar .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #0a5474;}
.chart-type-choice .type.column .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #623709;}
.chart-type-choice .type.line .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #096240;}
.chart-type-choice .type.area .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #852c39;}
.chart-type-choice .type.radial .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #045b63;}
.chart-type-choice .type.bubble .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #593d93;}
.chart-type-choice .type.scatter .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #26374e;}
.chart-type-choice .type.pie .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #4356aa;}
.chart-type-choice .type.heatmap .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #055f55;}
.chart-type-choice .type.treemap .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #494300;}
.chart-type-choice .type.map .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #992d5e;}
.chart-type-choice .type.boxplot .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #1f5e23;}
.chart-type-choice .type.bullet .detail .col.on button {box-shadow:inset 0px 0px 0px 2px #1e557f;}

/* 데이터 시각화 - 등록 - 그래프 1dpeth bg */
.chart-type-choice .type.bar .toggle button {background-image:url('/images/biz/common/bg/bg-chart-bar.png');} /* 바 */
.chart-type-choice .type.column .toggle button {background-image:url('/images/biz/common/bg/bg-chart-column.png');} /* 컬럼 */
.chart-type-choice .type.line .toggle button {background-image:url('/images/biz/common/bg/bg-chart-line.png');} /* 라인 */
.chart-type-choice .type.area .toggle button {background-image:url('/images/biz/common/bg/bg-chart-area.png');} /* 영역 */
.chart-type-choice .type.radial .toggle button {background-image:url('/images/biz/common/bg/bg-chart-radial.png');} /* 방사형 */
.chart-type-choice .type.bubble .toggle button {background-image:url('/images/biz/common/bg/bg-chart-bubble.png');} /* 버블 */
.chart-type-choice .type.scatter .toggle button {background-image:url('/images/biz/common/bg/bg-chart-scatter.png');} /* 분산형 */
.chart-type-choice .type.pie .toggle button {background-image:url('/images/biz/common/bg/bg-chart-pie.png');} /* 파이 */
.chart-type-choice .type.heatmap .toggle button {background-image:url('/images/biz/common/bg/bg-chart-heatmap.png');} /* 히트맵 */
.chart-type-choice .type.treemap .toggle button {background-image:url('/images/biz/common/bg/bg-chart-treemap.png');} /* 트리맵 */
.chart-type-choice .type.map .toggle button {background-image:url('/images/biz/common/bg/bg-chart-map.png');} /* 지도 */
.chart-type-choice .type.boxplot .toggle button {background-image:url('/images/biz/common/bg/bg-chart-boxplot.png');} /* 박스플룻 */
.chart-type-choice .type.bullet .toggle button {background-image:url('/images/biz/common/bg/bg-chart-bullet.png');} /* 불릿 */

/* 데이터 시각화 - 등록 - 그래프 2dpeth bg */
/* 막대(바) */
.chart-type-choice .type.bar .detail .col button {background-color:#1076a1;}
.chart-type-choice .type.bar .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-bar-basic.png');}
.chart-type-choice .type.bar .detail .col.negative button {background-image:url('/images/biz/common/bg/bg-bar-negative.png');}
.chart-type-choice .type.bar .detail .col.normal button {background-image:url('/images/biz/common/bg/bg-bar-normal.png');}
.chart-type-choice .type.bar .detail .col.diverging button {background-image:url('/images/biz/common/bg/bg-bar-diverging.png');}
.chart-type-choice .type.bar .detail .col.center-axis button {background-image:url('/images/biz/common/bg/bg-bar-center-axis.png');}
.chart-type-choice .type.bar .detail .col.range button {background-image:url('/images/biz/common/bg/bg-bar-range.png');}
.chart-type-choice .type.bar .detail .col.secondary button {background-image:url('/images/biz/common/bg/bg-bar-secondary.png');}

/* 막대(칼럼) */
.chart-type-choice .type.column .detail .col button {background-color:#925513;}
.chart-type-choice .type.column .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-column-basic.png');}
.chart-type-choice .type.column .detail .col.negative button {background-image:url('/images/biz/common/bg/bg-column-negative.png');}
.chart-type-choice .type.column .detail .col.percent button {background-image:url('/images/biz/common/bg/bg-column-percent.png');}
.chart-type-choice .type.column .detail .col.group button {background-image:url('/images/biz/common/bg/bg-column-group.png');}
.chart-type-choice .type.column .detail .col.diverging button {background-image:url('/images/biz/common/bg/bg-column-diverging.png');}

/* 라인 */
.chart-type-choice .type.line .detail .col button {background-color:#098053;}
.chart-type-choice .type.line .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-line-basic.png');}
.chart-type-choice .type.line .detail .col.spline button {background-image:url('/images/biz/common/bg/bg-line-spline.png');}
.chart-type-choice .type.line .detail .col.coordinate button {background-image:url('/images/biz/common/bg/bg-line-coordinate.png');}
.chart-type-choice .type.line .detail .col.without button {background-image:url('/images/biz/common/bg/bg-line-without.png');}
.chart-type-choice .type.line .detail .col.synchronized button {background-image:url('/images/biz/common/bg/bg-line-synchronized.png');}
.chart-type-choice .type.line .detail .col.secondary button {background-image:url('/images/biz/common/bg/bg-line-secondary.png');}

/* 영역 */
.chart-type-choice .type.area .detail .col button {background-color:#b43d4f;}
.chart-type-choice .type.area .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-area-basic.png');}
.chart-type-choice .type.area .detail .col.normal button {background-image:url('/images/biz/common/bg/bg-area-normal.png');}
.chart-type-choice .type.area .detail .col.range button {background-image:url('/images/biz/common/bg/bg-area-range.png');}
.chart-type-choice .type.area .detail .col.auto-tick button {background-image:url('/images/biz/common/bg/bg-area-auto-tick.png');}
.chart-type-choice .type.area .detail .col.merge button {background-image:url('/images/biz/common/bg/bg-area-merge.png');}

/* 방사형 */
.chart-type-choice .type.radial .detail .col button {background-color:#0a7e88;}
.chart-type-choice .type.radial .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-radial-basic.png');}

/* 버블 */
.chart-type-choice .type.bubble .detail .col button {background-color:#7959bb;}
.chart-type-choice .type.bubble .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-bubble-basic.png');}

/* 분산형 */
.chart-type-choice .type.scatter .detail .col button {background-color:#3e5576;}
.chart-type-choice .type.scatter .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-scatter-basic.png');}

/* 파이 */
.chart-type-choice .type.pie .detail .col button {background-color:#566ccf;}
.chart-type-choice .type.pie .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-pie-basic.png');}
.chart-type-choice .type.pie .detail .col.center button {background-image:url('/images/biz/common/bg/bg-pie-center.png');}
.chart-type-choice .type.pie .detail .col.outer button {background-image:url('/images/biz/common/bg/bg-pie-outer.png');}
.chart-type-choice .type.pie .detail .col.donut button {background-image:url('/images/biz/common/bg/bg-pie-donut.png');}
.chart-type-choice .type.pie .detail .col.semi button {background-image:url('/images/biz/common/bg/bg-pie-semi.png');}

/* 히트맵 */
.chart-type-choice .type.heatmap .detail .col button {background-color:#087c6f;}
.chart-type-choice .type.heatmap .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-heatmap-basic.png');}
.chart-type-choice .type.heatmap .detail .col.random button {background-image:url('/images/biz/common/bg/bg-heatmap-random.png');}

/* 트리맵 */
.chart-type-choice .type.treemap .detail .col button {background-color:#655d00;}
.chart-type-choice .type.treemap .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-treemap-basic.png');}
.chart-type-choice .type.treemap .detail .col.usecolorvalue button {background-image:url('/images/biz/common/bg/bg-treemap-usecolorvalue.png');}

/* 지도 */
.chart-type-choice .type.map .detail .col button {background-color:#c23f7a;}
.chart-type-choice .type.map .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-map-basic.png');}
/* .chart-type-choice .type.map .detail .col.usecolorvalue button {background-image:url('/images/biz/common/bg/bg-map-usecolorvalue.png');} */ /* 2020-02-24 : 공공데이터포털_Front_03_데이터활용_v.1.0_20200219.pptx 기준 삭제 */

/* 박스플롯 */
.chart-type-choice .type.boxplot .detail .col button {background-color:#2c7a31;}
.chart-type-choice .type.boxplot .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-boxplot-basic.png');}

/* 불릿 */
.chart-type-choice .type.bullet .detail .col button {background-color:#2d71a5;}
.chart-type-choice .type.bullet .detail .col.basic button {background-image:url('/images/biz/common/bg/bg-bullet-basic.png');}

/* 공공데이터 시각화 - 데이터편집 - 기준선택  */
.standard-select-area {padding:45px;}
.standard-select-area .select-area {position:relative; padding-left:190px; margin-bottom:12px;}
.standard-select-area .select-area .label {position:absolute; top:9px; left:0;}
.standard-select-area .select-area select {max-width:100%;}
.standard-select-area .select-wrod-area {max-height:100px; overflow-y:auto; border:1px solid #e0e0e0; padding:10px 15px;}
.standard-select-area .select-wrod-area span {display:block; margin-top:5px;}
.standard-select-area .select-wrod-area span:first-child {margin-top:0;}
.standard-select-area .select-wrod-area span button {background:none;}
.standard-select-area .select-wrod-area span button .iconset {margin-top:-8px;}


.data-explain-list {padding:20px;}
.data-explain-list .tab-wrap {width:100%;}
.data-explain-list .data-scroll {overflow:hidden; overflow-x:scroll; width:100%; -webkit-overflow-scrolling:touch;}
.data-explain-list .data-scroll .data-table {width:2000px;}
.data-explain-list .data-scroll .data-table table {}
.data-explain-list .data-scroll .data-table table th,
.data-explain-list .data-scroll .data-table table td {text-align:center;}
.data-explain-list .data-scroll .data-table table th:first-child,
.data-explain-list .data-scroll .data-table table td:first-child {width:40px;}
.data-explain-list .star-list {}
.data-explain-list .star-list li {position:relative; padding-left:85px;}
.data-explain-list .star-list li strong {display:block; position:absolute; left:0; top:0;}



/* 공공데이터 분석서비스 */
.analyze-btn-wrap .button {color:#ccc; border-color:#e0e0e0; background-color:#fff; opacity:1;}
.analyze-btn-wrap .button.on {color:#333; border:1px solid #999; background-color:#fff;}

/* 그래프 선택에 따른 미리보기 영역 */
.chart-preview-area {overflow:hidden; position:relative; border:1px solid #e0e0e0; height:700px;}
.chart-preview-area:before {content:''; display:block; position:absolute; right:400px; top:0; width:1px; height:100%; background-color:#e0e0e0;}
.chart-preview-area .chart {float:left; width:calc(100% - 400px); height:700px;}
.chart-preview-area .data-infomation {overflow:hidden; overflow-y:auto; float:left; width:calc(100% - 479px); max-height:555px; padding:20px;}
.chart-preview-area .data-infomation .title {font-size:1.143em; font-weight:700; text-align: center; padding:0 0 20px 0; border-bottom:2px solid #555; margin:0;}
.chart-preview-area .data-infomation .content {margin-top:20px; text-align: left;}
.chart-preview-area .cont {width:400px; float:right; }
.chart-preview-area .cont .tab {border-bottom:1px solid #e0e0e0;}
.chart-preview-area .cont .tab ul {overflow:hidden;}
.chart-preview-area .cont .tab ul li {float:left; width:50%;}
.chart-preview-area .cont .tab ul li a {overflow:hidden; display:block; height:46px; margin:0; padding:0; color:#ccc; font-weight:700; text-decoration:none; text-align:center; line-height:46px; background-color:#f7f7f7;}
.chart-preview-area .cont .tab ul li.on a {color:#333; background-color:#fff;}
.chart-preview-area .cont .tab ul li + li {border-left:1px solid #e0e0e0;}
.chart-preview-area .cont .tab.col-3 ul li {width:33.3%;}
.chart-preview-area .cont .tab.col-3 ul li.on {width:33.4%;}
.chart-preview-area .cont .tab-wrap {}
.chart-preview-area .cont .tab-wrap .tab-cont {}
.chart-preview-area .cont .tab-wrap .tab-cont .scroll {overflow:hidden; overflow:scroll; height:508px;}
.chart-preview-area .cont .tab-wrap .tab-cont .btn-area {display:block; margin:0; border-top:1px solid #e0e0e0;}
.chart-preview-area .cont .tab-wrap .tab-cont .btn-area .btn {display:block; width:100%; height:42px; margin:0; padding:0; border:0; color:#333; font-weight:700; background-color:#fff;}
.chart-preview-area .cont .tab-wrap .tab-cont .btn-area .btn i {margin:-4px 4px 0 0;}
.chart-preview-area .cont .tab-wrap .tab-cont .data-choice {padding:20px 19px;}
.chart-preview-area .cont .tab-wrap .tab-cont .data-choice .tit-group {margin:0 0 10px 0;}
.chart-preview-area .cont .tab-wrap .tab-cont .data-choice .tit-group p.tit {color:#333; font-weight:700;}
.chart-preview-area .cont .tab-wrap .tab-cont .data-choice .tit-group .tit span {color:#ef6205;}
.chart-preview-area .cont .tab-wrap .tab-cont .data-choice .tit-group .txt-info span {color:#ef6205;}

/* 국민참여 지도 - 목록 */
.map-data-list {overflow:hidden;}
.map-data-list p {margin:0; padding:0;}
.map-data-list ul {margin-left:-24px;}
.map-data-list ul li {float:left; width:25%; margin:0; padding:12px 0 12px 24px;}
.map-data-list ul li a {overflow:hidden; display:block; width:100%; height:360px; padding:20px 19px; color:#666; text-decoration:none; border:1px solid #e0e0e0;}
.map-data-list ul li .img {margin:0 0 20px 0; font-size:0; line-height:0; text-align:center;}
.map-data-list ul li .img img {width:180px; height:auto;}
.map-data-list ul li .tit {overflow:hidden; display:block; width:100%; margin:10px 0; color:#333; font-size:1.1429em; font-weight:700; line-height:1.1; white-space:nowrap; text-overflow:ellipsis;}
.map-data-list ul li .txt {overflow:hidden; height:44px;}
.map-data-list ul li .count {margin-top:4px;}
.map-data-list ul li .count p {display:inline-block; margin:0 0 0 10px; padding:0; vertical-align:middle;}
.map-data-list ul li .count p:first-child {margin:0;}
.map-data-list ul li .date {margin:0; padding:0; text-align:right;}
.map-data-list ul li a:hover {border-color:#3f7ad2;}
.map-data-list ul li a:hover .tit {color:#3f7ad2; text-decoration:underline;}
.map-data-list ul li a:hover .txt {color:#3f7ad2; text-decoration:underline;}

/* 국민참여 지도, 위치정보 시각화 - 등록 */
.portal-map-area {overflow:hidden; position:relative; width:100%; height:880px; margin:0; padding:0; border:1px solid #e0e0e0;}

.portal-map-area .tit-map-area {display:block; position:absolute; left:0; top:0; z-index:31; width:399px; height:51px; line-height:50px; margin:0; padding:0 10px; color:#333; font-size:1.1429em; font-weight:700; border-bottom:1px solid #e0e0e0; transition:left 0.1s ease-in-out;}

.portal-map-area .btn-toggle-info {overflow:hidden; display:block; position:absolute; left:347px; top:-1px; z-index:31; width:52px; height:52px; text-indent:-9999px; border:1px solid #e0e0e0; background:#fff url('/images/biz/data-app/btn-toggle-info.png') no-repeat center; transition:left 0.1s ease-in-out;}
.portal-map-area .btn-toggle-info:disabled {opacity:0.3;}

.portal-map-area .label {display:block; position:relative; margin:0 0 10px 0; color:#333; font-weight:700; line-height:1.1;}
.portal-map-area .label.req:before {content:'*'; display:inline-block; margin:0 2px 0 0; padding:0; color:#d8265d;}

.portal-map-area .left-section {overflow:hidden; overflow-y:auto; position:absolute; left:0; top:0; bottom:0; z-index:30; width:399px; padding:51px 0 20px 0; border-right:1px solid #e0e0e0; background-color:#fff; transition:left 0.1s ease-in-out; box-shadow:1px 0 7px 0 rgba(0,0,0,0.5);}
.portal-map-area .left-section p {margin:0; padding:0;}
.portal-map-area .left-section .section {}
.portal-map-area .left-section .section .tit {height:44px; margin:0; padding:0 10px; line-height:44px; color:#333; font-weight:700; background-color:#f1f1f1;}
.portal-map-area .left-section .section .tit-group {overflow:hidden; margin:0; padding:0; background-color:#f1f1f1;}
.portal-map-area .left-section .section .tit-group .right {padding:6px 10px 0 0;}
.portal-map-area .left-section .button-group {margin:0;}
.portal-map-area .left-section .pagination {margin:0;}
.portal-map-area .left-section.on {box-shadow:none;}

/* 국민참여 지도, 위치정보 시각화 - 등록 부분 */
.portal-map-area .portal-map-regi {padding:20px 19px;}
.portal-map-area .portal-map-regi .block {margin-top:20px;}
.portal-map-area .portal-map-regi .block:first-child {margin-top:0;}
.portal-map-area .portal-map-regi .block select,
.portal-map-area .portal-map-regi .block .input-text,
.portal-map-area .portal-map-regi .block .input-textarea {display:block; width:100%; max-width:none;}
.portal-map-area .portal-map-regi .block .label + .input-util {padding-top:0;}
.portal-map-area .portal-map-regi .block .thum-type {padding:5px 0 0 0;}
.portal-map-area .portal-map-regi .block .thum-type .txt {padding:0 0 10px 0; color:#333;}

/* 국민참여 지도, 위치정보 시각화 - 등록 - 썸네일 선택 */
.portal-map-area .thum-sample-view {display:none; position:absolute; left:179px; /* left:399px; */ top:0; bottom:0; z-index:29; width:220px; border-right:1px solid #e0e0e0; background-color:#fff; box-shadow:1px 0 7px 0 rgba(0,0,0,0.5);}
.portal-map-area .thum-sample-view .wrap {position:relative; width:100%; height:100%;}
.portal-map-area .thum-sample-view .tit-area {display:block; width:100%; height:51px; line-height:50px; margin:0; padding:0 10px; color:#333; font-size:1.1429em; font-weight:700; border-bottom:1px solid #e0e0e0;}
.portal-map-area .thum-sample-view .list-area {}
.portal-map-area .thum-sample-view .list-area .list {}
.portal-map-area .thum-sample-view .list-area .list li {padding:20px 0 0 0; text-align:center; line-height:1.1;}
.portal-map-area .thum-sample-view .list-area .list li .img {width:180px; margin:0 auto 10px auto; font-size:0; line-height:0;}
.portal-map-area .thum-sample-view .list-area .list li .img img {width:100%; height:auto;}
.portal-map-area .thum-sample-view .btn-close-thum-sample-view {overflow:hidden; display:block; position:absolute; right:-1px; top:-1px; width:52px; height:52px; text-indent:-9999px; border:1px solid #e0e0e0; background:#fff url('/images/biz/data-app/btn-close-thum-sample-view.png') no-repeat center;}

.portal-map-area .dimed {position:absolute; left:0; top:0; right:0; bottom:0; z-index:28; background-color:rgba(0,0,0,0.5);}

.portal-map-area.off .tit-map-area {left:-399px;}
.portal-map-area.off .btn-toggle-info {left:-1px; transform:rotate(180deg);}
.portal-map-area.off .left-section {left:-400px;}

/* 국민참여 지도, 위치정보 시각화 - 상세 */
.portal-map-area .portal-map-detail {padding:20px 19px;}

.portal-map-area .portal-map-detail .scroll-list {border-top:2px solid #555; border-bottom:1px solid #e0e0e0;}
.portal-map-area .portal-map-detail .scroll-list ul {overflow:hidden; overflow-y:auto; padding:0;}
.portal-map-area .portal-map-detail .scroll-list ul li {line-height:1.1;}
.portal-map-area .portal-map-detail .scroll-list ul li:first-child {margin-top:0;}
.portal-map-area .portal-map-detail .scroll-list ul li .btn {margin:0; padding:0; border:0; background-color:transparent; text-align:left;}

.portal-map-area .portal-map-detail.basic {}
.portal-map-area .portal-map-detail.basic .tit-area {overflow:hidden; width:100%; margin:0; padding:0; white-space:nowrap; text-overflow:ellipsis;}
.portal-map-area .portal-map-detail.basic .tit-area .title {display:inline; margin:0 0 0 4px; color:#333; font-size:1.1429em; font-weight:700; line-height:24px; vertical-align:middle;}
.portal-map-area .portal-map-detail.basic .info {overflow:hidden; padding:10px 0; line-height:1.1;}
.portal-map-area .portal-map-detail.basic .info .writer {float:left;}
.portal-map-area .portal-map-detail.basic .info .date {float:right;}
.portal-map-area .portal-map-detail.basic .cont {overflow:hidden; overflow-y:scroll; height:80px; padding:7px 10px; border:1px solid #e0e0e0;}
.portal-map-area .portal-map-detail.basic .util {overflow:hidden; padding:0 10px 12px 0px;}
.portal-map-area .portal-map-detail.basic .util .btn-good.on {background-color:transparent !important;}
.portal-map-area .portal-map-detail.basic .util .left {float:left;}
.portal-map-area .portal-map-detail.basic .util .right {float:right;}
.portal-map-area .portal-map-detail.basic .util .btn {margin:0; padding:0; border:0; text-decoration:none; color:#666; background-color:transparent;}
.portal-map-area .portal-map-detail.basic .util a.btn:hover {text-decoration:underline; color:#2775c4;}

.portal-map-area .portal-map-detail.topic {}
.portal-map-area .portal-map-detail.topic .scroll-list {}
.portal-map-area .portal-map-detail.topic .scroll-list ul {height:90px;}
.portal-map-area .portal-map-detail.topic .scroll-list ul li .btn {overflow:hidden; display:block; width:100%; height:30px; padding:0 5px; color:#666; white-space:nowrap; text-overflow:ellipsis;}
.portal-map-area .portal-map-detail.topic .scroll-list ul li.on .btn {color:#333; background-color:#e6e6e6;}
.portal-map-area .portal-map-detail.topic .scroll-list ul li .btn img {width:12px; vertical-align:middle;}


.portal-map-area .portal-map-detail.attr {}
.portal-map-area .portal-map-detail.attr .scroll-list ul {height:120px; padding:15px 0;}
.portal-map-area .portal-map-detail.attr .scroll-list ul li {margin:10px 0 0 0;}
.portal-map-area .portal-map-detail.attr .scroll-list ul li:first-child {margin:0;}
.portal-map-area .portal-map-detail.attr .scroll-list ul li a {overflow:hidden; display:block; width:100%; color:#666; line-height:1.2; text-decoration:none; white-space:nowrap; text-overflow:ellipsis;}
.portal-map-area .portal-map-detail.attr .scroll-list ul li a:hover {color:#2775c4; text-decoration:underline;}
.portal-map-area .portal-map-detail.attr .service-choice {margin:0 0 15px 0; padding:0;}
.portal-map-area .portal-map-detail.attr .service-choice ul {}
.portal-map-area .portal-map-detail.attr .service-choice ul li {margin:2px 0 0 0;}
.portal-map-area .portal-map-detail.attr .service-choice ul li:first-child {margin:0;}
.portal-map-area .portal-map-detail.attr .service-choice ul li.on .btn {color:#333; font-weight:700; text-decoration:underline;}
.portal-map-area .portal-map-detail.attr .service-choice .btn {overflow:hidden; max-width:calc(100% - 30px); height:18px; margin:0; padding:0; border:0; text-align:left; color:#666; background-color:transparent; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis;}
.portal-map-area .portal-map-detail.attr .service-choice .btn-del {margin:0 0 0 4px;}
.portal-map-area .portal-map-detail.attr .topic-choice {margin:0 0 15px 0; padding:0;}
.portal-map-area .portal-map-detail.attr .topic-choice ul {}
.portal-map-area .portal-map-detail.attr .topic-choice ul li {margin:2px 0 0 0;}
.portal-map-area .portal-map-detail.attr .topic-choice ul li:first-child {margin:0;}
.portal-map-area .portal-map-detail.attr .topic-choice ul li.on .btn {color:#333;}
.portal-map-area .portal-map-detail.attr .topic-choice .btn {overflow:hidden; max-width:calc(100% - 30px); height:18px; margin:0; padding:0; border:0; text-align:left; color:#999; background-color:transparent; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis;}
.portal-map-area .portal-map-detail.attr .topic-choice .btn-del {margin:0 0 0 4px;}

.portal-map-area .map-util-btn {position:absolute; right:99px; top:19px; z-index:27;}

.portal-map-area .map-util-view {position:absolute; right:19px; top:19px; z-index:27; border:1px solid #999;}
.portal-map-area .map-util-view .btn {display:block; width:58px; height:78px; margin:0; padding:0; text-align:center; border:0; border-top:1px solid #999; background-color:#eee;}
.portal-map-area .map-util-view .btn:first-child {border-top:0;}
.portal-map-area .map-util-view .btn strong {display:block; padding:5px 0 0 0; color:#999; font-size:0.8571em; line-height:1.1;}
.portal-map-area .map-util-view .btn.on {background-color:#fff;}
.portal-map-area .map-util-view .btn.on strong {color:#333;}

.portal-map-area .map-util-now {position:absolute; right:19px; top:277px; z-index:27;}
.portal-map-area .map-util-now .btn-location-now {overflow:hidden; display:block; width:36px; height:36px; margin:0; padding:0; text-indent:-9999px; border:1px solid #999; background:#fff url('/images/biz/data-app/btn-map-util-now.png') no-repeat center;}

.portal-map-area .portal-map-detail.position .position-service-list {height:250px; overflow-y:scroll;}
.portal-map-area .portal-map-detail.position .position-service-list:after {clear:both; content:''; display:block;}
.portal-map-area .portal-map-detail.position .position-service-list li {position:relative; float:left; width:33.3%; height:86px; text-align: center; padding:7px 5px 8px 5px;}
.portal-map-area .portal-map-detail.position .position-service-list li:nth-child(3dn+1) {width:33.4%;}
.portal-map-area .portal-map-detail.position .position-service-list li .marker {display:block; font-size:0; line-height:0; margin-bottom:10px;}
.portal-map-area .portal-map-detail.position .position-service-list li .marker img {}
.portal-map-area .portal-map-detail.position .position-service-list li label {display:block; font-size:0.857em; line-height:1.3; color:#666; }
.portal-map-area .portal-map-detail.position .position-service-list li input[type=checkbox] {position:absolute; left:5px; top:5px; z-index:0; opacity:1;}
.portal-map-area .portal-map-detail.position .position-service-list li input[type=checkbox]:checked + label {color:#2775c4; font-weight:700;}
.portal-map-area .portal-map-detail.position .position-service-list li input[type=checkbox]:focus + label {outline:#335194 dashed thin;}

/* 맵 속성 레이어 */
.layer-map-attr {position:absolute; z-index:26; width:400px; box-shadow:0 3px 10px 0 rgba(0,0,0,0.3); background-color:#fff;}
.layer-map-attr .wrap {position:relative; width:100%;}
.layer-map-attr .wrap:after {content:''; display:block; position:absolute; left:50%; bottom:-11px; width:22px; height:12px; margin:0 0 0 -11px; background:url('/images/biz/data-app/bg-layer-map-arr.png') no-repeat 0 0;}
.layer-map-attr .wrap .btn-layer-map-close {overflow:hidden; display:block; position:absolute; right:11px; top:12px; width:26px; height:26px; margin:0; padding:0; text-indent:-9999px; border:0; background:url('/images/biz/data-app/btn-layer-map-close.png') no-repeat center;}
.layer-map-attr .wrap .layer-header {overflow:hidden; height:48px; padding:0 46px 0 16px; line-height:48px; color:#fff; font-size:1.1429em; font-weight:700; background-color:#335194; white-space:nowrap; text-overflow:ellipsis;}
.layer-map-attr .wrap .layer-body {padding:19px; border:1px solid #ccc;}
.layer-map-attr .wrap .layer-body .scroll {overflow:hidden; overflow-y:scroll; height:125px;}
.layer-map-attr .wrap .layer-body .scroll .map-attr-list {}
.layer-map-attr .wrap .layer-body .scroll .map-attr-list li {margin:4px 0 0 0; padding:0 10px 0 0; font-weight:700;} 
.layer-map-attr .wrap .layer-body .scroll .map-attr-list li:first-child {margin:0;}
.layer-map-attr .wrap .layer-body .scroll .map-attr-list li .input-text {height:32px; margin-left:4px;}
.layer-map-attr .wrap .layer-body .scroll.regi {overflow:hidden; overflow-y:scroll; height:225px;}
.layer-map-attr .wrap .layer-body .scroll.regi .map-attr-list li {margin-top:6px;}
.layer-map-attr .wrap .layer-body .scroll.regi .map-attr-list li:first-child {margin-top:0;}
.layer-map-attr .wrap .layer-body .button-group {margin-top:19px;}

/* 댓글 보기 영역 */
.portal-map-area .map-reply-list {display:none; position:absolute; left:179px; top:0; bottom:0; z-index:29; width:400px; border-right:1px solid #e0e0e0; background-color:#fff; box-shadow:1px 0 7px 0 rgba(0,0,0,0.5);}
.portal-map-area .map-reply-list .wrap {position:relative; width:100%; height:100%;}
.portal-map-area .map-reply-list .tit-area {display:block; width:100%; height:51px; line-height:50px; margin:0; padding:0 10px; color:#333; font-size:1.1429em; font-weight:700; border-bottom:1px solid #e0e0e0;}
.portal-map-area .map-reply-list .btn-close-map-reply-list {overflow:hidden; display:block; position:absolute; right:-1px; top:-1px; width:52px; height:52px; text-indent:-9999px; border:1px solid #e0e0e0; background:#fff url('/images/biz/data-app/btn-close-thum-sample-view.png') no-repeat center;}
.portal-map-area .map-reply-list .write {padding:20px;}
.portal-map-area .map-reply-list .write .label {display:block; margin:0 0 10px 0; color:#333; font-weight:700; line-height:1.1;}
.portal-map-area .map-reply-list .write .input-textarea {display:block; height:70px;}
.portal-map-area .map-reply-list .write .button-group {margin:10px 0 0 0;}
.portal-map-area .map-reply-list .no-list {margin:40px 0;}
.portal-map-area .map-reply-list .list {padding:0 20px;}
.portal-map-area .map-reply-list .list ul {overflow:hidden; overflow-y:scroll; height:580px; border-top:1px solid #e0e0e0;}
.portal-map-area .map-reply-list .list ul li {position:relative; margin:0; padding:10px 0; border-bottom:1px solid #e0e0e0;}
.portal-map-area .map-reply-list .list ul li span {margin:0 0 0 10px; color:#999;}
.portal-map-area .map-reply-list .list ul li .cont {line-height:1.3;}
.portal-map-area .map-reply-list .list ul li .btn-del {position:absolute; right:5px; top:10px;}

/* 토픽 추가 영역 */
.portal-map-area .layer-topic-add {display:none; position:absolute; left:-541px; top:0; bottom:0; z-index:29; width:720px; border-right:1px solid #e0e0e0; background-color:#fff; box-shadow:1px 0 7px 0 rgba(0,0,0,0.5);}
.portal-map-area .layer-topic-add p {margin:0; padding:0;}
.portal-map-area .layer-topic-add .wrap {position:relative; width:100%; height:100%;}
.portal-map-area .layer-topic-add .tit-area {display:block; width:100%; height:51px; line-height:50px; margin:0; padding:0 10px; color:#333; font-size:1.1429em; font-weight:700; border-bottom:1px solid #e0e0e0;}
.portal-map-area .layer-topic-add .btn-close-layer-topic-add {overflow:hidden; display:block; position:absolute; right:-1px; top:-1px; width:52px; height:52px; text-indent:-9999px; border:1px solid #e0e0e0; background:#fff url('/images/biz/data-app/btn-close-thum-sample-view.png') no-repeat center;}

.portal-map-area .layer-topic-add .topic-add-area {padding:20px;}
.portal-map-area .layer-topic-add .topic-add-area .label {margin-top:10px; margin-bottom:10px;}
.portal-map-area .layer-topic-add .topic-add-area .label:first-child {margin-top:0;}
.portal-map-area .layer-topic-add .topic-add-area .star-list li {letter-spacing:-0.05em;}
.portal-map-area .layer-topic-add .topic-add-area .star-list li + li {margin-top:0;}

.portal-map-area .layer-topic-add .topic-add-area .input-section {float:left; width:50%; padding:0 10px 0 0;}
.portal-map-area .layer-topic-add .topic-add-area .input-section .box-border {overflow:hidden; overflow-y:scroll; height:200px; margin:20px 0 0 0;}
.portal-map-area .layer-topic-add .topic-add-area .input-section .box-border.small {height:115px;}
.portal-map-area .layer-topic-add .topic-add-area .input-section .box-border.big {height:450px;}
.portal-map-area .layer-topic-add .topic-add-area .input-section .tit-group {margin:10px 0 0 0;}
.portal-map-area .layer-topic-add .topic-add-area .input-section .tit-group .label {display:inline-block; margin:0; vertical-align:middle; line-height:32px;}
.portal-map-area .layer-topic-add .topic-add-area .input-section .tit-group .btn-radio {margin-left:10px;}
.portal-map-area .layer-topic-add .topic-add-area .input-section .tit-group .btn-radio span label {width:64px;}
.portal-map-area .layer-topic-add .topic-add-area .input-section .longitude-latitude {overflow:hidden; padding:5px 0 0 0;}
.portal-map-area .layer-topic-add .topic-add-area .input-section .longitude-latitude .full {max-width:none; width:100%;}
.portal-map-area .layer-topic-add .topic-add-area .input-section .longitude-latitude .tit {display:block; float:left; margin:0 10px 0 0; vertical-align:middle; line-height:40px;}
.portal-map-area .layer-topic-add .topic-add-area .input-section .longitude-latitude .half {float:left; max-width:none; width:120px;}
.portal-map-area .layer-topic-add .topic-add-area .input-section .longitude-latitude .half + .tit {margin-left:13px;}


.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step {}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .wrap {overflow:hidden; height:623px;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .data-search {padding:20px; text-align:center; background-color:#eff2f7;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .data-search label {margin-right:4px; color:#333; font-weight:700;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .data-search .input-text {width:270px; margin-right:4px;}

.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .data-choice {overflow:hidden; margin:20px 0 0 0; border:1px solid #e0e0e0;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .data-choice .block {float:left; width:33.3%; border-left:1px solid #e0e0e0;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .data-choice .block:first-child {width:33.4%; border-left:0;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .data-choice .block .tit {height:43px; margin:0; padding:0; line-height:42px; color:#333; font-weight:700; text-align:center; border-bottom:1px solid #e0e0e0;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .data-choice .block .list {overflow:hidden; overflow-y:auto; height:175px;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .data-choice .block .list li {}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .data-choice .block .list li .btn {display:block; width:100%; height:25px; margin:0; padding:0 15px; border:0; text-align:left; background-color:transparent;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .data-choice .block .list li.on {background-color:#e6e6e6;}

.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .choice-result-list {margin-top:10px;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .choice-result-list .label {display:inline-block; margin:0; vertical-align:middle;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .choice-result-list .btn-reset {display:inline-block; margin:0; padding:0; border:0; background-color:transparent; vertical-align:middle;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .choice-result-list .box-border {overflow:hidden; overflow-y:auto; height:200px; margin-top:10px;}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .choice-result-list .box-border ul {}
.portal-map-area .layer-topic-add .topic-add-area .common-data-app-step .choice-result-list .box-border ul li {float:left; width:33.3%;}

.portal-map-area .layer-topic-add .topic-add-area .marker-choice {float:left; width:50%; padding:0 0 0 10px;}
.portal-map-area .layer-topic-add .topic-add-area .marker-choice-list {overflow:hidden; overflow-y:scroll; height:598px;}
.portal-map-area .layer-topic-add .topic-add-area .marker-choice-list li {float:left; width:16%; margin:0 0 15px 0; padding:0; text-align:center;}
.portal-map-area .layer-topic-add .topic-add-area .marker-choice-list li label {display:block; height:40px; font-size:0; line-height:0;}
.portal-map-area .layer-topic-add .topic-add-area .marker-choice-list li label img {max-width:32px;}

.portal-map-area .layer-topic-add .topic-add-area .button-group {margin:28px 0 0 0; padding:12px 0 0 0; border-top:1px solid #e0e0e0;}

/* ==========================================================================
	활용지원
========================================================================== */
/* 공공데이터 이용가이드 - 공공데이터 소개 */
.use-guide-step {text-align: center; border:1px solid #e0e0e0; padding:40px 0 45px 0;}

.use-guide-text {padding:25px; background-color:#f0f4f7;}
.use-guide-text .title {display:inline-block; width:64px; height:32px; line-height:30px; font-weight:700; text-align: center; color:#fff; border-radius:16px; padding:0; margin:0 0 15px 0; background-color:#22799f;}
.use-guide-text .content p {position:relative; margin-top:7px; color:#666;}
.use-guide-text .content p:first-child {margin-top:0;}
.use-guide-text .content p .tit {position:absolute; top:0; left:0; }
.use-guide-text .content p .point {text-decoration:underline;}
.use-guide-text .example-text .content p {padding-left:54px;}
.use-guide-text .qna-text .content p {padding-left:19px;}
.use-guide-text .qna-text {margin-top:25px;}

/* 공공데이터 이용가이드 */
.use-guide-page {}
.use-guide-page .link {overflow:hidden; margin:0 0 40px 0; padding:15px 20px; background-color:#eff2f7;}
.use-guide-page .link a {display:block; position:relative; float:left; margin:0 30px; color:#333; font-weight:700; text-decoration:none; line-height:1.1;}
.use-guide-page .link a:before {content:''; display:block; position:absolute; left:-30px; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#cbd0d9;}
.use-guide-page .link a:first-child {margin-left:0;}
.use-guide-page .link a:first-child:before {display:none;}
.use-guide-page .link a:hover {color:#2775c4; text-decoration:underline;}
.use-guide-page .link a.on {color:#2775c4; text-decoration:underline;}

.use-guide-swiper {overflow:hidden; position:relative; margin-top:37px; padding:39px 0; border:1px solid #e0e0e0;}
.use-guide-swiper .btn-navi {position:absolute; top:50px; z-index:2; width:22px; height:40px; margin:0; padding:0; font-size:0; line-height:0; border:0; background:transparent url('/images/biz/app-support/btn-navi.png') no-repeat 0 0;}
.use-guide-swiper .btn-navi.swiper-button-disabled {opacity:0.3; cursor:default;}
.use-guide-swiper .btn-navi.btn-prev {left:38px;}
.use-guide-swiper .btn-navi.btn-next {right:38px; transform:rotate(180deg);}
.use-guide-swiper .btn-navi i,
.use-guide-swiper .btn-navi span {display:none;}

.use-guide-swiper .swiper-wrapper {width:1020px; margin:0 auto;}
.use-guide-swiper .swiper-wrapper .swiper-slide {margin:0; padding:0; }
.use-guide-swiper .swiper-wrapper .swiper-slide img {width:1020px;}
.use-guide-swiper .swiper-wrapper .swiper-slide .slide-in {width:1020px; }

/* 공공데이터 활용방법 - 오픈 API */
.use-guide-swiper-api {overflow:hidden; position:relative; margin-top:37px; padding:39px 0; border:1px solid #e0e0e0;}
.use-guide-swiper-api .btn-navi {position:absolute; top:50px; z-index:2; width:22px; height:40px; margin:0; padding:0; font-size:0; line-height:0; border:0; background:transparent url('/images/biz/app-support/btn-navi.png') no-repeat 0 0;}
.use-guide-swiper-api .btn-navi.swiper-button-disabled {opacity:0.3; cursor:default;}
.use-guide-swiper-api .btn-navi.btn-prev {left:38px;}
.use-guide-swiper-api .btn-navi.btn-next {right:38px; transform:rotate(180deg);}
.use-guide-swiper-api .btn-navi i,
.use-guide-swiper-api .btn-navi span {display:none;}

.use-guide-swiper-api .swiper-wrapper {width:1020px; margin:0 auto;}
.use-guide-swiper-api .swiper-wrapper .swiper-slide {margin:0; padding:0; }
.use-guide-swiper-api .swiper-wrapper .swiper-slide img {width:1020px;}
.use-guide-swiper-api .swiper-wrapper .swiper-slide .slide-in {width:1020px; }

/* 공공데이터 검색 - 데이터셋 */
.use-guide-swiper-dataset {overflow:hidden; position:relative; margin-top:37px; padding:39px 0; border:1px solid #e0e0e0;}
.use-guide-swiper-dataset .btn-navi {position:absolute; top:50px; z-index:2; width:22px; height:40px; margin:0; padding:0; border:0; background:transparent url('/images/biz/app-support/btn-navi.png') no-repeat 0 0;}
.use-guide-swiper-dataset .btn-navi.swiper-button-disabled {opacity:0.3; cursor:default;}
.use-guide-swiper-dataset .btn-navi.btn-prev {left:38px;}
.use-guide-swiper-dataset .btn-navi.btn-next {right:38px; transform:rotate(180deg);}
.use-guide-swiper-dataset .btn-navi i,
.use-guide-swiper-dataset .btn-navi span {display:none;}

.use-guide-swiper-dataset .swiper-wrapper {width:1020px; margin:0 auto;}
.use-guide-swiper-dataset .swiper-wrapper .swiper-slide {position:relative; margin:0; padding:0; }
.use-guide-swiper-dataset .swiper-wrapper .swiper-slide img {width:1020px;}
.use-guide-swiper-dataset .swiper-wrapper .swiper-slide .layer-btn-area {position:absolute; top:-30px; left:0; width:1020px; text-align: right; padding-right:10px;}

/* 공공데이터 검색 - 국가데이터맵 */
.use-guide-swiper-map {overflow:hidden; position:relative; margin-top:37px; padding:39px 0; border:1px solid #e0e0e0;}
.use-guide-swiper-map .btn-navi {position:absolute; top:50px; z-index:2; width:22px; height:40px; margin:0; padding:0; border:0; background:transparent url('/images/biz/app-support/btn-navi.png') no-repeat 0 0;}
.use-guide-swiper-map .btn-navi.swiper-button-disabled {opacity:0.3; cursor:default;}
.use-guide-swiper-map .btn-navi.btn-prev {left:38px;}
.use-guide-swiper-map .btn-navi.btn-next {right:38px; transform:rotate(180deg);}
.use-guide-swiper-map .btn-navi i,
.use-guide-swiper-map .btn-navi span {display:none;}

.use-guide-swiper-map .swiper-wrapper {width:1020px; margin:0 auto;}
.use-guide-swiper-map .swiper-wrapper .swiper-slide {margin:0; padding:0; }
.use-guide-swiper-map .swiper-wrapper .swiper-slide img {width:1020px;}

/* 자주하는 질문 */
.faq-preview {margin:0; padding:30px; background-color:#fafafa;}
.faq-preview p {margin:0; padding:0;}
.faq-preview .answer {position:relative; padding:0 20px;}
.faq-preview .answer:before {content:'A.'; position:absolute; left:0; top:0; color:#2775c4;}
.faq-preview .file {padding:20px 0 0 20px;}
.faq-preview .file .block {padding:5px 0 0 0;}


/* ==========================================================================
	회원가입
========================================================================== */
/* 일반 가입 */
.join-wrap {max-width:960px; margin:0 auto;}

.join-wrap .top-text {margin:0 0 50px; text-align:center; letter-spacing:-0.05em;}
.join-wrap .top-text span {color:#2775c4; font-size:1.714em;}
.join-wrap .top-text p {margin:12px 0 0; font-size:1.071em;}

.join-wrap .text-area {margin:0 0 10px; font-size:1.429em; font-weight:700; letter-spacing:-0.05em;}
.join-wrap .box-result {padding:70px 0; border-style:solid; border-width:2px 1px 1px; border-color:#555 #e0e0e0 #e0e0e0; text-align:center; letter-spacing:-0.05em;}
.join-wrap .box-result .text-area {margin:0 0 25px;}
.join-wrap .box-result a {margin:0 16px; color:#000; text-decoration:none;}
.join-wrap .box-result a span {padding:0 15px 0 0; font-size:1.143em; background:url('/images/biz/common/ico/ico-arr-more-2.png') no-repeat 100% 50%; color:#000; text-decoration:none;}

.join-wrap .chk-area {position:relative; padding:0 0 0 22px;}
.join-wrap .chk-area input {position:absolute; top:5px; left:0;}
.join-wrap .chk-area label {font-size:1.286em; letter-spacing:-0.05em; line-height:1.3;}
/*회원가입 이용약관 라디오 박스로 변경*/
.join-wrap .bg-chk label {font-size:1.286em; letter-spacing:-0.05em; line-height:1.3; vertical-align: top;}
.join-wrap .bg-chk span {font-size:1.286em; letter-spacing:-0.05em; line-height:1.3; vertical-align: text-bottom;}
.join-wrap .bg-chk input {vertical-align: inherit;}

.join-wrap .chk-area-all {text-align:center;}
.join-wrap .chk-area-all label {font-size:1.429em; font-weight:700; letter-spacing:-0.05em;}

.join-wrap .box-scroll {overflow:hidden; overflow-y:scroll; height:240px; padding:20px; margin:10px 0 10px; background:#f7f7f7;}
.join-wrap .box-scroll .tit {margin:15px 0 10px; font-weight:700;}
.join-wrap .box-scroll .tit:first-child {margin-top:0;}

.join-wrap .join-info ul {text-align:center; letter-spacing:-0.05em;}
.join-wrap .join-info ul li {display:inline-block; margin-left:70px;} 
.join-wrap .join-info ul li:first-child {margin:0;}
.join-wrap .join-info ul li strong {margin-right:30px;}






@media all and (max-width:1024px){
	/* ==========================================================================
		메인 페이지
	========================================================================== */
	
	body.main-page {background-image:none;}
	body.main-page .wrapper {background-image:none;}
	.main-page #header {background-color:#0b70b9;}
	
	.main-page .container {min-height:100%; margin:0; padding:0;} 
	.main-page .container .content-layout {position:relative; width:100%; margin:0 auto; padding:0;}
	.main-page .container .content-layout:before {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:-1; background-color:#f7f7f7;}
	.main-page #contents {width:100%; margin:0 auto; padding:0;}
	
	.main-page .quick-area {padding:25px 16px;}
	.main-page .quick-area .btn-go-top {position:static; left:50%; top:0; margin-left:0;}
	
	.main-page #footer {margin-top:0;}
	
	/* 메인 - 검색 영역 */
	.main-section-search {padding:0 16px; background-color:#0b70b9;}
	.main-section-search:before,
	.main-section-search:after {content:''; display:table;}
	.main-section-search:after {clear:both;}
	.main-section-search p {margin:0; padding:0;}
	
	.main-section-search .slogun {margin:0; padding:25px 0 20px 0; font-size:1.0667em; line-height:1.3;}
	.main-section-search .slogun span {display:block;}
	
	.main-section-search .left {float:none; width:100%; padding:0;}
	
	.main-section-search .radio-choice {display:none; padding:0 0 20px 0; color:#fff; line-height:20px;}
	.main-section-search .radio-choice [type='radio'] {margin:0 0 0 20px; vertical-align:middle;}
	.main-section-search .radio-choice [type='radio']:first-of-type {margin:0;}
	.main-section-search .radio-choice label {margin:0; font-size:1.1429em; vertical-align:middle; line-height:20px;}
	.main-section-search .radio-choice .tool-tip {height:20px; margin:0 0 0 4px;}
	
	.main-section-search .input-box {height:50px; margin:0; padding:0 50px 0 0; border-radius:0; background-color:#fff; box-shadow:none;}
	.main-section-search .input-box .input-text {padding:0 10px; font-size:1.0667em;}
	.main-section-search .input-box .btn-search {overflow:hidden; display:block; position:absolute; right:0; top:0; width:50px; background-color:#18a9ec; background-size:24px auto;}
	
	/* 메인 - 검색 - 조건 검색 */
	.main-section-search .main-search-condition {margin:25px 0 0 0;}
	.main-section-search .main-search-condition:before,
	.main-section-search .main-search-condition:after {content:''; display:table;}
	.main-section-search .main-search-condition:after {clear:both;}
	.main-section-search .main-search-condition button {margin:0; padding:0; border:0; background-color:transparent;}
	.main-section-search .main-search-condition .tit-area {overflow:hidden; float:none; padding:0 0 10px 0;}
	.main-section-search .main-search-condition .tit-area .tit {float:left; color:#fff; line-height:20px;}
	.main-section-search .main-search-condition .tit-area .btn-reset {float:left; margin:0 0 0 4px;}
	.main-section-search .main-search-condition .condition-select {float:none; padding:0;}
	.main-section-search .main-search-condition .condition-select .block {float:none; margin:0;}
	.main-section-search .main-search-condition .condition-select .block .tit-hide {}
	.main-section-search .main-search-condition .condition-select .block .condition {min-width:auto; max-width:none; width:100%; height:38px; padding:0 30px 0 10px; color:#333; text-align:left; border:1px solid #ddd; background-color:#fff; white-space:nowrap; text-overflow:ellipsis;}
	.main-section-search .main-search-condition .condition-select .block .condition:after {content:''; position:absolute; right:0; top:16px; width:23px; height:7px; background-position:0 -7px;}
	.main-section-search .main-search-condition .condition-select .block .list {display:none; position:static; left:inherit; top:inherit; width:100%; background-color:#fff;}
	.main-section-search .main-search-condition .condition-select .block .list ul li .txt {width:100%; max-width:none; height:24px; padding:0 8px; color:#666;}
	.main-section-search .main-search-condition .condition-select .block .list ul li .txt:hover {color:#666; background-color:#fff;}
	.main-section-search .main-search-condition .condition-select .block .list ul li.on .txt {background-color:#e6e6e6;}
	.main-section-search .main-search-condition .condition-select .block .list ul li.on .txt:hover {background-color:#2dbded;}
	.main-section-search .main-search-condition .condition-select .block.on .condition {color:#333; font-weight:700; background-color:#fff;}
	.main-section-search .main-search-condition .condition-select .block.on .condition:after {background-position:11px -7px; transform:rotate(180deg)}
	.main-section-search .main-search-condition .condition-select .block.on .list {display:block;}
	
	
	/* 메인 - 검색 - 인기검색어 */
	.main-section-search .right {float:none; width:100%; padding:25px 0 0 0;}
	
	.main-section-search .popular-word {width:100%;}
	.main-section-search .popular-word .tit {margin:0 0 20px 0; padding:2px 0 0 0; color:#fff; font-size:1.1429em; line-height:20px;}
	.main-section-search .popular-word .util {position:relative; height:40px;}
	.main-section-search .popular-word .util:before {height:40px; border-radius:0; background:#dfeff7 url('/images/biz/main/bg-arr-main-popular.png') no-repeat right center; box-shadow:none;}
	.main-section-search .popular-word .util .word {height:40px; line-height:40px; padding:0 35px 0 15px; border-radius:0; font-size:1em;}
	.main-section-search .popular-word .util .word-list {display:none; overflow:hidden; position:absolute; left:0; top:0; width:100%; border-radius:5px; background-color:#dfeff7; box-shadow:1px 1px 10px 0px rgba(0,0,0,0.3);}
	.main-section-search .popular-word .util .word-list li {}
	.main-section-search .popular-word .util .word-list li a {padding:0 15px 0 15px; border-radius:0; font-size:1em;}
	.main-section-search .popular-word .util .word-list li .btn-close-popular-word {padding:0 15px 0 15px; border-radius:0; font-size:1em;}
	.main-section-search .popular-word .util .word-list li a:hover {color:#fff; background-color:#2dbded;}

    .main-section-search .popular-word .control {position:absolute; right:0; top:0;}
    .main-section-search .popular-word .control .wrap {overflow:hidden; position:relative; width:20px; height:20px;}
    .main-section-search .popular-word .control .wrap .btn-control {position:absolute; left:0; top:0; width:100%; height:100%; margin:0; padding:0; text-indent:-9999px; background-color:transparent; background-repeat:no-repeat; background-image:url('/images/biz/main/btn-swiper-control_2.png');}
    .main-section-search .popular-word .control .wrap .btn-control.btn-pause {background-position:0 0;}
    .main-section-search .popular-word .control .wrap .btn-control.btn-start {left:20px; background-position:-20px 0;}
    .main-section-search .popular-word .control .wrap.on .btn-control.btn-pause {left:-20px;}
    .main-section-search .popular-word .control .wrap.on .btn-control.btn-start {left:0px;}
	
	/* 메인 - 테마별  */
	.main-section-theme {margin:0; padding:25px 16px 0 16px; background-color:#0b70b9;}
	.main-section-theme p {margin:0; padding:0;}
	
	.main-section-theme .tit {float:none; margin:0; padding:0; color:#fff; font-weight:700; font-size:1.2em; line-height:1.1;}
	.main-section-theme .tit-theme {overflow:hidden; float:none; width:auto; margin:8px 0 0 0; border-bottom:1px solid rgba(255,255,255,0.5);}
	.main-section-theme .tit-theme a {color:#fff;}
	.main-section-theme .tit-theme .swiper-wrapper {}
	.main-section-theme .tit-theme .swiper-wrapper .swiper-slide {width:auto; margin:0; padding:2px 0 0 0;}
	.main-section-theme .tit-theme .swiper-wrapper .swiper-slide a {display:block; padding:0 0 6px 0; text-decoration:none; line-height:1.1; font-size:1em;}
	.main-section-theme .tit-theme .swiper-wrapper .swiper-slide a:hover {text-decoration:underline;}
	.main-section-theme .tit-theme .swiper-wrapper .swiper-slide.on a {color:#ffda2e; text-decoration:none; border-bottom:3px solid #fff;}
	.main-section-theme .tit-theme .swiper-wrapper .swiper-slide.swiper-slide-active {}
	
	.main-section-theme .cont-theme {margin:10px 0 0 0; padding:0 0 16px 0;}
	.main-section-theme .cont-theme .tit-hide {overflow:hidden; position:absolute; left:0; top:0; z-index:-1; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; opacity:0;}
	.main-section-theme .cont-theme .theme-swiper {overflow:hidden; width:100%;}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper {}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide {width:auto; padding:0 10px; border-right:1px solid rgba(255,255,255,0.1);}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide:first-child {}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide:nth-child(8) {border-right:1px solid rgba(255,255,255,0.1);}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide:last-child {border-right:0;}
	
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a {display:block; width:100%; height:107px; padding:5px 0 0 0;}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a .iconset {}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a .num {}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide:first-child a .num {font-size:1.2em;}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a .txt {padding:5px 0 0 0;}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a .txt span {display:block; line-height:1.2;}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a:hover,
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a:focus {color:#ffda2e;}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a:hover .iconset,
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a:focus .iconset {background-position:0 -56px;}
	.main-section-theme .cont-theme .theme-swiper .swiper-wrapper .swiper-slide a:hover .num {text-decoration:none;}
	/* 메인 - 테마별 - 카테고리  */
	.main-section-theme .cont-theme .wrap {position:relative; padding:0;}
	.main-section-theme .cont-theme .wrap .theme-swiper.themeSwiper02 {position:relative; padding:0;}
	.main-section-theme .cont-theme .wrap .theme-swiper.themeSwiper02 .swiper-wrapper {}
	.main-section-theme .cont-theme .wrap .theme-swiper.themeSwiper02 .swiper-wrapper .swiper-slide {width:auto !important;}
	.main-section-theme .cont-theme .wrap .btn-navi {display:none; overflow:hidden; position:absolute; top:6px; z-index:2; width:56px; height:56px; margin:0; padding:0; border:0; text-indent:-9999px; background-size:56px auto; background-position:center 0; background-repeat:no-repeat; background-color:transparent; cursor:pointer;}
	
	.main-section-theme .cont-theme .theme-view {overflow:hidden; height:0; visibility:hidden;}
	.main-section-theme .cont-theme .theme-view.on {overflow:visible; height:auto; visibility:visible;}
	
	/* 메인 row block */
	.main-section-row {overflow:hidden; margin:25px 0 0 0; padding:0 16px;}
	.main-section-row .block {float:none; margin:0;}
	.main-section-row .block .cont-area {height:auto; background-color:#fff;}
	.main-section-row .block .tit-group .btn-more {margin-left:5px;}
	.main-section-row .block .tit-group .txt {display:block; float:none; margin:0; color:#666;}
	.main-section-row .block h2.tit {display:block; position:static; z-index:inherit; width:auto; height:auto; margin:0; padding:0 0 15px 0; text-align:left; line-height:1.1; font-size:1.0667em; border:0; background-color:transparent;}
	
	.main-section-row.col-3 .block {width:100%;}
	.main-section-row.col-2-1 .block {width:100%;}
	.main-section-row.col-2-1 .block:first-child {width:100%;}
	
	/* 메인 - 인기 데이터 */
	.main-section-row .popular-data {}
	.main-section-row .popular-data .tab-main {position:static; right:inherit; top:inherit; line-height:1.1;}
	/*.main-section-row .popular-data .tab-main ul {overflow:hidden; margin:0 -16px 15px -16px; padding:0 16px; border-bottom:2px solid #e9ecef;}*/
	.main-section-row .popular-data .tab-main ul li {display:block; float:left; margin:0 0 0 15px; padding:0;}
	.main-section-row .popular-data .tab-main ul li:first-child {margin:0;}
	.main-section-row .popular-data .tab-main ul li a {display:block; color:#333; font-size:1.1429em; text-decoration:none;}
	.main-section-row .popular-data .tab-main ul li.on a {font-weight:700; color:#2775c4; text-decoration:none;}
	.main-section-row .popular-data .cont-area {padding:15px;}
	.main-section-row .popular-data .list li {margin:13px 0 0 0; display:flex;}
	.main-section-row .popular-data .list li a {max-width:calc(100% - 20px); }
	.main-section-row .popular-data .list li a:hover {color:#2775c4; text-decoration:underline;}
	
	/* 메인 - 최신 데이터 */
	.main-section-row .newest-data {margin-top:25px;}
	.main-section-row .newest-data .cont-area {padding:15px;}
	.main-section-row .newest-data .list {}
	.main-section-row .newest-data .list li {margin:12px 0 0 0;}
	
	/* 메인 - 이슈 데이터 */
	.main-section-row .issue-data {position:relative; margin-top:25px;}
	.main-section-row .issue-data .tit-group {position:absolute; left:0; top:0; z-index:5;}
	.main-section-row .issue-data .tit-group h2.tit {float:left;}
	.main-section-row .issue-data .cont-area {background-color:transparent;}
	.main-section-row .issue-data .issue-swiper {overflow:hidden; position:relative; padding-top:30px;}
	.main-section-row .issue-data .issue-swiper .issue-swiper-pagination {position:absolute; left:inherit; top:-2px; right:30px; bottom:inherit; width:auto; margin:0; padding:0; line-height:20px; color:#666;}
	.main-section-row .issue-data .issue-swiper .control {position:absolute; right:0; top:0;}
	.main-section-row .issue-data .issue-swiper .control .wrap {overflow:hidden; position:relative; width:20px; height:20px;}
	.main-section-row .issue-data .issue-swiper .control .wrap .btn-control {position:absolute; left:0; top:0; width:100%; height:100%; margin:0; padding:0; text-indent:-9999px; background-color:transparent; background-repeat:no-repeat; background-image:url('/images/biz/main/btn-swiper-control.png');}
	.main-section-row .issue-data .issue-swiper .control .wrap .btn-control.btn-pause {background-position:0 0;}
	.main-section-row .issue-data .issue-swiper .control .wrap .btn-control.btn-start {left:20px; background-position:-20px 0;}
	.main-section-row .issue-data .issue-swiper .control .wrap.on .btn-control.btn-pause {left:-20px;}
	.main-section-row .issue-data .issue-swiper .control .wrap.on .btn-control.btn-start {left:0px;}
	
	.main-section-row .issue-data .issue-swiper .swiper-wrapper {}
	.main-section-row .issue-data .issue-swiper .swiper-wrapper .wrap {position:relative; display:block; width:100%; height:auto;}
	.main-section-row .issue-data .issue-swiper .swiper-wrapper .wrap .img {overflow:hidden; width:100%; height:auto; font-size:0; line-height:0;}
	.main-section-row .issue-data .issue-swiper .swiper-wrapper .wrap .txt {height:42px; line-height:42px; font-size:1em; font-weight:700;}
	.main-section-row .issue-data .issue-swiper .btn-navi {display:block; position:absolute; top:50%; z-index:3; margin-top:-12px;}
	
	/* 메인 - 데이터 제공신청 */
	.main-section-row .request-data {}
	.main-section-row .request-data .cont-area {height:auto; margin-top:15px;}
	.main-section-row .request-data .cont-area .column {float:none; width:100%; height:auto; margin:15px 0 0 0;}
	.main-section-row .request-data .cont-area .column:first-child {margin-top:0;}
	.main-section-row .request-data .cont-area .column a {display:block; width:100%; height:40px; padding:0 15px;}
	.main-section-row .request-data .cont-area .column a.bg01 {background-image:none;}
	.main-section-row .request-data .cont-area .column a.bg02 {background-image:none;}
	.main-section-row .request-data .cont-area .column a > span {display:none;}
	.main-section-row .request-data .cont-area .column a:hover {text-decoration:underline;}
	.main-section-row .request-data .cont-area .column .tit-group {overflow:hidden;}
	.main-section-row .request-data .cont-area .column .tit-group h2.tit {float:left; padding:0; color:#fff; line-height:40px;}
	.main-section-row .request-data .cont-area .column .tit-group .right {float:right;}
	.main-section-row .request-data .cont-area .column .tit-group .right em {display:none;}
	.main-section-row .request-data .cont-area .column .tit-group .right .ico-arr-more-white {width:8px; height:14px; margin-top:12px; background-image:url('/images/biz/common/ico/ico-arr-more-white-mb.png');}
	
	/* 메인 - 개방현황 */
	.main-section-row .open-present {margin-top:25px;}
	.main-section-row .open-present .tit-group {}
	.main-section-row .open-present .tit-group h2.tit {float:left;}
	.main-section-row .open-present .tit-group .right {float:right;}
	.main-section-row .open-present .cont-area {overflow:hidden; height:auto; padding:10px 15px; color:#fff; background-color:#0b70b9;}
	.main-section-row .open-present .cont-area .tit-group {}
	.main-section-row .open-present .cont-area .column {overflow:hidden; float:none; width:100%; height:auto; margin:10px 0 0 0; padding:0; text-align:left; border-left:0;}
	.main-section-row .open-present .cont-area .column:first-child {margin-top:0;}
	.main-section-row .open-present .cont-area .column.bg01 {background-image:none;}
	.main-section-row .open-present .cont-area .column.bg02 {background-image:none;}
	.main-section-row .open-present .cont-area .column.bg03 {background-image:none;}
	.main-section-row .open-present .cont-area .column.bg04 {background-image:none;}
	.main-section-row .open-present .cont-area .column p {float:left; margin:0; padding:0 0 0 0; letter-spacing:-0.05em;}
	.main-section-row .open-present .cont-area .column strong {float:right;}

	
	/* 메인 - 공지사항 */
	.main-section-row .notice {margin-top:25px;}
	.main-section-row .notice .tit-group {overflow:hidden;}
	.main-section-row .notice .tit-group h2.tit {float:left;}
	.main-section-row .notice .tit-group .right {float:right;}
	.main-section-row .notice .cont-area {height:auto; padding:0 10px 0 10px;}
	.main-section-row .notice .list {}
	.main-section-row .notice .list li {border-top:1px solid #eee;}
	.main-section-row .notice .list li:first-child {border-top:0;}
	.main-section-row .notice .list li a {display:block; padding:10px 6px; color:#333; line-height:1.1; text-decoration:none;}
	.main-section-row .notice .list li a:hover {color:#2775c4; text-decoration:underline;}
	.main-section-row .notice .list li a span {overflow:hidden; display:block; width:100%; white-space:nowrap; text-overflow:ellipsis;}
	.main-section-row .notice .list li a em {display:block; margin-top:5px;}
	
	/* 메인 - 새소식 */
	.main-section-row .news {position:relative; margin-top:25px;}
	.main-section-row .news .tit-group {position:absolute; left:0; top:0; z-index:5;}
	.main-section-row .news .cont-area {height:auto; background-color:transparent;}
	.main-section-row .news .news-swiper {padding-top:30px;}
	.main-section-row .news .news-swiper .swiper-wrapper {}
	.main-section-row .news .news-swiper .swiper-wrapper .wrap {width:100%; height:auto;}
	.main-section-row .news .news-swiper .swiper-wrapper .wrap .img {width:100%; height:auto;}
	.main-section-row .news .news-swiper .swiper-wrapper .wrap .img img {width:100%;}
	.main-section-row .news .news-swiper .btn-navi {display:block; position:absolute; top:50%; z-index:3; margin-top:-12px;}
	
	
		
	
	
	
/* ==========================================================================
	공통
========================================================================== */
	/* 공통 - block 형태 목록 */
	.block-list {overflow:hidden; width:100%;}
	.block-list ul {margin-left:0; width:100%;}
	.block-list ul li {float:none; width:100%; margin:10px 0 0 0;}
	.block-list ul li .block {border:0; /* box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,1); */}
	.block-list ul li .block .tit a {font-size:1.0667em;}
	.block-list ul li .block .cont {height:75px;}
	.block-list ul li .block .bottom {overflow:hidden;}
	
	.block-list .block-list-pagination {text-align:center;}
	.block-list .block-list-pagination .swiper-pagination-bullet {width:10px; height:10px; background-color:#fff; border:1px solid #888; border-radius:10px; opacity:1;}
	.block-list .block-list-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#888;}
	
	/* 공통 - 댓글 - 쓰기 */
	.reply-write {overflow:hidden; margin:0 -16px; padding:16px 16px;}
	.reply-write .write {float:none; width:100%; padding:0;}
	.reply-write .write .input-textarea {display:block; width:100%;}
	.reply-write .write .limit {padding:2px 0 5px 0; text-align:right;}
	.reply-write .btn {float:none; width:100%; height:40px;}
	.reply-write .btn .button {display:block; width:100%; height:100%;}
	
	/* 공통 - 댓글 - 목록 */
	.reply-list {margin-top:10px;}
	.reply-list ul {}
	.reply-list ul li {padding:10px 0;}
	.reply-list ul li .info {}
	.reply-list ul li .info .user-id {display:inline-block; margin:0; padding:0; vertical-align: middle; min-width:70px; color:#333; font-weight:700;}
	.reply-list ul li .info .date {display:inline-block; vertical-align:middle; color:#999; padding:0; margin:0 0 0 5px;}
	.reply-list ul li .info .btn {display:inline-block; vertical-align: middle; color:#666; background:none; text-decoration:underline; margin-left:15px;}
	.reply-list ul li .info .btn .ico-x {margin:-4px 0 0 5px; vertical-align: middle; }
	.reply-list ul li .cont {color:#666; margin-top:10px; }
	.reply-list ul li .info .network-btn-area {display:block;}
	.reply-list ul li .info .network-btn-area .btn {margin-left:0; padding-left:0;}
	.reply-list ul li .info .network-btn-area .btn-good {position:static; top:0; right:0;}

	/* step list */
	.step-list {margin:0 0 30px;}
	.step-list li {width:60px; font-size:1.071em; line-height:40px;}
	.step-list li strong span {display:none;}
	.step-list li.on {width:calc(100% - 126px); font-size:1.071em; line-height:40px;}
	.step-list li.on strong span {display:inline-block;}
	.step-list li:first-child {padding-right:2px;}
	.step-list li:nth-child(2) {padding:0 1px;}
	.step-list li:nth-child(3) {padding-left:2px;}
	.step-list.col-2 li {width:60px;}
	.step-list.col-2 li:first-child {padding-right:2px;}
	.step-list.col-2 li:nth-child(2) {padding-left:2px;}
	.step-list.col-2 li.on {width:calc(100% - 64px); font-size:1.071em; line-height:40px;}
	
	/* 공공데이터 이용가이드 관련*/
	.step-list-v2 {display:block;}
	.step-list-v2:before {display:none;}
	.step-list-v2 li {display:block; float:left; width:60px; height:auto; margin:0; padding:0; border:0;}
	.step-list-v2 li strong {display:block; border:1px solid #ddd; line-height:38px;}
	.step-list-v2 li strong span {display:none;}
	
	.step-list-v2 li:first-child {padding-right:2px;}
	.step-list-v2 li:nth-child(2) {padding:0 0 0 2px;}
	.step-list-v2 li:nth-child(3) {padding:0 0 0 2px;}
	
	.step-list-v2 li.on {width:calc(100% - 120px); color:#fff; border:0; line-height:40px; background-color:#22799f; }
	.step-list-v2 li.on strong {display:inline; border:0; line-height:40px; letter-spacing:-0.05em;}
	.step-list-v2 li.on strong span {display:inline;}

	.step-list-v2.col-2 li {width:60px;}
	.step-list-v2.col-2 li:first-child {padding-right:2px;}
	.step-list-v2.col-2 li:nth-child(2) {padding-left:2px;}
	.step-list-v2.col-2 li.on {width:calc(100% - 60px); }

	.step-list-v2.col-4 li {height:57px; line-height:57px; }
	.step-list-v2.col-4 li strong {line-height:55px; }
	.step-list-v2.col-4 li strong span {}
	.step-list-v2.col-4 li strong em {display:block;}
	
	.step-list-v2.col-4 li:first-child {padding:0 1px 0 0; }
	.step-list-v2.col-4 li:nth-child(2) {padding:0 1px;}
	.step-list-v2.col-4 li:nth-child(3) {padding:0 1px;}
	.step-list-v2.col-4 li:nth-child(4) {padding:0 0 0 1px;}

	.step-list-v2.col-4 li.on {width:calc(100% - 182px); line-height:1.1; margin:0 1px; padding-top:3px;}
	.step-list-v2.col-4 li.on strong {border:0; line-height:1.1; }
	.step-list-v2.col-4 li.on strong span {display:inline;}

	.step-list-v2.line-2 li {height:57px; line-height:57px;}
	.step-list-v2.line-2 li strong {line-height:55px; }
	.step-list-v2.line-2 li strong em {display:block;}

	.step-list-v2.line-2 li.on {line-height:1.1; padding-top:9px;}
	.step-list-v2.line-2 li.on strong {border:0; line-height:1.3; }
	.step-list-v2.line-2 li.on strong span {display:inline;}
		
	
/* ==========================================================================
	데이터 목록
========================================================================== */
	/* 데이터 목록 - 데이터셋 검색 */
	.search-wrap .form-area {padding-right:90px;}
	.search-wrap .form-area .search-input {height:46px;}
	.search-wrap .form-area .btn-search {width:46px; height:46px; color:#999;}
	.search-wrap .atcmp_wrap {display:none; position:absolute; top:50px;}

	/* 데이터 목록 - 검색결과 */
	.search-result-num {font-size:1.333em;}

	/* 데이터 목록 - 조건 검색결과 */
	.select-result-box {padding:15px;}
	.select-result-box .title {position:static; display:block; margin-bottom:5px;}
	.select-result-box span {display:inline-block; vertical-align: top; margin-right:20px; }
	.select-result-box span .iconset {margin-left:4px; }
	.select-result-box.v2 {padding:15px;}

	/* 데이터 목록 */
	.data-set-list {margin-top:30px;}
	.data-set-list .result-list ul li {padding:15px;}
	.data-set-list .result-list ul li .btn-preview {display:none;}
	.data-set-list .result-list ul li .bottom-area {display:none;}
	.data-set-list .result-list ul li .tag-bottom-area {position:static; display:block; }
	.data-set-list .result-list ul li .tag-bottom-area .tagset {margin-top:5px;}
	.data-set-list .result-list ul li dl dt {margin-bottom:0; }
	.data-set-list .result-list ul li dl dt .title {font-size:1.067em;}
	.data-set-list .result-list ul li dl dd {display:none;}
	.common-data.data-set-list .result-list ul li dl dt a {padding-left:0;}

	/* 데이터셋 - 기관별 데이터 검색 입력 */
	.search-gray-box .form-wrap .input-text {width:100%;}
	.file-tree-box .scoll-x {max-width:1024px; overflow-x:scroll;}

/* ==========================================================================
	데이터 찾기
========================================================================== */
	/* 데이터찾기 검색 - 조건검색 */
	.data-condition-chk {}
	.data-condition-chk .wrap {overflow:hidden;}
	.data-condition-chk .condition {float:none; width:100%; border-left:0; border-top:1px solid #e0e0e0;}
	.data-condition-chk .condition:first-of-type {border-left:0; border-top:0;}
	.data-condition-chk .condition .tit {}
	.data-condition-chk .condition .tit .btn {display:block; width:100%; height:50px; margin:0; padding:0; border:0; color:#333; font-weight:700; background-color:transparent; cursor:default;}
	.data-condition-chk .condition .tit .btn[disabled] {color:#333;}
	.data-condition-chk .condition .tit .btn-more-search {display:none;}
	.data-condition-chk .condition .list {height:auto; max-height:120px;}
	.data-condition-chk .condition .list.off {height:auto; max-height:0;}
	.data-condition-chk .condition .list li {height:30px; padding:0 15px 0 30px; line-height:28px;}
	.data-condition-chk .condition .list li input[type=checkbox ] {position:absolute; top:8px; left:10px;}
	.data-condition-chk .util-area {overflow:hidden;}
	.data-condition-chk .util-area .add {float:none; }
	.data-condition-chk .util-area .toggle {display:none;}

	/* 데이터셋 상세 */
	.data-set-title {position:relative; padding:15px; border:1px solid #e0e0e0; border-top:2px solid #4a63a6;}
	.data-set-title.common-data {padding:15px;}
	.data-set-title p {margin:0; padding:0;}
	.data-set-title .tit-area {position:relative; padding:0;}
	.data-set-title .tit-area .tagset {display:none;}
	.data-set-title .tit-area .tit {display:block; line-height:1.4; font-size:1.2em;}
	.data-set-title .cont {padding:15px 0;}
	.data-set-title .score-view {display:block; margin:0 0 10px 0; text-align:left;}
	.data-set-title .score-form {margin-left:0;}
	.data-set-title .btn-like {min-width:0; height:32px; margin:0 0 0 4px; padding:0 10px; line-height:29px;}
	/*.data-set-title .btn-util {display:none;}*/


	
	/* 데이터찾기 - table */
	table.dataset-table {table-layout:inherit; border-collapse:inherit;}
	table.dataset-table tr {display:block; border:0;}
	table.dataset-table td {display:block; border:0; margin-top:-1px;}
	table.dataset-table td:before {display:none;}
	table.dataset-table td:after {display:none;}
	table.dataset-table .inner-table {display:table; width:100%; table-layout:auto; border-collapse:collapse;}
	table.dataset-table .inner-table .inner-tr .th {width:120px; padding:7px 6px; border:1px solid #e0e0e0;}
	table.dataset-table .inner-table .inner-tr .td {width:calc(100% - 110px); padding:7px 6px; border:1px solid #e0e0e0; border-left:0;}
	
	table.dataset-table .bg-beige .inner-tr .th {background-color:#f8f6f1;}
	table.dataset-table .bg-skyblue .inner-tr .th {background-color:#f0f4f7;}
	table.dataset-table .bg-green .inner-tr .th {background-color:#ecf7ee;}
	
	/* 데이터찾기 - 데이터 이력보기 */
	.data-history {}
	.data-history ul {max-height:150px;}
	.data-history ul li {height:auto; padding:7px 5px 7px 5px;}
	.data-history ul li .tit {overflow:hidden; position:relative; width:100%; padding:0; white-space:nowrap; text-overflow:ellipsis;}
	.data-history ul li .txt {position:static; right:inherit; top:inherit;}
	.data-history ul li .txt p {float:none; width:100%; text-align:left;}
	.data-history ul li .txt p:first-child {width:auto; margin:0; text-align:left;}

	/* 데이터찾기 - 연관 데이터 */
	.data-list {}
	.data-list ul {}
	.data-list ul li {overflow:hidden; padding:14px 0; border-bottom:1px solid #e0e0e0;}
	.data-list ul li .tit {float:none; position:relative; padding:0 0 0 85px;}
	.data-list ul li .tit span {position:absolute; left:5px; top:0;}
	.data-list ul li .tit a {overflow:hidden; display:block; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
	.data-list ul li .txt {float:none; padding:5px 0 0 0;}
	.data-list ul li .txt p {float:none; width:auto; text-align:left;}
	.data-list ul li .txt p:first-child {width:auto;}

	/* 데이터활용 - 활용 데이터 */
	.data-list.v2 ul li .tit {width:100%;}
	.data-list.v2 ul li .txt {overflow:hidden; display:block; width:100%; white-space:normal; text-overflow:inherit; }

	/* 데이터활용 - 기타정보 */
	.data-list.col-3 ul li {float:none; width:100%;}
	.data-list.col-3 ul li:first-child {width:100%}
	
	/* 데이터찾기 - open api */
	.open-api-detail {}
	.open-api-detail .open-api-detail-select {padding:15px 0;}
	.open-api-detail .open-api-detail-select label {display:block; margin:0 0 10px 0; font-size:1.0667em; line-height:1.1;}
	.open-api-detail .open-api-detail-select select {display:block; width:100%; max-width:100%;}
	.open-api-detail .open-api-detail-select .button {display:block; width:100%; margin-top:10px;}
	.open-api-detail .open-api-detail-result .sample-data-code {display:none;}
	
	/* 데이터찾기 - 표준 데이터 - 상세 */
	.common-data-grid-util {overflow:hidden; margin-top:10px;}
	.common-data-grid-util .left {float:none;}
	.common-data-grid-util .left select {display:block; max-width:none; width:100%; height:40px; margin:0; vertical-align:middle;}
	.common-data-grid-util .left .input-text {display:block; width:100%; height:40px; margin:5px 0 0 0;}
	.common-data-grid-util .left .button {display:block; width:100%; margin:5px 0 0 0;}
	.common-data-grid-util .right {float:none; text-align:left;}
	.common-data-grid-util .right p.reset {margin-top:5px;}
	
	.common-data-grid-area {overflow:hidden; overflow:scroll; width:100%; height:280px; margin:10px 0 0 0;}
	
	.common-data-tab {}
	.common-data-tab .box-gray {}
	.common-data-tab .box-gray .button-group {margin:0; padding:10px 0 0 0;}
	.common-data-tab .box-preview {overflow:hidden; overflow-y:scroll; height:160px;}
	.common-data-tab .chart-area {border:1px solid #e0e0e0;}
	
	/* 데이터찾기 - 데이터셋 - 국가중점데이터 */
	.nation-data {}
	.nation-data .bg-nation {padding:15px; background-image:none;}
	.nation-data .bg-nation span {display:inline; font-size:1.0667em;}
	
	.nation-data .list-top {margin-top:30px;}
	
	.nation-data .list-top .left {float:none;}
	.nation-data .list-top .left .label {display:block;}
	.nation-data .list-top .left .input-box {display:block; position:relative; margin:0; padding:0 100px 0 0;}
	.nation-data .list-top .left .input-box .input-text {display:block; width:100%;}
	.nation-data .list-top .left .input-box .button {position:absolute; right:0; top:0; min-width:auto; width:90px; margin:0; padding:0;}
	.nation-data .list-top .left .button {margin-left:4px;}
	.nation-data .list-top .right {float:none; padding:10px 0 0 0;}
	.nation-data .list-top .right select {display:block; width:100%; max-width:none;}
	
	.nation-data .brn-nation-list {}
	.nation-data .brn-nation-list ul {margin:-6px 0 0 0;}
	.nation-data .brn-nation-list ul li {float:none; width:100%; margin:6px 0 0 0; padding:0;}
	.nation-data .brn-nation-list ul li:nth-child(2n) {padding:0;}
	.nation-data .brn-nation-list ul li a {padding:0;}
	.nation-data .brn-nation-list ul li a .top-img {margin:0; padding:0; font-size:0; line-height:0;}
	.nation-data .brn-nation-list ul li a .top-img img {width:100%; height:auto;}
	.nation-data .brn-nation-list ul li a .txt {}
	.nation-data .brn-nation-list ul li a .txt div {font-size:1em; letter-spacing:-0.05em;}
	.nation-data .brn-nation-list ul li a .img {}
	.nation-data .brn-nation-list ul li a .img div {}
	.nation-data .brn-nation-list ul li a .img div img {display:block; margin:0 auto;}
	
	/* 데이터찾기 - 데이터셋 - 국가중점데이터 - 상세 */
	.nation-data {}
	.nation-data .view-page {}
	.nation-data .view-page p {margin:0; padding:0;}
	.nation-data .view-page .tit-area {overflow:hidden; padding:0; border:0; text-align:center;}
	.nation-data .view-page .tit-area .tit {display:block; margin:0; padding:0 0 10px 0; font-size:1.6em; line-height:1.3; text-align:left;}
	.nation-data .view-page .tit-area img {margin:0 2px; vertical-align:middle;}
	.nation-data .view-page .tit-area .button {display:block; float:none; width:100%; margin:10px 0 0 0;}
	.nation-data .view-page .writing {padding:15px 0;}
	.nation-data .view-page .writing table {padding:15px 0;}
	.nation-data .view-page .writing table th,
	.nation-data .view-page .writing table td {width:auto !important;}
	/* as is css */
	.nation-data .view-page .writing img {max-width:100% !important; height:auto !important;}
	.nation-data .view-page .writing p {overflow:hidden; margin:0; padding:0;}
	.nation-data .view-page .writing p.q {font-weight:bold; color:#333;}
	.nation-data .view-page .writing div.pic {overflow:hidden; overflow-x:scroll; width:100% !important; height:200px; padding:10px 10px 0 10px; background-color:#f7f7f7;}
	.nation-data .view-page .writing div.pic ul {overflow:hidden; display:block;}
	.nation-data .view-page .writing div.pic li {display:block; float:left; margin-left:15px;}
	.nation-data .view-page .writing div.pic li img {width:100%; height:auto;}
	/*// as is css */

	/* 데이터찾기 - 이슈데이터 - 목록 */
	.bg-issue-data {padding:15px; background-image:none;}
	.bg-issue-data span {display:inline; font-size:1em;}

	.issue-data-list {}
	.issue-data-list p {}
	.issue-data-list ul {margin-left:0;}
	.issue-data-list ul li {float:none; width:100%; margin:0; padding:10px 0 5px 0;}
	.issue-data-list ul li a {height:auto; }
	.issue-data-list ul li .img {height:auto; margin:0; font-size:0; line-height:0;}
	.issue-data-list ul li .img img {width:100%; max-height:100%;}
	.issue-data-list ul li .text-area {padding:15px;}
	.issue-data-list ul li .tit {margin:10px 0; font-size:1.0667em;}
	.issue-data-list ul lino-data {height:250px;}

	/* 데이터찾기 - 이슈데이터 - 상세 */
	.issue-data-text {padding:15px; }
	.issue-data-text .button {position:static; margin-top:5px; top:inherit; right:inherit;}

	.issue-data-infomation {position:relative; min-height:100%; padding-left:0; }
	.issue-data-infomation .data-img-area {position:static; top:inherit; left:inherit; width:100%; min-height:165px; margin-bottom:15px; }

/* ==========================================================================
	데이터 활용
========================================================================== */
	/* 데이터 시각화 - 목록 */
	.data-view-list {}
	.data-view-list p {}
	.data-view-list ul {margin-left:0;}
	.data-view-list ul li {float:none; width:100%; margin:0; padding:10px 0 5px 0;}
	.data-view-list ul li a {height:auto; padding:15px;}
	.data-view-list ul li .img {margin:0 0 10px 0; font-size:0; line-height:0;}
	.data-view-list ul li .img img {width:100%; height:auto;}
	.data-view-list ul li .tit {margin:10px 0; font-size:1.0667em;}
	.data-view-list ul li .maker {}
	.data-view-list ul li .count {}
	.data-view-list ul li .date {padding:10px 0 0 0;}
	
	.data-view-list.v2 ul li a {height:auto; padding:15px;}
	
	/* 국민참여지도 - 목록 */
	.map-data-list {}
	.map-data-list p {}
	.map-data-list ul {margin-left:0;}
	.map-data-list ul li {float:none; width:100%; margin:0; padding:10px 0 5px 0;}
	.map-data-list ul li a {height:auto; padding:15px;}
	.map-data-list ul li .img {margin:0 0 10px 0; font-size:0; line-height:0;}
	.map-data-list ul li .img img {width:100%; height:auto;}
	.map-data-list ul li .tit {margin:10px 0; font-size:1.0667em;}
	.map-data-list ul li .maker {}
	.map-data-list ul li .count {}
	.map-data-list ul li .date {padding:10px 0 0 0;}
	
	
	/* 국민참여 지도, 위치정보 시각화 - 등록 */
	.portal-map-area {position:fixed; left:0; top:111px; bottom:0; width:100%; height:auto; margin:0; padding:0;}
	.portal-map-area .map-section {height:100%; background-color:#fff;}
	
	.portal-map-area .tit-map-area {display:none;}

	.portal-map-area .btn-toggle-info {left:calc(95% - 44px); width:44px; height:44px;}
	.portal-map-area .btn-toggle-info:disabled {opacity:0.3;}
	
	.portal-map-area .label {display:block; position:relative; margin:0 0 10px 0; color:#333; font-weight:700; line-height:1.1;}
	.portal-map-area .label.req:before {content:'*'; display:inline-block; margin:0 2px 0 0; padding:0; color:#d8265d;}
	
	.portal-map-area .left-section {width:95%; padding:0 0 10px 0;}
	
	.portal-map-area.off .btn-toggle-info {left:-1px; transform:rotate(180deg);}
	.portal-map-area.off .left-section {left:-95%;}
	
	/* 국민참여 지도, 위치정보 시각화 - 상세 */
	.portal-map-area .portal-map-detail {padding:20px 19px;}
	
	.portal-map-area .portal-map-detail.basic {}
	.portal-map-area .portal-map-detail.basic .tit-area {white-space:normal; text-overflow:inherit;}
	.portal-map-area .portal-map-detail.basic .tit-area .title {display:block; margin:5px 0 0 0; font-size:1.0667em; line-height:1.3;}
	.portal-map-area .portal-map-detail.basic .info {padding:10px 0;}
	.portal-map-area .portal-map-detail.basic .cont {height:60px; padding:5px;}
	.portal-map-area .portal-map-detail.basic .util {padding:0 0 10px 0;}
	
	.portal-map-area .portal-map-detail.topic {height:auto;}
	
	.portal-map-area .portal-map-detail.attr {}
	.portal-map-area .portal-map-detail.attr .scroll-list ul {height:94px; padding:10px 0;}
	
	.portal-map-area .map-util-btn {position:absolute; right:70px; top:10px;}
	
	.portal-map-area .map-util-view {position:absolute; right:10px; top:10px;}
	.portal-map-area .map-util-view .btn {display:block; width:48px; height:62px;}
	.portal-map-area .map-util-view .btn:first-child {border-top:0;}
	.portal-map-area .map-util-view .btn .ico-map-util-view-marker {width:30px; height:28px; background-size:auto 100%;}
	.portal-map-area .map-util-view .btn.on .ico-map-util-view-marker {background-position:-30px;}
	
	.portal-map-area .map-util-view .btn .ico-map-util-view-cluster {width:29px; height:29px; background-size:auto 100%;}
	.portal-map-area .map-util-view .btn.on .ico-map-util-view-cluster {background-position:-29px;}
	
	.portal-map-area .map-util-view .btn .ico-map-util-view-hitmap {width:29px; height:29px; background-size:auto 100%;}
	.portal-map-area .map-util-view .btn.on .ico-map-util-view-hitmap {background-position:-29px;}
	
	.portal-map-area .map-util-view .btn strong {display:block; padding:5px 0 0 0; color:#999; font-size:0.7333em;}
	.portal-map-area .map-util-view .btn.on {background-color:#fff;}
	.portal-map-area .map-util-view .btn.on strong {color:#333;}
	
	.portal-map-area .map-util-now {right:10px; top:208px;}
	.portal-map-area .map-util-now .btn-location-now {overflow:hidden; display:block; width:36px; height:36px; margin:0; padding:0; text-indent:-9999px; border:1px solid #999; background:#fff url('/images/biz/data-app/btn-map-util-now.png') no-repeat center;}
	
	.portal-map-area .portal-map-detail.position .position-service-list {height:165px;}
	.portal-map-area .portal-map-detail.position .position-service-list li {width:50%;}
	.portal-map-area .portal-map-detail.position .position-service-list li:nth-child(3dn+1) {width:50%;}


	/* 맵 속성 레이어 */
	.layer-map-attr {width:300px !important;}
	.layer-map-attr .wrap {position:relative; width:100%;}
	.layer-map-attr .wrap .btn-layer-map-close {overflow:hidden; display:block; position:absolute; right:11px; top:8px; width:26px; height:26px; margin:0; padding:0; text-indent:-9999px; border:0; background:url('/images/biz/data-app/btn-layer-map-close.png') no-repeat center;}
	.layer-map-attr .wrap .layer-header {overflow:hidden; height:42px; padding:0 42px 0 10px; line-height:42px; font-size:1.0667em;}
	.layer-map-attr .wrap .layer-body {padding:10px;}
	.layer-map-attr .wrap .layer-body .scroll {overflow:hidden; overflow-y:scroll; height:120px;}
	.layer-map-attr .wrap .layer-body .scroll .map-attr-list {}
	.layer-map-attr .wrap .layer-body .scroll .map-attr-list li {margin:4px 0 0 0; padding:0 5px 0 0;}
	.layer-map-attr .wrap .layer-body .scroll .map-attr-list li .input-text {display:block; width:100% !important; height:32px; margin-left:0;}
	.layer-map-attr .wrap .layer-body .button-group {margin-top:10px;}
    .portal-map-area .left-section .section .tit-group {display: flex;}
    .portal-map-area .left-section .section .tit-group .right{float: right;}

	

/* ==========================================================================
	활용지원
========================================================================== */
	/* 공공데이터 이용가이드 - 공공데이터 소개 */
	.use-guide-step {text-align: center; padding:10px;}
	.use-guide-step img {width:100%;}

	.use-guide-text {padding:20px;}
	.use-guide-text .content p {margin-top:10px;}
	.use-guide-text .content p .tit {position:static; }
	.use-guide-text .content p .point {text-decoration:none;}
	.use-guide-text .example-text .content p {padding-left:0;}
	.use-guide-text .qna-text .content p {padding-left:0;}
	.use-guide-text .qna-text {margin-top:12px;}

	/* 공공데이터 이용가이드 */
	.use-guide-page {}
	.use-guide-page .link {margin:0 0 20px 0; padding:10px;}
	.use-guide-page .link a {margin:0 10px; letter-spacing:-0.05em;}
	.use-guide-page .link a:before {left:-10px;}
	
	.use-guide-swiper {overflow:hidden; position:relative; margin:20px -16px 0 -16px; padding:0 0 48px 0; border:0;}
	
	.use-guide-swiper .btn-navi {top:inherit; bottom:0; z-index:2; width:50%; height:48px; margin:0; padding:0; font-size:inherit; line-height:inherit; border:none;  background-image:none;}
	.use-guide-swiper .btn-navi.swiper-button-disabled {opacity:0.3; cursor:default;}
	.use-guide-swiper .btn-navi.btn-prev {left:0; padding:0 0 0 16px; transform:rotate(0); text-align:left;}
	.use-guide-swiper .btn-navi.btn-next {right:0; padding:0 16px 0 0; transform:rotate(0); text-align:right;}
	.use-guide-swiper .btn-navi i,
	.use-guide-swiper .btn-navi span {display:inline-block;}
	.use-guide-swiper .btn-navi.btn-next i {transform:rotate(180deg);}
	
	.use-guide-swiper .swiper-wrapper {width:100%; margin:0 auto;}
	.use-guide-swiper .swiper-wrapper .swiper-slide {margin:0; padding:0; border-bottom:1px solid #e0e0e0;}
	.use-guide-swiper .swiper-wrapper .swiper-slide .just-mb {width:100%;}
	.use-guide-swiper .swiper-wrapper .swiper-slide .just-mb img {width:100%;}
	.use-guide-swiper .swiper-wrapper .swiper-slide .slide-in {width:100%; padding:0 16px; }

	/* 공공데이터 활용방법 - 오픈 API */
	.use-guide-swiper-api {overflow:hidden; position:relative; margin:20px -16px 0 -16px; padding:0 0 48px 0; border:0;}
	
	.use-guide-swiper-api .btn-navi {top:inherit; bottom:0; z-index:2; width:50%; height:48px; margin:0; padding:0; font-size:inherit; line-height:inherit; border:none;  background-image:none;}
	.use-guide-swiper-api .btn-navi.swiper-button-disabled {opacity:0.3; cursor:default;}
	.use-guide-swiper-api .btn-navi.btn-prev {left:0; padding:0 0 0 16px; transform:rotate(0); text-align:left;}
	.use-guide-swiper-api .btn-navi.btn-next {right:0; padding:0 16px 0 0; transform:rotate(0); text-align:right;}
	.use-guide-swiper-api .btn-navi i,
	.use-guide-swiper-api .btn-navi span {display:inline-block;}
	.use-guide-swiper-api .btn-navi.btn-next i {transform:rotate(180deg);}
	
	.use-guide-swiper-api .swiper-wrapper {width:100%; margin:0 auto;}
	.use-guide-swiper-api .swiper-wrapper .swiper-slide {margin:0; padding:0; border-bottom:1px solid #e0e0e0;}
	.use-guide-swiper-api .swiper-wrapper .swiper-slide .just-mb {width:100%;}
	.use-guide-swiper-api .swiper-wrapper .swiper-slide .just-mb img {width:100%;}
	.use-guide-swiper-api .swiper-wrapper .swiper-slide .slide-in {width:100%; padding:0 16px; }

	/* 공공데이터 검색 - 데이터셋 */
	.use-guide-swiper-dataset {overflow:hidden; position:relative; margin:20px -16px 0 -16px; padding:0 0 48px 0; border:0;}
	
	.use-guide-swiper-dataset .btn-navi {top:inherit; bottom:0; z-index:2; width:50%; height:48px; margin:0; padding:0; font-size:inherit; line-height:inherit; border:0; background-image:none;}
	.use-guide-swiper-dataset .btn-navi.swiper-button-disabled {opacity:0.3; cursor:default;}
	.use-guide-swiper-dataset .btn-navi.btn-prev {left:0; padding:0 0 0 16px; transform:rotate(0); text-align:left;}
	.use-guide-swiper-dataset .btn-navi.btn-next {right:0; padding:0 16px 0 0; transform:rotate(0); text-align:right;}
	.use-guide-swiper-dataset .btn-navi i,
	.use-guide-swiper-dataset .btn-navi span {display:inline-block;}
	.use-guide-swiper-dataset .btn-navi.btn-next i {transform:rotate(180deg);}
	
	.use-guide-swiper-dataset .swiper-wrapper {width:100%; margin:0 auto;}
	.use-guide-swiper-dataset .swiper-wrapper .swiper-slide {margin:0; padding:0; border-bottom:1px solid #e0e0e0;}
	.use-guide-swiper-dataset .swiper-wrapper .swiper-slide .just-mb {width:100%;}
	.use-guide-swiper-dataset .swiper-wrapper .swiper-slide .just-mb img {width:100%;}


	
	/* 자주하는 질문 */
	.faq-preview {padding:10px;}
	.faq-preview .answer {position:relative; padding:0 10px 0 20px;}
	.faq-preview .answer:before {content:'A.'; position:absolute; left:0; top:0; color:#2775c4;}
	.faq-preview .file {padding:20px 0 0 20px;}
	
/* ==========================================================================
	회원가입
========================================================================== */
	/* 일반 가입 */
	.join-wrap .top-text {display:none;}
	.join-wrap .top-text span {font-size:1.429em;}
	.join-wrap .top-text p {margin:8px 0 0; font-size:1.071em;}
	.join-wrap .top-text p em {display:block;}
	.join-wrap .top-text.v2 {display:block;}

	.join-wrap .text-area {margin:0 0 15px; font-size:1.286em; line-height:1.2;}
	.join-wrap .box-result {padding:50px 0;}
	.join-wrap .box-result a {display:block; margin:8px 0;}
	.join-wrap .box-result a span {padding:0 12px 0 0;}

	.join-wrap .chk-area {padding:0 0 0 22px;}
	.join-wrap .chk-area label {font-size:1.140em; line-height:1.5;}
	.join-wrap .chk-area-all label {font-size:1.286em;}

	.join-wrap .box-scroll {height:170px; padding:10px; margin:10px 0 20px;}
	
	.join-wrap .join-info ul {text-align:left;} 
	.join-wrap .join-info ul li {display:block; margin-left:0;} 
	.join-wrap .join-info ul li strong {display:block; margin-right:0;}
}



/* ==========================================================================
	모바일 orientation
========================================================================== */
@media all and (max-width:1024px) and (orientation: landscape) {

	/**/
	.portal-map-area .map-util-btn {position:absolute; right:10px; top:10px;}
	.portal-map-area .map-util-view {top:50px;}
	.portal-map-area .map-util-view .btn {float:left;}
	.portal-map-area .map-util-now {top:119px;}
}

@media all and (max-width:1024px) and (orientation: portrait) {}














































































/* 윤사랑 */

/* ==========================================================================
	공통
========================================================================== */

/* input + button 조합 */
.input-btn-type {position:relative; display:inline-block; margin-right:10px;}
.input-btn-type .button {position:absolute; top:0; right:0; padding:0 5px; min-width:auto;}

.input-btn-type.word-2 {padding-right:70px;}
.input-btn-type.word-4 {padding-right:110px;}
.input-btn-type.word-5 {padding-right:120px;}
.input-btn-type.word-6 {padding-right:130px;}
.input-btn-type.word-2 .button {width:60px;}
.input-btn-type.word-4 .button {width:100px;}
.input-btn-type.word-5 .button {width:110px;}
.input-btn-type.word-6 .button {width:120px;}

/* input + 예시 조합 */
.input-ex-text {position:relative; padding-right:100px;}
.input-ex-text .ex-txt {display:inline-block; position:absolute; top:0; right:0; line-height:40px;}

/* 첨부파일 */
.file-upload-wrap .button {margin-bottom:10px;}
.file-upload-wrap .box-gray-border {margin-bottom:5px; min-height:60px;}
.file-upload-wrap .file-name {color:#666; }
.file-upload-wrap .btn-delete {color:#333; text-decoration:underline; margin-left:10px; background:none; margin-top:-5px;}

/* 자동등록방지 */
.security-char {margin-bottom:10px;}
.security-char .security-img {display:inline-block; vertical-align:middle; width:180px; height:60px;}
.security-char .security-img img {width:180px; height:60px;}
.security-char .btn-reset {display:inline-block; vertical-align:middle; margin:0 0 0 5px; padding:0; border:0; color:#666; background-color:transparent;}
.security-char .btn-reset .ico-reset {margin-top:-4px; margin-left:2px;}

/* 뉴스레터 신청 레이어팝업 */
.newsletter-request-box {position:relative; padding:20px 20px 20px 110px; text-align: left; background-color:#eff2f7;}
.newsletter-request-box .title {position:absolute; top:20px; left:20px; font-weight:700; line-height:40px;}
.newsletter-request-box p {margin-top:7px;}

/* ==========================================================================
	데이터 요청
========================================================================== */
/* 데이터 1번가 */
.bg-data-first {margin:0 0 40px 0; padding:38px; border:2px solid #e0e0e0; background:url('/images/biz/request/bg-data-first.png') no-repeat right bottom;}
.bg-data-first span {display:block; font-size:15px; color:#666;}

.request-float-btn {display:block; position:fixed; top:80%; left:50%; margin-left:500px;width:100px; height:100px; border-radius:50px; padding-top:25px; text-align: center; transition: all 300ms linear; z-index:2; background-color:#3f7ad2;}
.request-float-btn.off {display:none;}
.request-float-btn a {color:#fff; font-weight:700; text-decoration:none;}
.request-float-btn a .iconset {margin-right:4px; }

/* 데이터요청 - 분쟁조정 신청 */
.step-wrap .step {display:table; width:100%; margin-top:30px;}
.step-wrap .step:first-child {margin-top:0;}
.step-wrap .step .block {display:table-cell; vertical-align: middle; width:140px; height:140px; border-radius:140px; text-align: center; background-color:#22799f;}
.step-wrap .step .title-box {text-align: center;}
.step-wrap .step .title-box .num {display:block; color:#fff; font-size:1.143em;}
.step-wrap .step .title-box .tit {display:block; color:#fff; font-size:1.143em; line-height:1.4; letter-spacing:-0.05em; margin-top:3px;}
.step-wrap .step .txt {display:table-cell; vertical-align: middle; padding-left:30px; color:#666; letter-spacing:-0.05em; }

/* 공공데이터제공 분쟁조정위원회 */
.request-info {text-align: center; margin-top:40px;}
.request-info .tit {color:#2775c4;}
.request-info .info strong {display:inline-block; vertical-align: middle; margin:0 15px;}
.request-info .info strong .iconset {margin-right:4px;}
.request-info .tel-ask {display:block; font-size:1.429em; color:#2775c4; margin-bottom:10px;}
.request-info .tel-ask .iconset {margin-right:4px;}
.request-info .tel-ask + .color-666 {margin-bottom:30px;}

.request-button-text {text-align: center;}
.request-button-text .txt {}
.request-button-text .txt span {display:block; line-height:1.8; font-size:1.143em;}
.request-button-text .txt2 {margin-top:10px;}
.request-button-text .txt2 strong {display:block; color:#333; line-height:1.8; font-size:1.143em;}


/* 공공데이터 제공제도 */
.institution-box {margin-top:30px;}
.institution-box:after {clear:both; content:''; display:block;}
.institution-box .box {float:left; width:380px; height:157px; padding:20px; margin-left:30px;}
.institution-box .box:first-child {margin-left:0;}
.institution-box .box.beige {background-color:#f8f6f1;}
.institution-box .box.blue {background-color:#f0f4f7;}
.institution-box .box.green {background-color:#ecf7ee;}
.institution-box.use-info-type .box {height:186px;}
.request-open-government-data-process { display: flex; justify-content: center; }
.request-open-government-data-process img { width: 80%; height: auto;}

/* 공공데이터 제공제도 - 기관검색 */
.list-agency {position:relative; width:100%; border-top:2px solid #555;}
.list-agency ul {overflow:hidden; overflow-y:auto; height:460px;}
.list-agency li .title-area {position:relative; width:100%; border-bottom:1px solid #e0e0e0; padding-left:25px;}
.list-agency li .title-area .arr {position:absolute; top:50%; left:0; margin-top:-9px; display:block; width:17px; height:17px; background:#fff url('/images/biz/common/btn/btn-agency.png') no-repeat -17px 0;}
.list-agency li .title-area .tit {display:block; height:45px; color:#333; text-decoration:none; background:none; border:none; padding:0;}
.list-agency li .title-area:hover {cursor:pointer;}
.list-agency li .title-area:hover .tit {color:#3f7ad2; text-decoration:underline;}
.list-agency li .title-area.on .arr {background-position:0 top;}
.list-agency li .title-area.on .tit {font-weight:700;}
.list-agency li .title-area.no-detail .arr {display:none; /*  background-image:none; border:1px solid #999; */}
.list-agency li .detail-area {display:none; width:100%; padding:20px 24px; border-bottom:1px solid #e0e0e0; background-color:#fafafa;}
.list-agency li .detail-area.on {display:block;}
.list-agency li .detail-area a {display:block; color:#666; text-decoration:none;}
.list-agency li .detail-area a:hover {color:#3f7ad2; text-decoration:underline;}


/* ==========================================================================
	마이페이지
========================================================================== */
/* 개발계정 - 진행중 상태 */
.mypage-status-info-mobile {display: none;}

.mypage-status-info {border:3px solid #e0e0e0; margin-bottom:40px;}
.mypage-status-info:after {clear:both; content:''; display:block;}
.mypage-status-info .status-box {float:left;width:33.3%; height:216px; padding:25px 0;text-align: center; border-left:1px solid #e0e0e0;}
.mypage-status-info .status-box:first-child {width:33.4%; border-left:none;}
.mypage-status-info .status-box .title {font-weight:700; font-size:1.714em; padding-right:18px;}
.mypage-status-info .status-box .title.green {color:#518c26; background:#fff url('/images/biz/common/ico/ico-arr-right-green.png') no-repeat right center;}
.mypage-status-info .status-box .title.blue {color:#1b9ac4; background:#fff url('/images/biz/common/ico/ico-arr-right-blue.png') no-repeat right center;}
.mypage-status-info .status-box .title.orange {color:#ef6205; background:#fff url('/images/biz/common/ico/ico-arr-right-orange.png') no-repeat right center;}
.mypage-status-info .status-box .txt {color:#666; margin-top:10px;}
.mypage-status-info .status-box .num-area {display:table; width:100%; height:76px; padding:0 55px; margin:20px 0 0 0;}
.mypage-status-info .status-box .num-area .dot-list {display:table-cell; vertical-align: middle; padding:0 10px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; }
.mypage-status-info .status-box .num-area .dot-list:after {clear:both; content:''; display:block;}
.mypage-status-info .status-box .num-area .dot-list li { text-align: left; }
.mypage-status-info .status-box .num-area .dot-list li .num {float:right;}
.mypage-status-info .status-box .num-area .dot-list li + li {margin-top:0;}

/* 개발계정 - 상세검색 테이블 */
.inline-table {border-top:none; padding-top:20px; margin-bottom:0;}
.inline-table table th {vertical-align: middle; text-align: right; padding:0 15px 0 0;}
.inline-table table td {border-bottom:none; background:none; padding:5px 0;}
.inline-table table th, .inline-table table td {border-bottom:none; background:none; }
.inline-table table {display:inline-table; min-width:80%; width:auto; table-layout:auto; border-collapse: collapse;}
.inline-table table select {max-width:100%;}

/* 개발계정 - 목록 */
.mypage-dataset-list {border-top:2px solid #555;}
.mypage-dataset-list ul li {position:relative; border:1px solid #e0e0e0; border-top:none; padding:19px;}
.mypage-dataset-list ul li .labelset {min-width:0;}
.mypage-dataset-list ul li .tag-area {margin:0 0 10px 0;}
.mypage-dataset-list ul li .title-area {position:relative; margin-bottom:10px; padding-left:70px;}
.mypage-dataset-list ul li .title-area.no-status {padding-left:0;}
.mypage-dataset-list ul li .title-area a {display:block; position:relative; text-decoration:none; }
.mypage-dataset-list ul li .title-area .status-set {position:absolute; top:0; left:0; display:inline-block; width:64px; padding:2px 0; text-align: center;}
.mypage-dataset-list ul li .title-area .status-set.blue {background-color:#dcf1fa;}
.mypage-dataset-list ul li .title-area .status-set.green {background-color:#e2f1f1;}
.mypage-dataset-list ul li .title-area .status-set.red {background-color:#f4e7e8;}
.mypage-dataset-list ul li .title-area .status-set.beige {background-color:#f2ede4;}
.mypage-dataset-list ul li .title-area .title {display:block; color:#333; font-weight:700; font-size:1.286em; line-height:24px;}
.mypage-dataset-list ul li .title-area .title:hover {color:#3f7ad2; text-decoration:underline;}
.mypage-dataset-list ul li .info-data p {display:inline-block; vertical-align: top; margin:0 20px 0 0; padding:0;}
.mypage-dataset-list ul li .info-data p .tit {color:#333; display:inline-block; vertical-align: top; margin-right:4px; font-weight:700;}
.mypage-dataset-list ul li .info-data p .data {color:#666; display:inline-block; vertical-align: top;}

/* 개발계정 - 목록 > APi 폐기 안내 추가, 20220708 */
.mypage-dataset-list ul li .api-disabled .title {color: #ADADAD !important;}
.mypage-dataset-list ul li .badge {
    vertical-align: text-top;
    display: inline-block;
    color: #686868; background-color: #D8D8D8;
    padding: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-radius: 1.25rem;
    width: 60px;
}
.mypage-dataset-list ul li .tag-area .badge { margin-top: 3px; }


/* 개발계정 - 상세 */
.mypage-detail-info {padding:25px 20px; background-color:#fafafa;}
.mypage-detail-info .tit-group {margin-top:0;}
.mypage-detail-info .bg-inner-table table tbody tr td {background-color:#DFDFDF;}

.mypage-title {position:relative; padding:11px 20px 20px; border-style:solid; border-width:2px 1px 1px; border-color:#555 #e0e0e0 #e0e0e0;}
.mypage-title .tit-area .labelset {margin-top:9px; vertical-align:top;}
.mypage-title .tit-area .tit {display:inline-block; margin:5px 0 0; color:#555; font-size:1.538em; font-weight:700; line-height:1.4;}

/* 나의 관심공공데이터 */
.keyword-wrap {position:relative; padding:30px 110px 30px 265px; background-color:#fafafa;}
.keyword-wrap .title {position:absolute; top:30px; left:140px;}
.keyword-wrap .word-area {width:100%; }
.keyword-wrap .keyword {display:inline-block; vertical-align: top; color:#666; margin:0 25px 5px 0;}

/* ==========================================================================
	로그인
========================================================================== */
/* 로그인 */
.login-wrap {width:800px; margin:0 auto;}
.login-intro {text-align: center; font-size:1.714em; color:#2775c4; margin-bottom:30px;}
.login-box {border:1px solid #e0e0e0; margin-bottom:40px;}
.login-box .title-area {padding:20px 19px; border-bottom:1px solid #e0e0e0; background-color:#fafafa;}
.login-box .title-area h3.tit {padding-bottom:0;}
.login-box .content-area {padding:40px 0; text-align: center;}
.login-box .content-area .in {text-align: left; width:440px; margin:0 auto;}
.login-box .content-area .write-form {position:relative; padding-right:110px; margin-top:20px;}
.login-box .content-area .write-form .btn-login {position:absolute; top:0; right:0; width:100px; height:90px; border:none; background-color:#3f7ad2; color:#fff; font-weight:700;}
.login-box .content-area .write-form input[type=password] {margin-top:10px;}
.login-box .content-area .write-form .chk-save-id {margin-top:15px;}
.login-box .content-area .write-form .link {position:absolute; bottom:0; right:0; text-align: center;}
.login-box .content-area .write-form .link a {position:relative; color:#333; text-decoration:none; padding:0 0 0 7px; margin-left:2px;}
.login-box .content-area .write-form .link a:before {content:''; position:absolute; top:50%; left:0; margin-top:-6px; width:1px; height:14px; background-color:#aaa;}
.login-box .content-area .write-form .link a:first-child {margin-left:0; padding-left:0;}
.login-box .content-area .write-form .link a:first-child:before {display:none;}
.login-box .content-area .write-form .link a:hover {color:#3f7ad2; text-decoration:underline;}
.login-box .content-area .write-form .link span {color:#666;}
.login-wrap .simple-login-txt {color:#ef6205; text-align: center; margin-bottom:30px;}
.login-wrap .simple-login {width:100%; border:1px solid #e0e0e0; padding:30px 0; margin-top:20px}
.login-wrap .simple-login .button {width:200px;}
.login-wrap .simple-login .button .iconset {margin:-4px 3px 0 0;}
.login-wrap .login-box .content-area .simple-login {padding:0; border:none;}

/* 간편로그인 안내 */
.login-noresult .txt-no-result {}
.login-noresult .txt {color:#666; margin-bottom:15px; line-height:1.7;}
.ps-text {display:block; font-size:1.143em; }

/* 비밀번호 변경 안내, 아이디 찾기, 비밀번호 찾기 */
.infomation-form {border:1px solid #e0e0e0; padding:20px 0; margin-top:20px;}
.infomation-form .in {width:450px; margin:0 auto;}
.infomation-form .form-line {position:relative; padding-left:120px; margin-top:12px;}
.infomation-form .form-line:first-child {margin-top:0;}
.infomation-form .form-line .title {position:absolute; top:0; left:0; width:120px; font-weight:700; line-height:40px;}
.infomation-form.find-pw .in {width:570px;}
.infomation-form.find-pw .form-line {padding-right:120px;}
.infomation-form.find-pw .form-line .button {position:absolute; top:0; right:0;}

.info-find-result {text-align: center; margin:0 0 35px 0;}
.info-find-result .result {font-size:1.429em;}
.info-find-result .btn-link {display:inline-block; font-size:1.286em; color:#333; text-decoration:none; font-weight:700; line-height:1.1; margin-top:20px;}
.info-find-result .btn-link .iconset {margin-top:-4px;}

/* 에러페이지 */
.error-wrap {position:absolute; top:50%; width:100%; padding:185px 0 0; margin-top:-174px; background:url('/images/biz/common/bg/bg-error-character.png') no-repeat 50% 0; text-align:center;}
.error-wrap strong {font-size:1.714em;}
.error-wrap p {margin:15px 0 25px; color:#666;}
.error-wrap .btn-area a {min-width:178px;}
.error-wrap .btn-area a:first-child {margin-right:5px;}

/* ==========================================================================
	이용안내
========================================================================== */
/* 공공데이터포털 소개 - 공공데이터포털 */
.service-link-area {text-align: center; border:1px solid #e0e0e0; padding:40px 15px;}
.service-link-area a {display:inline-block; text-decoration:none; margin:0 12px;}
.service-link-area a img {font-size:0; line-height:0;}
.service-link-area a strong {display:block; color:#333; font-weight:700; margin-top:15px; }
.service-link-area a:hover strong {color:#3f7ad2; text-decoration:underline;}

.use-info-img {border:1px solid #e0e0e0; padding:50px 0 45px 0; text-align: center;}

/* 공공데이터포털 정책 - 이용정책 */
.data-mark-box {border:1px solid #e0e0e0; padding:15px 25px 50px 25px; text-align: center; margin:20px 0;}
.data-mark-box:after {clear:both; content:''; display:block;}
.data-mark-box .mark {float:left; width:33.3%; text-align: center; margin-top:35px;}
.data-mark-box .mark .txt {display:block; margin-top:10px;}

/* 이용약관, 개인정보 처리방침 */
.policy-wrap {width:100%; border-top:2px solid #555; margin-bottom:40px;}
.policy-wrap > ul > li {border-bottom:1px solid #e0e0e0;}
.policy-wrap .title {display:block; width:100%; height:44px; border:none; padding:0 18px; font-weight:700; text-align: left; background-color:#fff; }
.policy-wrap .policy-text {display:none; width:100%;padding:0 18px 18px 18px; background-color:#fafafa;}
.policy-wrap .policy-text b {font-weight:700; font-size:1.143em;}
.policy-wrap .policy-text li > ul,
.policy-wrap .policy-text li > ol {margin:5px 0 5px 15px; padding-top:0;}
.policy-wrap .policy-text li + li {margin-top:5px;}
.policy-wrap .policy-text li:first-child {margin-top:0;}
.policy-wrap .on .title {background-color:#fafafa;}
.policy-wrap .on .policy-text {display:block; }

/* 공공데이터 품질관리 */
.language-info-box:after {clear:both; content:''; display:block;}
.language-info-box .box-gray-border {width:585px; height:252px; float:right; margin-bottom:0;}
.language-info-box .box-gray-border:first-child {float:left;}
.language-info-box.short .box-gray-border {height: auto;}

.dataset-service-list {border:1px solid #e0e0e0; border-width:1px 0 0 1px;}
.dataset-service-list ul:after {clear:both; content:''; display:block;}
.dataset-service-list ul li {float:left; width:25%; height:45px; line-height:43px; padding:0 12px; border:1px solid #e0e0e0; border-width:0 1px 1px 0;}


@media all and (max-width:1024px){ 
/* ==========================================================================
	공통
========================================================================== */

	/* input + button 조합 */
	.input-btn-type {position:relative; margin-right:0;}
	.input-btn-type .button {position:absolute; top:0; right:0; padding:0 5px;}

	.input-btn-type.word-4,
	.input-btn-type.word-5,
	.input-btn-type.word-6 {width:100% !important;}
	.row-table td .input-text {width:100% !important;}
    .row-table td .sign-up-select {width:100% !important;}
    .max-width-1024-w100 {width:100% !important;}
    .max-width-1024-w90 {width:90% !important;}

	/* input + 예시 조합 */
	.input-ex-text {width:100% !important;}
	.input-ex-text.mb-block {padding:0 !important;}
	.input-ex-text.mb-block .ex-txt {display:block; position:static; text-align: left;}

	/* 첨부파일 */
	.file-upload-wrap .button {width:100%; margin-bottom:0;}
	.file-upload-wrap .box-gray-border {display:none;}
	.file-upload-wrap .file-name {margin-left:0;}
	.file-upload-wrap .btn-delete {display:block; margin:4px 0 7px 0;}

	/* 자동등록방지 */
	.security-char .security-img {width:150px; height:50px;}
	.security-char .security-img img {width:150px; height:50px;}
	.security-char .btn-reset .ico-reset {margin-top:-4px; margin-left:2px;}

	/* 뉴스레터 신청 레이어팝업 */
	.newsletter-request-box {position:relative; padding:20px; }
	.newsletter-request-box .title {position:static; display:block; margin-bottom:7px; line-height:1.1;}
	.newsletter-request-box p {margin-top:7px;}


/* ==========================================================================
	데이터 요청
========================================================================== */
	/* 데이터 1번가 */
	.bg-data-first {margin:0 0 25px 0; padding:14px; background:none;}
	.bg-data-first span {display:inline;}

	.request-float-btn {display:block; position:fixed; top:inherit; bottom:5%; left:inherit; right:16px; margin-left:0 ;width:80px; height:80px; padding-top:15px;}


	/* 데이터요청 - 분쟁조정 신청 */
	.step-wrap .step {display:block; margin-top:20px;}
	.step-wrap .step .block {display:table; width:120px; height:120px; margin:0 auto; text-align: center;}
	.step-wrap .step .title-box {display:table-cell; vertical-align: middle;  width:120px; height:120px; margin:0 auto; text-align: center;} 
	.step-wrap .step .title-box .num {display:block; font-size:0.933em;}
	.step-wrap .step .title-box .tit {display:block; font-size:1em; line-height:1.3; }
	.step-wrap .step .title-box .tit span {display:block;}
	.step-wrap .step .txt {display:block; padding-left:0; color:#666; margin-top:20px;}

	/* 공공데이터제공 분쟁조정위원회 */
	.request-info {margin-top:30px;}
	.request-info .tit {font-size:1.067em;}
	.request-info .info strong {width:100%; margin:15px 0 0 0;}
	.request-info .info strong:first-child {margin-top:0;}
	.request-info .tel-ask {font-size:1.067em; }
	.request-info .tel-ask + .color-666 {margin-bottom:10px;}

	.request-botton-text {margin-top:25px;}
	.request-botton-text .txt span {display:block; line-height:1.5; font-size:1.067em;}
	.request-botton-text .txt span:first-child {margin-bottom:10px;}
	.request-botton-text .txt2 {margin-top:15px;}
	.request-botton-text .txt2 strong {line-height:1.5; font-size:1.067em;}

	/* 공공데이터 제공제도 */
	.institution-box {margin-top:20px;}
	.institution-box .box {float:left; width:100%; height:auto; padding:16px; margin-left:0; margin-top:20px;}
	.institution-box .box:first-child {margin-top:0;}
	
	/* 공공데이터 제공제도 - 기관검색 */
	.list-agency ul {overflow:visible; height:auto;}


/* ==========================================================================
	마이페이지
========================================================================== */
	/* 개발계정 - 상세검색 테이블 */
	.inline-table {padding:0;}
	.row-table.inline-table table th, .row-table.inline-table table td {border-bottom:none; background:none; }
	.inline-table table {display:block; width:100%; min-width:auto; }
	.inline-table table select {max-width:100%;}
	.row-table.inline-table table td .w340px {width:100% !important;}
	
	table .mb-block {text-align:center;}
	table .mb-block select {width:100% !important;}
	table .mb-block input[type=text],
	table .mb-block input[type=password] {width:100% !important;}
	table .mb-block .padding-inline {display:block; padding:10px 0;}

	/* 데이터셋 - 기관별 데이터 검색 입력 */
	.search-gray-box {margin: 0 -16px 20px -16px; padding:16px;}
	.search-gray-box .title {display:block; line-height:1.2; margin-right:0; text-align: left;}
	.search-gray-box .button {display:block; width:100%; margin-left:0; margin-top:20px;}
	.search-gray-box .form-wrap {display:block; margin-left:0; margin-top:20px;}
	.search-gray-box .form-wrap:first-child {margin-top:0;}
	.search-gray-box .form-wrap .btn-radio {display:block; margin-top:10px;}
	.search-gray-box .form-wrap select {max-width:100%; width:100% !important; display:block; margin-top:10px;}
	.search-gray-box .form-wrap .input-text {width:100% !important; margin-top:10px;}
	.search-gray-box .input-btn-type {display:block; margin-top:10px;}

	/* 개발계정 - 상세 */
	.mypage-title .tit-area .tit {font-size:1.385em;}

	/* 나의 관심공공데이터 */
	.keyword-wrap {width:100%; padding:25px 15px;}
	.keyword-wrap .title {position:static;}
	.keyword-wrap .keyword {display:block; width:100%; margin:10px 0 0 0;}


/* ==========================================================================
	로그인
========================================================================== */
	/* 로그인 */
	.login-wrap {width:100%; margin:0; padding-top:10px;}
	.login-intro {text-align: center; font-size:1.714em; color:#2775c4; margin-bottom:30px;}
	.login-box {border:none; margin-bottom:25px;}
	.login-box .title-area {padding:0; border-bottom:none; background-color:#fff;}
	.login-box .content-area {padding:14px 0 0 0; text-align: left;}
	.login-box .content-area .in {text-align: left; width:100%; margin:0;}
	.login-box .content-area .write-form {position:relative; padding-right:0;}
	.login-box .content-area .write-form .btn-login {position:static; width:100%; height:40px; margin-top:10px;}
	.login-box .content-area .write-form input[type=password] {margin-top:10px;}
	.login-box .content-area .write-form .chk-save-id {margin-top:10px;}
	.login-box .content-area .write-form .link {position:static; margin-top:15px;text-align: center; }
	.login-box .content-area .write-form .link a {display:inline-block; color:#333; text-decoration:none;}
	.login-box .content-area .write-form .link span {color:#666;}
	.login-wrap .simple-login-txt {margin-bottom:25px;  text-align: left;}
	.login-wrap .simple-login {width:100%; border:none; padding:0; margin-top:12px}
	.login-wrap .simple-login .button {width:100%; display:block; margin-top:10px;}
	.login-wrap .simple-login .button:first-child {margin-top:0;}
	.login-wrap .wide .button {width:100%;}
	
	/* 비밀번호 변경 안내, 아이디 찾기, 비밀번호 찾기 */
	.infomation-form {border:none; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:15px 0; margin-top:20px;}
	.infomation-form .in {width:100%; margin:0;}
	.infomation-form .form-line {position:relative; padding-left:0; margin-top:15px;}
	.infomation-form .form-line:first-child {margin-top:0;}
	.infomation-form .form-line .title {position:static; width:100%; margin-bottom:7px; line-height:1.2;}
	.infomation-form.find-pw .in {width:100%;}
	.infomation-form.find-pw .form-line {padding-right:0;}
	.infomation-form.find-pw .form-line .button {position:static; display:block; width:100%; margin-top:5px;}

	.info-find-result {text-align: center; margin:25px 0 30px 0;}
	.info-find-result .result {font-size:1.067em;}
	.info-find-result .btn-link {font-size:1.067em;margin-top:13px;}

	/* 에러페이지 */
	.error-wrap {position:static; padding:180px 0 0; margin:0; background:url('/images/biz/common/bg/bg-error-character_m.png') no-repeat 50% 55px; background-size:264px; word-break: keep-all;}
	.error-wrap strong {font-size:1.429em; line-height:1.1;}
	.error-wrap p {font-size:1.071em;}
	.error-wrap .btn-area a {display:block; max-width:178px; margin:0 auto;}
	.error-wrap .btn-area a:first-child {margin:0 auto 10px;}

/* ==========================================================================
이용안내
========================================================================== */
	/* 공공데이터포털 소개 - 공공데이터포털 */
	.service-link-area {text-align: center; border:1px solid #e0e0e0; padding:25px 0 10px 0;}
	.service-link-area:after {clear:both; content:''; display:block;}
	.service-link-area a {float:left; width:50%; display:block; margin:0 0 15px 0; text-align: center;}
	.service-link-area a img {width:100px; height:100px;}
	.service-link-area a strong {display:block; color:#333; font-weight:700; margin-top:12px; letter-spacing:-0.05em;}
	.service-link-area a:hover strong {color:#3f7ad2; text-decoration:underline;}

	.use-info-img {padding:20px 15px; }
	.use-info-img img {width:100%;}

	/* 공공데이터포털 정책 - 이용정책 */
	.data-mark-box {padding:25px 0; text-align: center; margin:15px 0;}
	.data-mark-box .mark {float:none; width:100%; margin-top:15px;}
	.data-mark-box .mark:first-child {margin-top:0;}
	.data-mark-box .mark .txt {margin-top:5px; line-height:1.2;}

	/* 이용약관, 개인정보 처리방침 */
	.policy-wrap .title {height:auto; padding:12px 10px; line-height:1.5;}
	.policy-wrap .policy-text {padding:0 10px 10px 10px;}

	/* 공공데이터 품질관리 */
	.language-info-box .box-gray-border {width:100%; height:auto; float:none; margin-bottom:10px;}
	.language-info-box .box-gray-border:first-child {float:none;}

	.dataset-service-list {border:1px solid #e0e0e0; border-width:1px 0 0 1px;}
	.dataset-service-list ul li {display:table; width:50%; height:auto; min-height:45px; line-height:1.1; padding:0 12px; border:1px solid #e0e0e0; border-width:0 1px 1px 0;}
	.dataset-service-list ul li span {display:table-cell; width:100%; vertical-align: middle;}

}

/* 국가 데이터 맵 */
.nation-map-wrap a {text-decoration:none !important;}

.box-radio {overflow:hidden; display:inline-block; border:1px solid #e0e0e0;}
.box-radio p {margin:0; padding:0;}
.box-radio .tit {float:left; min-width:79px; border-right:1px solid #e0e0e0; text-align:center; line-height:46px; background-color:#fafafa;}
.box-radio .box {float:left; padding:0 12px; line-height:46px;}
.box-radio .box [type='radio'] + label {margin-right:10px;}

.bg-radio-off-on {display:inline-block; vertical-align:middle;}
.bg-radio-off-on .wrap {position:relative; width:64px; height:32px; margin:0; padding:0;}
.bg-radio-off-on .bg {position:absolute; left:0; top:0; width:100%; height:100%;}
.bg-radio-off-on .bg input[type='radio'] {position:absolute; left:0; top:0; z-index:0; opacity:0;}
.bg-radio-off-on .bg label {overflow:hidden; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; text-indent:-9999px; background:url('/images/biz/data-search/common/bg/bg-radio-off-on.png') no-repeat 0 0;}
.bg-radio-off-on .bg.off {}
.bg-radio-off-on .bg.on label {background-position:0 -32px;}
.bg-radio-off-on .bg input[type='radio']:checked + label {z-index:0;}
.bg-radio-off-on .bg input[type='radio'] + label {z-index:1;}
.bg-radio-off-on .bg input[type='radio']:focus + label {box-shadow: 0 0 1pt 2pt #3f7ad2;; border-radius: 12pt;}

/* 국가데이터맵 - wrap */
.nation-map-wrap {width:100%; margin:0 auto;}

/* 국가데이터맵 검색 */
.map-search-area {}
.map-search-area .wrap {position:relative; height:52px; padding:0 130px 0 0; border:2px solid #3f7ad2; font-size:1.1428em;}
.map-search-area .wrap .input-text {display:block; width:100%; height:100%; border:0; border-left:0;}
.map-search-area .wrap .input-text:hover,
.map-search-area .wrap .input-text:focus {border:1px solid rgba(161,190,232,1);}
.map-search-area .wrap .select-and-or {display:block; overflow:hidden; position:absolute; right:50px; top:0; width:80px; height:100%; margin:0; padding:0 0 0 10px; border-left:1px solid #3f7ad2;}
.map-search-area .wrap .btn-search-icon {display:block; overflow:hidden; position:absolute; right:0; top:0; width:50px; height:100%; margin:0; padding:0; border:0; text-indent:-9999px; background:#3f7ad2 url('/images/biz/data-search/common/btn/btn-search-white.png') no-repeat center;}
.map-search-area .result-info {padding:5px 0 0 0; line-height:1.1;} /* 2020-02-26 : padding 변경 */
.map-search-area .result-info:before,
.map-search-area .result-info:after {content:''; display:table;}
.map-search-area .result-info:after {clear:both;}
.map-search-area .result-info .txt {float:left; margin:0; padding:0;}
.map-search-area .result-info .txt em {color:#2775c4;}
.map-search-area .result-info .more-search {float:right; color:#18a7f2; text-decoration:underline;}
/* 2020-02-14 자동완성 영역 추가 */
.map-search-area .auto-keyword-list {position:absolute; left:-2px; right:-2px; top:50px; z-index:10; margin:0; padding:0; border:1px solid #3f7ad2; border-top:0; background-color:#fff;}
.map-search-area .auto-keyword-list ul {}
.map-search-area .auto-keyword-list ul li {}
.map-search-area .auto-keyword-list ul li button {display:block; width:100%; height:40px; margin:0; padding:0 20px; text-align:left; border:0; background-color:#fff;}
.map-search-area .auto-keyword-list ul li button:hover {background-color:#3f7ad2; color:#fff;}
/*// 2020-02-14 자동완성 영역 추가 */

/* 국가데이터맵 결과 전채 영역 */
.map-area {overflow:hidden; position:relative; margin:10px 0 0 0; border:1px solid #e0e0e0;} /* 2020-02-26 : 변경 */
.map-area:before,
.map-area:after {content:''; display:table;}
.map-area:after {clear:both;}
.map-area p {margin:0; padding:0;}

/* 국가데이터맵 - 필터 영역 */
.map-area .sort-tab {border-bottom:1px solid #e0e0e0; background-color:#fafafa; padding:5px;}
.map-area .sort-tab .tab-filter ul {overflow:hidden;}
.map-area .sort-tab .tab-filter ul li {min-width:120px; height:40px; line-height:40px; float:left; font-weight:700; text-align:center; background-color:#dfe6ef; margin-left:6px;}
.map-area .sort-tab .tab-filter ul li a {text-decoration:none; color:#333; display:block;}
.map-area .sort-tab .tab-filter ul li:first-child {margin-left:0;}
.map-area .sort-tab .tab-filter ul li.on a {background-color:#3f7ad2; color:#fff;}
.map-area .filter-section {float:left; width:200px; height:100%; border-right:1px solid #e0e0e0;}
.map-area .filter-section .tit-area {overflow:hidden; position:relative; height:51px; border-bottom:1px solid #e0e0e0;}
.map-area .filter-section .tit-area .tit {float:left; width:60px; line-height:50px; font-size:1.1429em; font-weight:700; text-align:center; color:#333;}
.map-area .filter-section .tit-area .btn-reset {display:block; float:left; width:82px; height:100%; margin:0; padding:0 18px; text-align:left; text-decoration:underline; background:url('/images/biz/data-search/common/btn/btn-reset.png') no-repeat right center;}
.map-area .filter-section .tit-area .btn-move {display:block; overflow:hidden; position:absolute; right:0; top:0; width:50px; height:100%; text-indent:-9999px; border:0; border-left:1px solid #e0e0e0; background:#fff url('/images/biz/data-search/common/btn/btn-arr-left.png') no-repeat center;}
.map-area .filter-section .cont-area {visibility:visible; opacity:1; padding:0 4px;}
.map-area .filter-section .cont-area .open-yn {padding:20px 10px; border-bottom:1px solid #e0e0e0;}
.map-area .filter-section .cont-area .open-yn .tit {margin-bottom:8px; color:#333; font-weight:700;} 
.map-area .filter-section .cont-area .open-yn ul {overflow:hidden;}
.map-area .filter-section .cont-area .open-yn ul li {float:left}
.map-area .filter-section .cont-area .open-yn ul li a {width:56px; display:block; border:1px solid #3f7ad2; border-left:none; line-height:32px; text-align:center; font-size:0.85714em; color:#333333; background:#fff; font-weight:700; text-decoration:none !important;}
.map-area .filter-section .cont-area .open-yn ul li:first-child a {border-left:1px solid #3f7ad2}
.map-area .filter-section .cont-area .open-yn ul li a:hover,
.map-area .filter-section .cont-area .open-yn ul li.on a {border-color:#3f7ad2; color:#fff; background:#3f7ad2;} 

.map-area .filter-section .cont-area .slider-area {padding:20px 10px; border-bottom:1px solid #e0e0e0;}
.map-area .filter-section .cont-area .slider-area .tit {padding:0 0 15px 0; color:#333; font-weight:700;}/* 2020-02-26 */
.map-area .filter-section .cont-area .slider-area .slider-wrap {padding:0 12px;}
.map-area .filter-section .cont-area .slider-area .slider-wrap .ui-slider {border-radius:0; border:0; background-color:#e0e0e0;}
.map-area .filter-section .cont-area .slider-area .slider-wrap .ui-slider-handle {position: absolute; top:-7px; z-index: 2; width:28px; height:25px; margin:0 0 0 -14px; padding:5px 0 0 0; color:#333; line-height:1.1; text-align:center; cursor: pointer; border:0; background:url('/images/biz/data-search/common/bg/bg-slider-handle.png') no-repeat 0 0;} /* 2020-02-06 수정 */
.map-area .filter-section .cont-area .slider-area .slider-wrap .ui-slider-range-min {background-color:#4ab3e9;}
.map-area .filter-section .cont-area .slider-area .slider-wrap .num {overflow:hidden;}
.map-area .filter-section .cont-area .slider-area .slider-wrap .num p {margin:0; padding:0;}
.map-area .filter-section .cont-area .slider-area .slider-wrap .num .min {float:left;}
.map-area .filter-section .cont-area .slider-area .slider-wrap .num .max {float:right;}
.map-area .filter-section .cont-area .chk-area {padding:20px 7px 10px 7px; border-bottom:1px solid #e0e0e0;}
.map-area .filter-section .cont-area .chk-area .chk-all {}
.map-area .filter-section .cont-area .chk-area .chk-all label {color:#333; font-weight:700;}
.map-area .filter-section .cont-area .chk-area .list-scroll {overflow:hidden; overflow-y:auto; height:165px; margin-top:10px;}
.map-area .filter-section .cont-area .chk-area .list-scroll .list {}
.map-area .filter-section .cont-area .chk-area .list-scroll .list li {margin:0; padding:5px 0;}
.map-area .filter-section .cont-area .chk-area .more {margin:0; padding:10px 0 0 0;}
.map-area .filter-section .cont-area .chk-area .more .btn-more {display:block; width:100%; height:30px; margin:0; padding:0; border:0; background-color:rgba(255,255,255,0);}
.map-area .filter-section .cont-area .chk-area .more .btn-more i {margin:-3px 0 0 4px;}
.map-area .filter-section.off {width:0; border-right:0; position:relative;}
.map-area .filter-section.off .tit-area .tit {border-right:1px solid #e0e0e0;}
.map-area .filter-section.off .tit-area {width:109px; height:51px; position:absolute; top:0; left:0; z-index:10; background:url("/images/biz/data-search/common/bg/bg-move.png") repeat;}
.map-area .filter-section.off .tit-area .btn-move {transform:rotate(180deg); background-color:transparent;}
.map-area .filter-section.off .cont-area {visibility:hidden; opacity:0;}
.map-area .filter-section.v1 .tit-area {border-bottom:0; padding:0 4px;}
.map-area .filter-section.v1 .tit-area .tit {width:auto; float:none; text-align:left; border-bottom:1px solid #e0e0e0; padding:0 8px;}
.map-area .filter-section.v1 .cont-area {}
.map-area .filter-section.v1 .cont-area .tree-list {padding:19px 7px; height:785px; overflow-y:auto;}
.map-area .filter-section.v1 .cont-area .tree-list li {margin-top:7px;}
.map-area .filter-section.v1 .cont-area .tree-list li:first-child {margin-top:0;}
.map-area .filter-section.v1 .cont-area .tree-list > ul > li {padding-left:15px; background:url("/images/biz/data-search/arrow-tree.png") no-repeat 0 8px;}
.map-area .filter-section.v1 .cont-area .tree-list > ul > li > a {color:#333}
.map-area .filter-section.v1 .cont-area .tree-list ul li ul {margin-top:5px; display:none;}
.map-area .filter-section.v1 .cont-area .tree-list ul li ul li {padding-left:10px;}
.map-area .filter-section.v1 .cont-area .tree-list ul li ul li a {color:#666;}

/* 2020-02-17 */
.tooltip-graph {overflow:hidden; position:absolute; min-width:100px; max-width:300px; padding:5px 10px; font-size:13px; background-color:#fff; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);} /* 2020-02-17 */
.tooltip-graph .title {overflow:hidden; width:100%; color:#333; font-weight:700; white-space:nowrap; text-overflow:ellipsis;}
.tooltip-graph .txt {overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
/*// 2020-02-17 */

/* 국가데이터맵 - 그래프 영역 */
.map-area .graph-section {position:relative; float:left; width:calc(100% - 200px); border-left:1px solid #e0e0e0; margin-left:-1px;}
.map-area .graph-section.large {width:100%;}
.map-area .graph-section .padding {overflow:hidden; padding:10px 20px;} /* 2020-02-26 : 변경 */
.map-area .graph-section .padding .tool-tip {float:left; margin:3px 0 0 10px;} /* 2020-02-26 : 변경 */
.map-area .graph-section .graph-info {overflow:hidden;}
.map-area .graph-section .graph-info .legend {float:left;}

/* 2020-02-26 : 변경*/
.map-area .graph-section .graph-info .legend p {position:relative; float:left; width:auto; height:auto; margin:0 0 0 10px; padding:0; text-align:center; font-weight:700;}
.map-area .graph-section .graph-info .legend p:first-child {margin-left:0;}
.map-area .graph-section .graph-info .legend .search-word:before {content:''; display:inline-block; margin:0 4px 0 0; padding:0; width:16px; height:16px; vertical-align:middle; background:url('/images/biz/data-search/common/bg/bg-search-word.png') no-repeat 0 0; background-size:16px auto;}
.map-area .graph-section .graph-info .legend .relation-word:before {content:''; display:inline-block; margin:0 4px 0 0; padding:0; width:16px; height:16px; vertical-align:middle; background:url('/images/biz/data-search/common/bg/bg-relation-word.png') no-repeat 0 0; background-size:16px auto;}
.map-area .graph-section .graph-info .legend .data-word:before {content:''; display:inline-block; margin:0 4px 0 0; padding:0; width:16px; height:16px; vertical-align:middle; background:url('/images/biz/data-search/common/bg/bg-data-word.png') no-repeat 0 0; background-size:16px auto;}
.map-area .graph-section .graph-info .legend .data-word02:before {content:''; display:inline-block; margin:0 4px 0 0; padding:0; width:16px; height:16px; vertical-align:middle; background:url('/images/biz/data-search/common/bg/bg-data-word02.png') no-repeat 0 0; background-size:16px auto;}
/* 변경
.map-area .graph-section .graph-info .legend .search-word {color:#fff; background:url('/images/biz/data-search/common/bg/bg-search-word.png') no-repeat 0 0;}
.map-area .graph-section .graph-info .legend .relation-word {color:#fff; background:url('/images/biz/data-search/common/bg/bg-relation-word.png') no-repeat 0 0;}
.map-area .graph-section .graph-info .legend .data-word {width:64px; color:#333; background:url('/images/biz/data-search/common/bg/bg-data-word.png') no-repeat 0 0;}
.map-area .graph-section .graph-info .legend .data-word02 {width:64px; color:#333; background:url('/images/biz/data-search/common/bg/bg-data-word02.png') no-repeat 0 0;}
*/
.map-area .graph-section .graph-info .legend .data-word.line-2 {padding:13px 0 0 0; line-height:1.5;}
.map-area .graph-section .graph-info .legend .data-word02.line-2 {padding:13px 0 0 0; line-height:1.5;}
.map-area .graph-section .graph-info .tool-tip {float:left; margin:3px 0 0 10px;}
/*// 2020-02-26 : 변경*/

.map-area .graph-section .graph-info .txt {float:left; padding:0 0 0 20px; font-size:0.8571em; color:#666; line-height:1.8;}
.map-area .graph-section .graph-area {position:relative; margin:0 0 0 0; padding-bottom:0;}/* 2020-02-26 : 변경 */
.map-area .graph-section .graph-area .graph-util {overflow:hidden; padding:0 19px; position:absolute; right:0; top:0; z-index:3;}
.map-area .graph-section .graph-area .graph-util .border {width:141px; height:36px; padding:1px; background-color:#999;}
.map-area .graph-section .graph-area .graph-util .border button {overflow:hidden; float:left; width:34px; height:100%; margin:0 0 0 1px; padding:0; border:0; text-indent:-9999px; background-color:#fff; background-position:center; background-repeat:no-repeat;}
.map-area .graph-section .graph-area .graph-util .border button:first-child {margin:0;}
.map-area .graph-section .graph-area .graph-util .border .now {background-image:url('/images/biz/data-search/common/ico/ico-map-now.png');}
.map-area .graph-section .graph-area .graph-util .border .area {background-image:url('/images/biz/data-search/common/ico/ico-map-area.png');}
.map-area .graph-section .graph-area .graph-util .border .zoomin {background-image:url('/images/biz/data-search/common/ico/ico-map-zoomin.png');}
.map-area .graph-section .graph-area .graph-util .border .zoomout {background-image:url('/images/biz/data-search/common/ico/ico-map-zoomout.png');}
.map-area .graph-section .graph-area .graph {overflow:hidden; width:100%; height:625px; background-color:#fff;} /* 2020-02-17 */

.map-area .graph-section .box-radio {position:absolute; right:170px; top:0; z-index:3;}
.map-area .graph-section .on-off {position:absolute; left:20px; top:115px; z-index:3;}
.map-area .graph-section .on-off .tit {display:inline-block; margin:0; padding:0; vertical-align:middle;}

/* 국가데이터맵 - 상세 영역 */
.map-area .detail-section {display:block; position:absolute; right:0; top:0; z-index:3; width:400px; height:100%; margin-right:-400px; border-left:1px solid #e0e0e0; background-color:#fff; transition:margin 0.3s ease-in-out;}
.map-area .detail-section.on {display:block; margin-right:0;}
.map-area .detail-section p {margin:0; padding:0;}
.map-area .detail-section .tit-area {position:relative; height:51px; padding:0 51px 0 0; border-bottom:1px solid #e0e0e0;}
.map-area .detail-section .tit-area .tit {padding:0 12px; font-size:1.1429em; line-height:50px; font-weight:700; color:#333;}
.map-area .detail-section .tit-area .btn-close-detail-section {overflow:hidden; position:absolute; right:0; top:0; width:51px; height:100%; margin:0; padding:0; border:0; border-left:1px solid #e0e0e0; text-indent:-9999px; background:url('/images/biz/data-search/common/btn/btn-x.png') no-repeat center;}
.map-area .detail-section .scroll {overflow:hidden; overflow-y:auto; height:calc(100% - 51px); padding:0 19px;}
.map-area .detail-section .table-area {padding:20px 0;}
.map-area .detail-section .table-area .tit {position:relative; padding:0 0 15px 52px;}
.map-area .detail-section .table-area .tit .tagset {display:block; position:absolute; left:0; top:2px;}
.map-area .detail-section .table-area .tit em {font-size:1.2857em; font-weight:700; color:#333;}
.map-area .detail-section .table-area .button-group {margin:30px 0 0 0;}
.map-area .detail-section .table-area.v1 .tit {padding-left:0;}
.map-area .detail-section .table-area .table-control {margin:0 0 14px 0; text-align:right;}
.map-area .detail-section .table-area .table-control a {padding-right:18px; text-decoration:none; background:url("/images/biz/data-search/arrow-open.jpg") no-repeat right center; color:#666;}
.map-area .detail-section .table-area .table-control a.open {background:url("/images/biz/data-search/arrow-close.jpg") no-repeat right center;}
.map-area .detail-section .table-area .table-control + .row-table {display:none;}
.map-area .detail-section .table-area .table-title {margin:25px 0 10px 0; font-size:1.142857em; color:#333333; font-weight:700;}
.map-area .detail-section .list-area {padding:20px 0;}
.map-area .detail-section .list-area .tit {padding:0 0 15px 0; color:#333; font-size:1.1429em; font-weight:700; position:relative;}
.map-area .detail-section .list-area .tit .button {font-size:14px; top:12px; font-weight:400;}
.map-area .detail-section .list-area .button {display:block; position:absolute; right:0; top:50%; min-width:80px; margin-top:-16px;}
.map-area .detail-section .list-area .list {border-top:1px solid #e0e0e0;}
.map-area .detail-section .list-area .list li {position:relative; padding:12px 110px 12px 20px; border-bottom:1px solid #e0e0e0;}
.map-area .detail-section .list-area .list li p {line-height:1.1;}
.map-area .detail-section .list-area .list li .txt {padding:0 0 10px 0; font-weight:700; color:#333;}

.content-section {float:left; width:calc(100% - 200px); height:100%; transition:width 0.3s ease-in-out; padding:25px 19px;}

.search-condition {background-color:#eff2f7; padding:20px;}
.search-condition ul {display:inline-block; position:relative;}
.search-condition ul:after {clear:both; content:""; display:block;}
.search-condition ul li {float:left; margin-left:30px;}
.search-condition ul li:first-child {margin-left:0;}
.search-condition ul li label {color:#333333; font-weight:700; margin-right:7px; display:inline-block;}
.search-condition ul li select {min-width:120px; height:40px; text-indent:5px; color:#333; vertical-align:middle;}
.search-condition .button {min-width:100px;}

.graph-category {float:left;} /* 2020-02-26 : 추가 */
.graph-category > ul {overflow:hidden; margin-bottom:10px;}
.graph-category > ul > li {float:left; margin-left:10px; position:relative; padding-left:20px; font-size:0.92857em}
.graph-category > ul > li:first-child {margin-left:0;}
.graph-category > ul > li:before {width:14px; height:14px; border-radius:50px; position:absolute; top:3px; left:0; content:"";}
 
.graph-category > ul > li.c-1:before {background-color:#df6067;}
.graph-category > ul > li.c-2:before {background-color:#b3b3b3;}
.graph-category > ul > li.c-3:before {background-color:#4ab3e9;}
.graph-category > ul > li.c-4:before {background-color:#8b5cf3;}
.graph-category > p {font-size:0.857142em}

.extend-sort {text-align:center;}
.extend-sort table {width:auto; display:inline-block;}
.extend-sort table th {background-color:#fafafa; color:#333;}
.extend-sort table th,
.extend-sort table td {height:46px; border:1px solid #e0e0e0}
.extend-sort table td {padding:0 10px;}

.search-result .description {font-size:0.85714em; margin-bottom:20px;}
.search-result .result {background-color:#f5f5f5; padding:18px 20px; margin-bottom:30px;}
.search-result .result ul li {margin-top:10px; position:relative; padding-left:89px;}
.search-result .result ul li:first-child {margin-top:0;}
.search-result .result ul li strong {position:absolute; top:0; left:0; font-weight:700; color:#333333;}
.search-result .result ul li a {color:#2775c4; border-bottom:1px solid #2775c4}
.search-result .result ul li span {display:inline-block; margin-right:20px;}

.search-result .result-list {border:1px solid #e0e0e0; margin-top:15px;}
.search-result .result-list ul li {border-top:1px solid #e0e0e0; padding:19px 19px 17px;}
.search-result .result-list ul li.on {background-color:#fafafa; }
.search-result .result-list ul li:first-child {border-top:0}
.search-result .result-list ul li .tag-area {margin-bottom:8px;}
.search-result .result-list ul li .tag-area span {margin-right:1px;}
.search-result .result-list ul li dl {margin:0;}
.search-result .result-list ul li dl dt {margin-bottom:5px;}
.search-result .result-list ul li dl dt a {color:#333333; font-weight:700; font-size:1.285714em;}
.search-result .result-list ul li dl dt .pre {padding:0 7px; display:inline-block; height:24px; line-height:24px; text-align:center; color:#fff; font-size:0.78571em; background-color:#f7912e; vertical-align:top; margin-left:5px;}
.search-result .result-list ul li dl dd {margin:0;}
.search-result .result-list ul li dl dd .keyword {margin:7px 0 0 0;}

.search-result .title-area {position:relative; height:52px; border:1px solid #e0e0e0; }
.search-result .title-area.sch-word {border-top:2px solid #4a63a6;}
.search-result .title-area.associate-word {border-top:2px solid #238d5b; margin-top:20px;}
.search-result .title-area a {display:block; padding:13px 0 0 20px; background-color:#fff; }
.search-result .title-area strong {font-size:1.143em; color:#333; }
.search-result .title-area .arr {position:absolute; top:0; right:0; width:50px; height:50px; display:block; border-left:1px solid #e0e0e0; background:url('/images/biz/data-search/common/btn/btn-arr-plus.png') no-repeat center;}
.search-result .title-area.on .arr {background:url('/images/biz/data-search/common/btn/btn-arr-minor.png') no-repeat center;}
.search-result .cont-area {display:none; padding:20px 0 10px 0;}
.search-result .cont-area .button-group {position:relative; height:auto; }
.search-result .cont-area .button-group .txt-box {position:absolute; bottom:0; left:0; }
.search-result .cont-area .button-group .txt-box .txt {color:#333; display:inline-block; margin-right:13px;}
.search-result .cont-area .button-group .button {height:32px; line-height:30px; padding:0 12px;}
.search-result .cont-area .point {color:#18a7f2;}

.sort-count {text-align:right; margin-bottom:20px; color:#333;}
.sort-count select {width:60px; height:40px; margin-left:10px; border:1px solid #cccccc}

.scroll-table {height:500px; overflow-y:auto;}

.table-top {position:relative; margin-bottom:15px;}
.table-top .right {position:absolute; top:-7px; right:0;}
.table-top .right .button {width:auto; min-width:80px;}


/* 사이트맵 */
.sitemap-wrap {max-width:1140px; margin:0 auto;}
.sitemap-list > li {float:left; width:28%; min-height:280px; margin:40px 0 0 8%; border:1px solid #e0e0e0;}
.sitemap-list > li:nth-of-type(1),.sitemap-list > li:nth-of-type(2),.sitemap-list > li:nth-of-type(3) {margin-top:0}
.sitemap-list > li:nth-child(3n+1) {margin-left:0;}
.sitemap-list > li p {padding:0 0 0 30px; margin:0; border-bottom:1px solid #e0e0e0; color:#2775c4; font-size:1.429em; font-weight:700; background:#fafafa; line-height:58px;}
.sitemap-list > li ul {padding:0 0 0 30px;}
.sitemap-list > li ul li {margin-top:15px;}
.sitemap-list > li ul li a {color:#333; font-size:1.143em; text-decoration:none;}
.sitemap-list > li ul li a:hover {color:#3f7ad2; text-decoration:underline;}

@media all and (max-width:1024px){
    .sitemap-list > li:nth-of-type(1),.sitemap-list > li:nth-of-type(2),.sitemap-list > li:nth-of-type(3) {margin-top: 40px;}
    .sitemap-list > li { float:left; width: 100%; min-height:280px; margin: 40px 0 0 0; border:1px solid #e0e0e0; }
}

/*의견수렴_20200518*/
div#contents form#searchVO div.bg-data-first.opinion,
div#contents form#searchVO div.bg-data-first.qna {
    margin: 0 0 40px 0;
    padding: 60px;
    border: 2px solid #e0e0e0;
    font-weight: 700;
}
/*메인 개방현황 표준데이터 스타일 적용 20201006*/
@media (min-width: 320px) and (max-width: 576px) {
    .std-wrap .std-wrap-num {
        display: flex;
        flex-direction: inherit;
        float: right;
    }
}

/*행안부 iframe 관련 다운로드 버튼 수정 20201012*/
@media (min-width: 577px) and (max-width: 1023px) {
    .data-set-title .btn-util {display: block;}
    .d-flex { display: flex !important; }
    .flex-flow { flex-flow: column; }
    .data-set-title { padding: 19px 140px 16px 19px !important;}
}
@media (max-width: 576px) {
    .data-set-title .btn-util {
        position: relative;
        top: 15px;
        right: 0px;
    }
    div.btn-util .error-btn {
        margin-left: 10px;
        height: fit-content;
     }
}

@media (min-width: 1024px) {
    .d-flex { display: flex !important; }
    .flex-flow { flex-flow: column; }
}

/*행안부 요구사항으로 개방현황(표준데이터) css 수정*/
div.std-wrap-title p {
    margin-bottom: -17px;
}

/*NIA 요구사항 검색 키워드 하이라이팅 추가*/
/* 2021.12.23 웹접근성(미흡한 명도대비 제공 처리) */
div#contents .esHighlight { color : #DB7E05; }

/*메인 개방현황 표준데이터 스타일 적용 20201006*/
@media (min-width: 320px) and (max-width: 576px) {
    .mypage-status-info .status-box { display: none;}

    .mypage-status-info-mobile {display: block;}
    .mypage-status-info-mobile .status-box { width:auto; padding:25px 0;text-align: center; border-left:1px solid #e0e0e0; float: none; height: auto;  }
    .mypage-status-info-mobile .status-box:first-child { width:auto; border-left:none;}

    .mypage-status-info-mobile {border:3px solid #e0e0e0; margin-bottom:40px;}
    .mypage-status-info-mobile:after {clear:both; content:''; display:block;}
    .mypage-status-info-mobile .status-box .title {font-weight:700; font-size:1.714em; padding-right:18px;}
    .mypage-status-info-mobile .status-box .title.green {color:#518c26; background:#fff url('/images/biz/common/ico/ico-arr-right-green.png') no-repeat right center;}
    .mypage-status-info-mobile .status-box .title.blue {color:#1b9ac4; background:#fff url('/images/biz/common/ico/ico-arr-right-blue.png') no-repeat right center;}
    .mypage-status-info-mobile .status-box .title.orange {color:#ef6205; background:#fff url('/images/biz/common/ico/ico-arr-right-orange.png') no-repeat right center;}
    .mypage-status-info-mobile .status-box .txt {color:#666; margin-top:10px;}
    .mypage-status-info-mobile .status-box .num-area {display:table; width:100%; height:76px; padding:0 55px; margin:20px 0 0 0;}
    .mypage-status-info-mobile .status-box .num-area .dot-list {display:table-cell; vertical-align: middle; padding:0 10px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; }
    .mypage-status-info-mobile .status-box .num-area .dot-list:after {clear:both; content:''; display:block;}
    .mypage-status-info-mobile .status-box .num-area .dot-list li { text-align: left; }
    .mypage-status-info-mobile .status-box .num-area .dot-list li .num {float:right;}
    .mypage-status-info-mobile .status-box .num-area .dot-list li + li {margin-top:0;}

}


/* join */
.join-type{border-top:0px solid #222222;border-bottom:0px solid #292929;padding:10px 0;text-align:center;margin-bottom: 20px; width:auto }
.join-type ul li{float:left;width:50%;box-sizing: border-box;border-left:1px dashed #dddddd; }
.join-type ul li:first-child{border:0}
.join-type ul li .tit01 strong{font-size: 20px;font-weight: 700}
.join-type ul li .tit02{margin-top:15px;font-size:14px;color: #767676}
.join-type i{display: block;width:251px;height:151px;margin:35px auto; margin-left: -15px; }
.join-type i.type01{background: url("/images/biz/common/bg/icon_join_type01.png") no-repeat 0 0}
.join-type i.type02{background: url("/images/biz/common/bg/icon_join_type02.png") no-repeat 0 0}
.join-type i.type03{background: url("/images/biz/common/bg/icon_join_type03.png") no-repeat 0 0}
.join-type i.type04{background: url("/images/biz/common/bg/icon_join_type04.png") no-repeat 0 0}
.join-type i.type05{background: url("/images/biz/common/bg/icon_join_type05_1.png") no-repeat 0 0;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0);border: 0; }

/* join */
.join-type2{border-top:0px solid #222222;border-bottom:0px solid #292929;padding:10px 0;text-align:center;margin-bottom: 20px; width:auto }
.join-type2 ul li{float:left;width:50%;box-sizing: border-box;border-left:1px dashed #dddddd; }
.join-type2 ul li:first-child{border:0}
.join-type2 ul li .tit01 strong{font-size: 20px;font-weight: 700}
.join-type2 ul li .tit02{margin-top:15px;font-size:14px;color: #767676}
.join-type2 i{display: block;width:251px;height:200px;margin:35px auto; }
.join-type2 i.type01{background: url("/images/biz/common/bg/icon_join_type01.png") no-repeat 0 0}
.join-type2 i.type02{background: url("/images/biz/common/bg/icon_join_type02.png") no-repeat 0 0}
.join-type2 i.type03{background: url("/images/biz/common/bg/icon_join_type03.png") no-repeat 0 0}
.join-type2 i.type04{background: url("/images/biz/common/bg/icon_join_type04.png") no-repeat 0 0}
.sr-only2 {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0);border: 0; }


/* 회원가입 페이지 관련 */
.step-list-14 {overflow:hidden; margin:0 0 0px;}
.step-list-14 li {float:left; width:100%; text-align:center; line-height:50px;}
.step-list-14 li strong {display:block; background:#bfc4ca; color:#fff; }
.step-list-14 li span {margin-left:9px;}
.step-list-14 li:first-child {padding-right:4px;}
.step-list-14 li.on {width:100%;}
.step-list-14 li.on strong {background:#3f7ad2;}

/* 회원가입 페이지 관련 */
.step-list-12 {overflow:hidden; margin:0 0 40px;}
.step-list-12 li {float:left; width:50%; text-align:center; line-height:50px;}
.step-list-12 li strong {display:block; background:#72777D; color:#fff; }
.step-list-12 li span {margin-left:9px;}
.step-list-12 li:first-child {padding-right:4px;}
.step-list-12 li:nth-child(2) {padding:0 2px;}
.step-list-12 li.on {width:50%;}
.step-list-12 li.on strong {background:#3f7ad2;}

.row-table2 {border-top:2px solid #555; margin-bottom:20px;}
.row-table2 .tit-hide {visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.row-table2 table {}
.row-table2 table th,
.row-table2 table td {height:43px; text-align:center; vertical-align:top; border:1px solid #e0e0e0; border-width:0 0 1px 0;}
.row-table2 table th {padding:10px 10px; background-color:#fff; font-weight:700;}
.row-table2 table td {padding:10px 10px;}
.row-table2 table th:last-child,
.row-table2 table td:last-child {padding-right:0;}
.row-table2 table .label {display:inline-block; position:relative; padding:0;}
.row-table2 table .label.req {}
.row-table2 table .label.req:before {content:'*'; display:inline-block; margin:0 2px 0 0; padding:0; color:#d8265d;}
.row-table2 table td.bg {background-color:#e1e6f4;}

/*검색페이지 css 수정 20210325*/
@media (min-width: 320px) and (max-width: 576px) {
    .result-list p.tag-area { text-align : right; position : absolute; width: 92% }
    .result-list span.title { display: block; padding-top: 17px;}
    .data-set-list .result-list ul li dl dt a { -webkit-line-clamp: 4; }
    .result-list .std-title { margin-top : 20px; }
    .data-set-list .result-list ul li .tag-bottom-area {
        position: absolute;
        top: 12px;
        left: 15px;
        z-index: -1;
    }
}/*검색페이지 css 수정 20210325*/

a.just-mb.button.error-btn {
    display: none !important;
}
@media (min-width: 320px) and (max-width: 576px) {
    a.just-mb.button.error-btn {
        display: block !important;
    }
}

@media (min-width: 576px) and (max-width: 1024px) {
    a.just-mb.button.error-btn.mb-btn {
        display: block !important;
    }
}

@media (max-width: 1024px) {
    .bg-bigdata-contest-data {
        background: none;
    }
}

@media all and (min-width: 1024px) {
    .mypage-dataset-list ul li .tag-area .just-mb {
        display: none !important;
    }
}

/*@media all and (min-width: 1024px) {*/
/*    .mobile-btns a.just-mb{*/
/*        display: none !important;*/
/*    }*/
/*}*/

/*@media (max-width: 576px) and (max-width: 1024px) {*/
/*    .mobile-btns a.just-mb.button.error-btn.mr-2{*/
/*        display: block !important;*/
/*    }*/
/*}*/

.use-data-panel img {
    width: 100%;
    height: auto;
}