/* 본문 바로가기 */
/* env-00307 */
/* #skip { top: 0; right: 0; position: absolute; width: 100%; height: 0px; text-align: center; } */
#skip { top: 0; right: 0; position: absolute; width: 100%; height: 0px; text-align: center; margin-bottom: 0rem;}
#skip li a { display: block; left: -10000px; position: absolute; top: 0; width: 100%; text-align: center; height: 1px; }
#skip li a:focus, #skip li a:active { z-index: 5000; position: absolute; top: 0; left: 0; background: #363636; color: #fff; width: 100%; height: auto; padding: 5px 0 0 0; }

/* 애니메이션 */
@keyframes rubberBand {
    from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
    40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
    50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
    65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
    75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
    to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes flash {
    0% { opacity: 1; }
    20% { opacity: 0; }
    25%,
    75% { opacity: 1; }
}
@keyframes heart {
    0% { transform: scale(1); }
    20% { transform: scale(1.2); }
    30% { transform: scale(1.1); }
    40% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
@keyframes rocket {
    0% { transform: scale(1) translate(0, 0); opacity: 1; }
    5% { transform: scale(1) translate(2px, 0); opacity: 1; }
    10% { transform: scale(1) translate(1px, -2px); opacity: 1; }
    15% { transform: scale(1) translate(3px, -1px); opacity: 1; }
    20% { transform: scale(1) translate(2px, -3px); opacity: 1; }
    25% { transform: scale(1) translate(4px, -2px); opacity: 1; }
    50% { transform: scale(1) translate(7px, -7px); opacity: 0; }
    51% { transform: scale(1) translate(-4px, 4px); opacity: 0; }
    100% { transform: scale(1) translate(0, 0); opacity: 1; }
}
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(18, 187, 238, 0.4); }
    70% { box-shadow: 0 0 0 7px rgba(18, 187, 238, 0); }
    100% { box-shadow: 0 0 0 0 rgba(18, 187, 238, 0); }
}


/* 아이콘 */
.menu_new_icon { font-family: 'Montserrat', sans-serif; display: inline-block; width: 20px; height: 20px; border-radius:100%; background: #0069d9; text-align: center; line-height: 20px; font-size: 13px; color: #fff; animation-name: heart; animation-duration:1.5s; animation-iteration-count: infinite; margin-left: 10px; }
/* 2021.07.19 새창 아이콘 추가 */
/* env-00307 */
/* .menu_newtab_icon { display: inline-block; vertical-align: top; width: 20px; height: 20px; margin-left: 4px; margin-top: -2px; font-size: 0; text-indent: -9999px; background: url(/images/icon_newtab.png) center center no-repeat; } */
.menu_newtab_icon { display: inline-block; vertical-align: top; width: 20px; height: 20px; /* margin-left: 4px; */ /* margin-top: -2px; */ font-size: 0; text-indent: -9999px; background: url(/images/icon_newtab.png) center center no-repeat; }
/* // 2021.07.19 새창 아이콘 추가 */

#wrap { position: relative; }
.top_banner { position: relative; height: 100px; }
.top_banner .util { position: absolute; right: 60px; top: 50%; z-index: 1; transform: translateY(-50%); }
.top_banner .util .btn-area { width: 27px; display: inline-block; vertical-align: middle; margin-right: 110px; }
.top_banner .util .btn-area a { display: block; width: 100%; height: 25px; background-position: center; background-repeat: no-repeat; }
.top_banner .util .btn-next { background-image: url(/images/icon_prev2.png); }
.top_banner .util .btn-prev { background-image: url(/images/icon_next3.png); }
.top_banner .util .close { display: inline-block; width: 27px; height: 27px; background-image: url(/images/btn_close.png); white-space: nowrap; text-indent: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; vertical-align: middle; }
.top_banner ul li a { display: block; height: 100%; }
.top_banner .img { height: 100px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }

/*header CSS*/
/* env-00307 */
/* .header_wrapper { position: relative; width: 100%; margin: 0; padding: 0; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 12; height: 100px; text-align: center; transition: all ease .5s; overflow: hidden; } */
/* .header_wrapper .navigation { display: inline-block; text-align: center; } */
/* .header_wrapper .navigation > li { float: left; padding: 0 22px; } */
/* .header_wrapper .navigation > li > a { display: block; font-weight: 500; color: #333; font-size: 19px; line-height: 100px; } */
/* .header_wrapper .navigation > li > ul { padding: 40px 0; overflow: hidden; text-align: center; } */
/* .header_wrapper .navigation > li > ul > li { display: inline-block; text-align: center; transition: all ease .6s; } */
/* .header_wrapper .navigation > li > ul > li > a { display: block; padding: 11px 0; transition: all ease .3s; font-weight: 500; font-size: 18px; color: #666; } */
/* .header_wrapper .navigation > li > ul > li > a span {  } */
.header_wrapper { position: relative; width: 100%; margin: 0; padding: 0; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 12; height: 100px; text-align: center; transition: all ease .5s; overflow: hidden; font-family: 'NotoSans', sans-serif; line-height: 1;}
.header_wrapper.on { background: #fff; height: auto; }
.header_wrapper.on:before { border-bottom: 1px solid #e5e5e5; opacity: 1; }
.header_wrapper.on .navigation:after { display: none; }
.header_wrapper.on .navigation > li > a { color: #333; }
.header_wrapper.active:before { opacity: 1; }
.header_wrapper .logo { display: block; width: 142px; height: 48px; background: url(/images/common/logo.png) no-repeat center; position: absolute; left: 50px; top: 25px; background-size: contain; }
.header_wrapper:before { content: ''; width: 100%; height: 100px; background: #fff; position: absolute; top: 0; right: 0; z-index: -1; opacity: 0; transition: all ease .6s; }
.header_wrapper.header_border_line { border-bottom: 1px solid #dcdcdc; }
.header_wrapper .navigation { display: inline-block; margin-bottom: 0; }
.header_wrapper .navigation:after { content: ''; width: 100%; height: 1px; position: fixed; left: 0; top: 100px; }
.header_wrapper .navigation h3 { font-weight: 400; }
.header_wrapper .navigation > li { float: left; }
.header_wrapper .navigation > li > a { display: block; font-weight: 500; color: #333; font-size: 19px; line-height: 100px; padding: 0 50px; }
.header_wrapper .navigation > li > a > span { position: relative; }
.header_wrapper .navigation > li.open > a > span:after { content: ''; width: 6px; height: 6px; background: #288bc4; border-radius: 50%; position: absolute; left: 50%; top: -10px; margin-left: -3px; }
.header_wrapper .navigation > li > ul { line-height: 1.5; display: inline-block; }
.header_wrapper .navigation > li > ul > li { /* text-align: left; */ transition: all ease .6s; width: 190px; padding: 5px 0 5px 0; white-space: nowrap; }
.header_wrapper .navigation > li > ul > li > a { transition: all ease .3s; font-weight: 500; font-size: 16px; color: #666; max-height: 40px; display: block; }
.header_wrapper .navigation > li > ul > li > a:hover { color: #0360c4; }
.header_wrapper .navigation > li > ul > li > a .menu_new_icon { vertical-align: bottom; }
.header_wrapper .navigation > li.open > a { position: relative; }
.header_wrapper .ham_menu { display: none; vertical-align: middle; position: relative; width: 36px; height: 24px; cursor: pointer; }
.header_wrapper .ham_menu .bar { position: absolute; left: 0; width: 100%; width: 100%; height: 2px; border: 0; background: #333; transition: opacity 0.3s, top 0.3s, transform 0.5s; transition-delay: 0.3s, 0.3s, 0s; }
.header_wrapper .ham_menu .bar:nth-child(1) { top: 0; transform: rotate(0); }
.header_wrapper .ham_menu .bar:nth-child(2) { top: 11px; opacity: 1; width: 80%; left: auto; right: 0; }
.header_wrapper .ham_menu .bar:nth-child(3) { top: 22px; transform: rotate(0); }
/* env-00307 */
.header_wrapper a:link { text-decoration: none; }
.data_search a:link { text-decoration: none; }
.data_search .a:hover { text-decoration: none; }
/* 2021.07.16 유틸아이콘 수정 */
/* env-00307 */
/* .header_wrapper .header_util .util > a { position: relative; margin-right: 52px; display: inline-block; vertical-align: middle; width: 29px; height: 29px; padding-top: 40px; background-repeat: no-repeat; background-position: center; background-size: 29px auto; } */
.header_wrapper .header_util { position: absolute; top: 23px; right: 50px;}
.header_wrapper .header_util .util { display: inline-block; vertical-align: middle; }
.header_wrapper .header_util .util > a { position: relative; margin-right: 52px; display: inline-block; vertical-align: middle; width: 29px; height: 29px; padding-top: 40px; background-repeat: no-repeat; background-position: center; background-size: 29px auto; color: #222; }
.header_wrapper .header_util .util > a:last-child { margin-right: 0; }
.header_wrapper .header_util .util > a .cnt { position: absolute; display: inline-block; right: -10px; top: 18px; width: 20px; height: 20px; line-height: 20px; border-radius:100%; text-align: center; background: #00cccc; font-size: 14px; font-weight: 500; color: #fff; }
.header_wrapper .header_util .util > a .font0 { font-size: 0; }
.header_wrapper .header_util .util > a.login { background-image: url(/images/icon_login.png); }
.header_wrapper .header_util .util > a.join { background-image: url(/images/icon_join02.png); }
.header_wrapper .header_util .util > a.mypage { background-image: url(/images/icon_myinfo.png); }
.header_wrapper .header_util .util > a.myalarm { background-image: url(/images/icon_myalarm.png); }
.header_wrapper .header_util .util > a.mywater { background-image: url(/images/icon_mywater.png); }
.header_wrapper .header_util .util > a .util_text {position: absolute; left: 50%; display: block;  width: 75px; font-size: 14px; transform: translateX(-50%);}
/* // 2021.07.16 유틸아이콘 수정 */
/* env-00307 */
/* .header_wrapper .mypage_pop ul li a { position: relative; display: block; padding: 10px 0; padding-left: 20px; } */
.header_wrapper .mypage_pop { position: absolute; right: 0; top: 100px; width: 13.02%; height: 100%; background: #f1f1f1; text-align: left; font-size: 16px; padding: 20px 1.56%; }
.header_wrapper .mypage_pop ul li a { position: relative; display: block; padding: 10px 0; padding-left: 20px; color: #222; }
.header_wrapper .mypage_pop ul li a:before { position: absolute; left: 0; top: 18px; content:""; width: 3px; height: 3px; background: #000; }
.header_wrapper .mypage_pop a:hover,
.header_wrapper .mypage_pop a:focus { text-decoration: underline; }

.sitemap { position: fixed; top: 0; right: -100%; width: 100%; height:100%; background: #fff; z-index: 40; transition: all ease .5s; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; overflow: hidden; overflow-y: auto; visibility: hidden; }
.sitemap.open { right: 0; visibility: visible; }
.sitemap .close { display: block; width: 60px; height: 60px; text-indent: 100%; white-space:nowrap; overflow: hidden; position: absolute; right: 0; top: 0; background: url(/images/icon_x.png) no-repeat center; background-size: 18px; }
/* 2021.07.16 유틸아이콘 수정 */
.sitemap .util { padding: 0 25px; height: 60px; line-height: 60px; border-bottom: 1px solid #ddd; }
.sitemap .util a { position: relative; margin-right: 24px; display: inline-block; vertical-align: middle; width: auto; height: 18px; padding-left: 25px; line-height: 18px; background-repeat: no-repeat; background-position: left center; background-size: 18px auto; }
.sitemap .util a.mypage,
.sitemap .util a.myalarm,
.sitemap .util a.mywater { padding-left: 33px;}
.sitemap .util a .cnt { position: absolute; display: inline-block; left: 12px; bottom: -5px; width: 16px; height: 16px; line-height: 16px; border-radius:100%; text-align: center; background: #00cccc; font-size: 12px; font-weight: 500; color: #fff; }
.sitemap .util a .font0 { font-size: 0; }
.sitemap .util a.login { background-image: url(/images/icon_login.png); }
.sitemap .util a.join { background-image: url(/images/icon_join02.png); }
.sitemap .util a.mypage { background-image: url(/images/icon_myinfo.png); }
.sitemap .util a.myalarm { background-image: url(/images/icon_myalarm.png); }
.sitemap .util a.mywater { background-image: url(/images/icon_mywater.png); }
/* // 2021.07.16 유틸아이콘 수정 */
.sitemap .util2 {  }
.sitemap .util2 ul { padding: 15px; background: #f1f1f1; }
.sitemap .util2 ul:after { content:""; display: block; clear:both; }
.sitemap .util2 li { float: left; width: 25%; padding: 10px; text-align: center; font-size: 15px; }
.sitemap .util2 li a { display: block; padding-top: 35px; background-position: center top; background-repeat: no-repeat; }
.sitemap .util2 li a.mydata { background-image: url(/images/icon_m_mydata.png); }
.sitemap .util2 li a.apply { background-image: url(/images/icon_m_apply.png); }
.sitemap .util2 li a.modi { background-image: url(/images/icon_m_modi.png); }
.sitemap .util2 li a.logout { background-image: url(/images/icon_m_logout.png); }
.sitemap .nav {  }
.sitemap .nav > li { padding: 0 25px; border-bottom:1px solid #efefef; }
.sitemap .nav > li > a { display: block; height: 55px; line-height: 55px; font-size: 15px; color: #333; font-weight: 500; background: url(/images/icon_down.png) no-repeat right center; }
.sitemap .nav .sub { display: none; }
.sitemap .nav .sub.open { display: block; }
.sitemap .nav .sub > li {  }
.sitemap .nav .sub > li > a { display: block; font-weight: 500; font-size: 14px; color: #666; margin-bottom: 20px; }
.sitemap .nav .sub > li > a.active { color: #0360c4; }


.site_map_wrap { display: none; width: 100%; background: #62b43f; position: absolute; left: 0; top: 100px; z-index: 30; }
.site_map_wrap .inner { width: 1200px; overflow: hidden; padding: 30px 0; }
.site_map_wrap ul { float: left; position: relative; padding: 0 2.425rem; }
.site_map_wrap ul:nth-child(2) { padding-left: 30px; }
.site_map_wrap ul:nth-child(3) { padding-left: 0; }
.site_map_wrap ul:nth-child(4) { padding-left: 20px; }
.site_map_wrap ul:nth-child(5) { padding-left: 8px; }
.site_map_wrap ul:nth-child(6) { padding-left: 18px; }
.site_map_wrap li { font-size: 17px; line-height: 40px; font-weight: 400; letter-spacing: -1px; }
.site_map_wrap li a { position: relative; color: #fff; padding-bottom: 3px; }
.site_map_wrap li a:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fff; transition: all 400ms; }
.site_map_wrap li:hover a:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; }
.mo { display: none; }
.login.util_list,
.singuip.util_list { padding: 0 25px; line-height: 100px; }
.singuip.util_list a { position: relative; }
.login.util_list a { position: relative; }
.login.util_list a:before { content: ""; position: absolute; top: 50%; right: -25px; margin-top: -5px; width: 1px; height: 10px; background: #ddd; }
.my_water.on { background: url(/images/icon_arrow_up.png) no-repeat right; }
.site_map.on { background: url("../images/icon_site_map_close.png") no-repeat center #62b43f; }

/*page list CSS*/
/* env-00307 */
/* .page_title_wrapper { position: relative; } */
/* .page_title { display: inline-block; position: relative; font-size: 2.5rem; font-weight: 300; margin: 2.5rem 0 3.75rem 0; } */
.page_wrapper { width: 100%; min-height: 550px; padding-top: 100px; }
.page_title_wrapper { position: relative; font-family: 'NotoSans', sans-serif; }
.page_title { display: inline-block; position: relative; font-size: 2.5rem; font-weight: 300; margin: 2.5rem 0 3.75rem 0; line-height: 1; }
.page_title:before { content: ""; position: absolute; right: -15px; bottom: 0; width: 7px; height: 7px; border-radius: 50%; background: #009fe9; }
.live_data { position: absolute; right: 0; top: 40%; width: 370px; }
.live_data .rolling { overflow: hidden; height: 30px; }
.live_data .more_btn { position: absolute; right: 0; top: 50%; margin-top: -18px; z-index: 1; }
.live_data .rolling > li { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 100%; overflow: hidden; position: relative; padding-right: 10px; }
.live_data dt { width: 120px; height: 30px; line-height: 30px; font-size: 0.8125rem; font-weight: 500; border: 1px solid #a1a1a1; }
.live_data dd { margin-left: 20px; font-size: 0.9375rem; line-height: 30px; font-weight: 300; width: calc(100% - 140px); text-align: left; }
.live_data dd strong { margin-right: 10px; font-weight: 700; }
.live_data_all { display: none; width: 100%; position: absolute; right: 0; top: 0; background: #fff; padding: 20px; border: 1px solid #ddd; padding-top: 35px; text-align: left; z-index: 3; }
.live_data_all .bold { margin: 0 !important; margin-right: 5px !important; color: #888; }
.live_data_all .close_btn { position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; }
.live_data_all .close_btn img { width: 100%; vertical-align: top; }
.live_data_all a { color: #555; }
.live_data_all li { line-height: 30px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 100%; overflow: hidden; position: relative; }
.mo_dataset_srch { display: none; }
.mo_dataset_close { display: none; }
.sub_page_wrapper { overflow: hidden; width: 1380px; margin: 0 auto; padding: 0 15px; }
.side_wrapper { float: left; width: 220px; margin-right: 30px; padding-bottom: 20px; border-bottom: 1px solid #000; }
.side_wrapper h3 { padding-top: 30px; padding-left: 20px; font-size: 1.25rem; font-weight: 500; }
.side_wrapper > .tabs { border-bottom: 1px solid #009fe9; overflow: hidden; }
.side_wrapper > ul:last-child { border-bottom: 0; }
.side_wrapper > .side_price_type { border-top: 1px solid #000; margin-top: 30px; }
.dataset_two_depth { padding-top: 15px; }
.dataset_category { margin-top: 20px; }
.dataset_one_depth_list,
.side_detph_list { margin-top: 10px; font-size: 1.125rem; padding-left: 20px; font-size: 1rem; line-height: 30px; font-weight: 400; }
.dataset_one_depth_list.on { background: #009fe9; }
.dataset_one_depth_list.on > a { color: #fff; }
.dataset_one_depth_list span { margin-left: 5px; font-size: 14px; }
.dataset_two_depth_list { padding: 6px 0; font-size: 1rem; font-weight: 300; }
.dataset_two_depth_list a { padding-left: 20px; }
.side_detph_list.on,
.dataset_two_depth_list.on { background: #009fe9; }
.dataset_two_depth_list.on a { color: #fff; }
.side_detph { padding-top: 5px; }
.side_detph_list { padding-left: 20px; font-size: 1rem; line-height: 30px; font-weight: 300; }
.side_detph_list.on a { color: #fff; }
.more_view { padding-left: 20px; padding-right: 12px; font-size: 0.875rem; font-weight: 200; background: url(/images/icon_arrow_right.png) no-repeat right; margin-top: 20px; display: inline-block; }
.content_wrapper { float: left; width: calc(100% - 250px); padding-top: 30px; }
.Search_wrapper { overflow: hidden; padding: 25px 40px; background: #f7f7f7; border: 1px solid #dcdcdc; }
.search_position { float: left; position: relative; width: calc(100% - 170px); margin-right: 20px; }
.search_position input[type=text] { width: 100%; height: 50px; padding: 0 20px; border: 1px solid #bcbcbc; font-size: 1.125rem; font-weight: 400; color: #666; }
.search_btn { position: absolute; right: 20px; top: 50%; margin-top: -9px; cursor: pointer; }
.cancel_btn { position: absolute; right: 20px; top: 50%; margin-top: -6px; }
.customdata_apply { float: left; width: 150px; height: 50px; text-align: center; font-size: 1rem; line-height: 50px; font-weight: 300; border-radius: 5px; color: #fff; background: #009fe9; cursor: pointer; }
.hashtag_wrapper { overflow: hidden; padding-top: 18px; }
.hashtag_txt { display: inline-block; position: relative; height: 42px; padding: 0 20px; margin-bottom: 18px; margin-right: 8px; font-size: 0.875rem; line-height: 40px; font-weight: 300; border: 1px solid #d9d9d9; border-radius: 21px; }
.hashtag_cancel_btn { margin-left: 10px; }
.data_list_wrapper { margin-bottom: 70px; }
.data_list_wrapper > ul { border-top: 1px solid #dedede; }
.data_list { overflow: hidden; padding: 40px 0; border-bottom: 1px solid #dedede; }
.data_thumbnail { width: 250px; }
.data_link { display: block; }
.data_img { width: 100%; }
.data_summary { width: calc(100% - 280px); }
.data_list_header { position: relative; }
.data_price { position: absolute; right: 0; bottom: 0; color: #009fe9; font-size: 14px; font-weight: 500; border: 1px solid #009fe9; display: inline-block; width: 60px; text-align: center; line-height: 30px; border-radius: 15px; }
.data_list_title { font-size: 1.375rem; font-weight: 500; margin-top: 10px; }
.data_list_title a { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 85%; overflow: hidden; }
.data_list_category { display: inline-block; font-size: 1rem; font-weight: 400; color: #009fe9; padding-right: 15px; }
.data_list_body { margin: 15px 0 25px 0; }
.data_list_desc { overflow: hidden; height: 4.875rem; font-size: 1rem; line-height: 1.625rem; font-weight: 300; color: #777; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.data_list_footer { float: right; }
.data_list_footer li { float: left; font-size: 0.9375rem; font-weight: 400; }
.data_list_agency { padding-right: 15px; }
.data_list_date { position: relative; padding: 0 15px; color: #666; }
.data_list_date:before { content: ""; position: absolute; top: 50%; left: 0; height: 10px; width: 1px; margin-top: -5px; background: #ddd; }
.data_list_date:after { content: ""; position: absolute; top: 50%; right: 0; height: 10px; width: 1px; margin-top: -5px; background: #ddd; }
.data_list_view { margin-left: 15px; padding-left: 25px; background: url(/images/icon_view.png) no-repeat left; color: #444; }
.data_list_scrap { padding-left: 15px; margin-left: 20px; background: url(/images/icon_scrap.png) no-repeat left; color: #444; }
.data_list_scrap.on { padding-left: 15px; margin-left: 20px; background: url(/images/icon_scrap_on.png) no-repeat left; color: #444; }
.paging_wrapper { text-align: center; }
.paging_wrapper .page { display: inline-block; width: 40px; height: 40px; margin: 0 4px; text-align: center; font-size: 0.875rem; line-height: 38px; font-weight: 400; color: #444; border: 1px solid #e8e8e8; }
.page_start { text-indent: -9999px; background: url(/images/icon_start.png) no-repeat center; }
.page_prev { margin-right: 28px !important; text-indent: -9999px; background: url(/images/icon_prev.png) no-repeat center; }
.page_next { margin-left: 28px !important; text-indent: -9999px; background: url(/images/icon_next.png) no-repeat center; }
.page_end { text-indent: -9999px; background: url(/images/icon_end.png) no-repeat center; }
.paging_wrapper .page_current { background: #444; color: #fff; }

/*page detail CSS*/
/* .btn {display: inline-block; height: 40px; padding: 0 10px; line-height: 30px; font-size: 14px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; vertical-align: top; cursor: pointer;}
.search_box2 .btn_search {width: 35px; height: 35px; background: #666666 url('../../images/common/ic_search.png') center center no-repeat; border: 1px solid #666666; text-indent: -9999px;} */
.location_wrapper { padding: 60px 0 70px; border-bottom: 1px solid #dedede; /* background-color: #0067e7; background-image: url(/images/title_bg.png); */ background-repeat: no-repeat; background-position: right bottom; }
.location { overflow: hidden; }
.location li { float: left; padding-left: 15px; margin-left: 10px; font-size: 16px; background: url(/images/icon_arrow_right.png) no-repeat left; color: #fff; }
.location li:first-child { background: none; padding-left: 0; margin-left: 0; }
.page_detail_title { color: #000; margin-top: 25px; font-size: 39px; font-weight: 500; }
.page_detail_util { position: absolute; right: 0; bottom: 50px; }
.page_detail_util a { float: left; margin-left: 20px; font-size: 1rem; font-weight: 400; color: #525252; }
.page_detail_util .scrap_btn { padding-left: 20px; background: url(/images/icon_scrap.png) no-repeat 25px; border: 1px solid #ddd; }
.page_detail_util .scrap_btn.on { padding-left: 20px; background: url(/images/icon_scrap_on.png) no-repeat 25px; border: 1px solid #ddd; }
.page_detail_util .download_btn,
.page_detail_util .basket_btn { padding-left: 30px; background: url(/images/icon_download.png) no-repeat 25px; border: 1px solid #ddd; }
.detail_info_bottom { overflow: hidden; padding: 30px 50px; border: 1px solid #e2e2e2; background: #f7f7f7; }
.detail_info_group_bottom { float: left; width: calc(100% / 3); }
.detail_info_group_bottom dt { position: relative; padding-right: 20px; }
.detail_info_group_bottom dt:after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; background: #e2e2e2; }
.detail_info_group_bottom dd { padding-left: 20px; font-weight: 200; }
.error_page { width: 800px; height: 500px; background: #f9f9f9 url(/images/common/bg_error.png) no-repeat right bottom; position: absolute; transform: translate(-50%, -35%); top: 50%; left: 50%; }
.error_text_top { font-size: 45px; line-height: 55px; font-weight: 700; white-space: pre-line; color: #555; }
.error_text_bottom { line-height: 26px; color: #777; font-weight: 300; padding: 35px 0 40px 0; white-space: pre-line; }
.error_nav { position: absolute; transform: translate(70px, -50%); top: 50%; }
.error_btn { width: 200px; height: 60px; font-size: 18px; background: #333; display: block; text-align: center; line-height: 60px; color: #fff; border-radius: 5px; }
.mydata_bottom { padding: 30px 20px 30px 20px; background: #f5f5f5; text-align: center; margin: 50px 0px; font-size: 1.070rem; }
.payment_complete .mydata_bottom { text-align: right; padding: 30px 50px 30px 50px; font-size: 20px; color: #434343; }
.payment_complete .mydata_bottom strong { color: #009fe9; font-weight: 700; }
.mydata_top { padding: 30px 20px 30px 20px; background: #f5f5f5; text-align: center; margin: 50px 0px; }
.mydata_top img { margin: auto 10px; }
.sel_ordernum { background: url(/images/icon_select.png) no-repeat 170px 50%; }
#learningbtn2 { visibility: hidden }
.mypage_wrap .table_typeA .subject a { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 650px; overflow: hidden; position: relative; }

/*tab*/
.tabs .tab_link { float: left; width: 20%; height: 60px; line-height: 58px; text-align: center; border: 1px solid #e5e5e5; border-bottom: 2px solid #212529; border-right: none; color: #555; cursor: pointer; }
.tabs .tab_link:last-child { border-right: 1px solid #e5e5e5; }
.tabs .tab_link.current { font-weight: 500; color: #212529; border-top: 2px solid #212529; border-left: 2px solid #212529; border-right: 2px solid #212529; border-bottom: none; }
.tab_content { display: none; padding: 50px; border: 1px solid #e5e5e5; clear: both; }
.tab_content2 { padding: 0; border: 1px solid #e5e5e5; clear: both; overflow:hidden; max-height: 0; opacity: 0; }
.side_wrapper .tab_content { padding: 0; border: none; }
.side_wrapper .tab_content2 { padding: 0; border: none; }
.side_wrapper .tabs li { float: left; width: 50%; line-height: 60px; text-align: center; }
.side_wrapper .tabs li.current { background: #009fe9; }
.side_wrapper .tabs li.current a { color: #fff; }
.governance .tab_content { border: none; }
.tab_content.current { display: block; }
.tab_content2.current { opacity:1; max-height: 100000em; padding:50px; }
.tab_info_desc { margin-bottom: 45px; }
.tab_info_desc:last-child { margin-bottom: 0; }
.tab_info_desc h4 { display: block; position: relative; margin-bottom: 12px; font-size: 1.125rem; font-weight: 500; }
.tab_info_desc h4:before { content: ""; position: absolute; top: 50%; left: -16px; width: 5px; height: 5px; margin-top: -2.5px; background: url(/images/icon_title_dot.png) no-repeat center; }
.tab_info_desc p { line-height: 26px; font-weight: 300; color: #666; }
#tab_filedownload { }
#tab_filedownload .tab_info_desc { margin-bottom: 25px; }
#tab_filedownload .tab_info_desc dl { line-height: 45px; margin-bottom: 5px; overflow: hidden; position: relative; }
#tab_filedownload .tab_info_desc dt { float: left; }
#tab_filedownload .tab_info_desc dt span { margin-right: 5px; }
#tab_filedownload .tab_info_desc dt span:first-child { display: inline-block; text-overflow: ellipsis; max-width: 300px; white-space: nowrap; overflow: hidden; line-height: 1; }
#tab_filedownload .tab_info_desc .icon { display: inline-block; font-size: 14px; font-weight: 500; border: 1px solid #222; text-align: center; line-height: 25px; border-radius: 13px; margin-left: 0; padding: 0px 10px; }
#tab_filedownload .tab_info_desc dd.btn { float: right; }
#tab_filedownload .tab_info_desc dd.explain { width: 100%; float: left; }
#tab_filedownload .tab_info_desc dl:after { display: block; content: ''; clear: both; }
#tab_filedownload .tab_info_desc > div { position: relative; }
.sheet_table { width: 100%; }
.sheet_table th { background: #ecf6ff; color: #777; font-size: 13px; font-weight: 200; line-height: 53px; white-space: nowrap; border: 1px solid #ddd; border-bottom: 0; }
.sheet_table td { font-size: 13px; line-height: 34px; text-align: center; padding: 0 5px; border: 1px solid #ddd; white-space: nowrap; }
.page_detail_title_h3 { position: relative; padding-left: 45px; font-weight: 700; font-size: 20px; }
.page_detail_title_h3:before { content: ""; position: absolute; top: 50%; left: 0; width: 25px; height: 3px; margin-top: -1.5px; background: #222; }
.page_Detail_agency_info { overflow: hidden; position: relative; padding-top: 30px; margin-top: 20px; border-top: 1px solid #222; }
.page_Detail_agency_info .col_left { width: 22%; }
.page_Detail_agency_info .col_center { width: 45%; padding: 0 30px; }
.page_Detail_agency_info .col_right { position: absolute; right: 0; bottom: 0; width: 33%; padding: 0 30px; }
.page_Detail_agency_info .col_left img { width: 100%; }
.agency_info_title { display: block; margin-top: 10px; margin-bottom: 14px; font-size: 1.375rem; font-weight: 500; }
.agency_info_dataset { display: block; margin-top: 30px; margin-bottom: 15px; font-weight: 500; }
.agency_info_dataset strong { font-size: 1.125em; }
.agency_info_desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 52px; word-wrap: break-word; line-height: 26px; font-weight: 300; color: #777; }
.agency_info_person_title { display: block; margin-bottom: 30px; font-weight: 500; }
.col_right dl { overflow: hidden; margin-bottom: 18px; }
.col_right dt { padding-left: 30px; padding-right: 30px; font-weight: 400; line-height: 18px; }
.col_right dl:nth-child(2) dt { background: url(/images/icon_info_01.png) no-repeat left; }
.col_right dl:nth-child(3) dt { background: url(/images/icon_info_02.png) no-repeat left; }
.col_right dl:nth-child(4) dt { margin-bottom: 0; background: url(/images/icon_info_03.png) no-repeat left; }
.col_right dd { font-weight: 300; color: #666; }
.col_right dd a { color: #666; }
.relation_data { position: relative; margin-top: 20px; padding-top: 20px; border-top: 1px solid #222; }
.relation_data ul { overflow: hidden; }
.relation_data_list { float: left; width: calc(100% / 4 - 15px); margin-right: 20px; }
.relation_data_list:last-child { margin-right: 0; }
.relation_data_top { padding: 25px 20px 25px 30px; border: 1px solid #d9d9d9; background: #f5f5f5; }
.relation_data_desc { overflow: hidden; margin: 16px 0; font-size: 1.25rem; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; }
.relation_data_title { font-size: 0.875rem; font-weight: 500; }
.relation_data_bottom { padding: 20px 30px; border: 1px solid #d9d9d9; border-top: 0; }
.relation_data_bottom dl { overflow: hidden; margin-bottom: 20px; }
.relation_data_bottom dl:last-child { margin-bottom: 0; }
.relation_data_bottom dt { position: relative; padding-right: 20px; font-size: 0.9375rem; font-weight: 400; }
.relation_data_bottom dt:after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; background: #e2e2e2; }
.relation_data_bottom dd { padding-left: 20px; font-size: 0.9375rem; font-weight: 300; color: #666; }
.relation_data_more_view { position: absolute; right: 0; top: -35px; padding-right: 34px; font-size: 0.875rem; color: #444; background: url(/images/icon_relation_data_more_view.png) no-repeat right; }
.page_detail_comment { position: relative; margin-top: 20px; padding-top: 20px; border-top: 1px solid #222; }
.comment_apply { overflow: hidden; }
.comment_input { width: calc(100% - 150px); min-height: 100px; margin-right: 20px; padding: 20px; border: 1px solid #bcbcbc; font-size: 1rem; font-weight: 300; }
.comment_apply_btn { width: 130px; height: 100px; font-size: 1.125rem; background: #009fe9; cursor: pointer; color: #fff; }
.comment_apply_btn:hover { background-color: #0095e7; }
.comment_list { padding-top: 20px; }
.comment_person { display: block; margin-bottom: 26px; font-size: 1.125rem; }
.comment_text_region { position: relative; padding: 20px; border: 1px solid #bcbcbc; background: #f5f5f5; }
.comment_text_region:before { content: ""; position: absolute; top: -16px; left: 20px; width: 20px; height: 16px; background: url(/images/icon_omment_bg.png) no-repeat center; }
.comment_text { width: 90%; line-height: 1.3em; }
.comment_date { position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); font-weight: 300; color: #666; }
.comment_desc_text { position: absolute; right: 0; top: -35px; font-size: 0.875rem; color: #444; }
.file_download { padding-left: 100px; padding-top: 10px; margin-top: 20px; background: url(/images/icon_file.png) no-repeat left bottom; }
.file_download_select { width: 200px; height: 40px; background-position: 90%; line-height: 38px; }
.file_download_btn { display: inline-block; width: 120px; height: 40px; margin-left: 10px; text-align: center; line-height: 40px; font-size: 0.875rem; color: #fff; }
.file_download_btn2 { display: inline-block; width: 120px; height: 40px; margin-left: 10px; text-align: center; line-height: 40px; font-size: 0.875rem; color: #fff; }
.api_title { margin-bottom: 20px; font-size: 1.5rem; font-weight: 500; }
.key_btn { display: inline-block; width: 120px; height: 40px; margin-left: 27px; font-size: 0.875rem; line-height: 40px; text-align: center; color: #fff; }
.api_example { overflow-y: scroll; height: 130px; margin-top: 17px; border: 1px solid #e2e2e2; }
.api_table { width: 100%; margin-top: 17px; text-align: center; border-top: 2px solid #5b5b5b; border-bottom: 1px solid #c9c9c9; }
.api_table th,
.api_table td { width: 33.3333%; padding: 15px; }
.api_table th { font-weight: 500; border-left: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; background: #eff8fd; }
.api_table th:first-child { border-left: 0; }
.api_table td { font-weight: 300; border-left: 1px solid #c9c9c9; color: #666; }
.api_table td:first-child { border-left: 0; }
.category ul { overflow: hidden; }
.category_list { display: table; float: left; height: 60px; text-align: center; font-size: 1.063rem; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #555; }
.category_list a { color: #555; padding: 0 7px; vertical-align: middle; text-align: center;  display: table-cell;}
.category_list:first-child,
.category_list:nth-child(7n) { border-left: 1px solid #e5e5e5; }
.category_list:nth-last-child(1),
.category_list:nth-last-child(2),
.category_list:nth-last-child(3),
.category_list:nth-last-child(4),
.category_list:nth-last-child(5),
.category_list:nth-last-child(6) { border-bottom: 1px solid #e5e5e5; }
.category_list.on { background: #009fe9; color: #fff; }
.category_list.on a { color: #fff; }
.category2 { margin-top: 40px; }
.category2 ul { text-align: center; font-size: 0; }
.category_list2 { position: relative; display: inline-block; vertical-align: middle; }
.category_list2:after { position: absolute; right: 0; top: 50%; margin-top: -7px; width: 1px; height: 14px; background-color: #ddd; content:""; }
.category_list2:last-child:after { display: none; }
.category_list2 a { display: block; font-size: 18px; font-weight: 500; padding: 10px 25px; }
.category_list2 a:hover,
.category_list2 a:focus { color: #009fe9; text-decoration: underline; }
.category_list2.on a { color: #009fe9; }
.sub_search_position { position: relative; width: 500px; }
.sub_search_wrapper { overflow: hidden; padding: 30px 0; }
.sub_search_wrapper .sel_srch { margin-right: 20px; border-color: #bdbdbd; color: #444; }
.sub_search_position input[type=text] { width: 100%; height: 50px; padding: 0 20px; border: 1px solid #bcbcbc; font-size: 1rem; font-weight: 400; color: #666; }
.sub_search_position.visualize { margin: 0 auto; }
.sub_search_position.visualize input[type=text] { height: 60px; }

/*table*/
.board_table_wapper { margin-bottom: 50px; }
.table_typeA { width: 100%; text-align: center; vertical-align: middle; border-bottom: 1px solid #dedede; border-top: 2px solid #000; }
.border_typeA + .btn_group { margin-bottom: 30px; }
.table_typeA caption { font-size: 1.5rem; text-align: left; font-weight: 500; margin: 40px 0px 20px; }
.table_typeA th,
.table_typeA td { padding: 20px 10px; }
.table_typeA th { font-size: 1.063rem; font-weight: 500; background: #f7f9fb; }
.table_typeA td { border-top: 1px solid #dedede; color: #555; vertical-align: middle }
.table_typeA td .category_list { height: 45px; text-align: center; font-size: 1.063rem; line-height: 43px; margin-top: 5px; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.table_typeA .comment_count { font-weight: 700; color: #009fe9; }
.table_typeB { width: 100%; vertical-align: middle; }
.table_typeB tbody { border-top: 2px solid #000; }
.table_typeB caption { font-size: 1.5rem; text-align: left; font-weight: 500; margin-bottom: 20px; }
.table_typeB th,
.table_typeB td { padding: 10px 20px; border-bottom: 1px solid #dedede; height: 60px; vertical-align: middle; }
.table_typeB th { text-align: center; vertical-align: middle; font-size: 1.063rem; line-height: 1.3em; font-weight: 500; background: #f7f9fb; }
.table_typeB td { text-align: left; }
.table_typeB td input.date { background: url(/images/icon_date.png) no-repeat 210px; }
.table_typeB select { width: 200px; height: 40px; line-height: 38px; }
.table_typeB select.select_organ { width: 220px; height: 40px; line-height: 38px; }
.table_typeB input[type=text],
.table_typeB input[type=password] { width: 100%; height: 40px; padding: 0 20px; border: 1px solid #bdbdbd; color: #444; font-size: 1.063rem; }
.table_typeB textarea { width: 100%; min-height: 300px; padding: 10px 20px; border: 1px solid #bdbdbd; color: #444; font-size: 1.063rem; }
.table_typeB textarea.hid_100 { min-height: 100px; }
.table_typeD { table-layout: fixed; width: 100%; border-top:2px solid #666; }
.table_typeD th { background-color: #f9f9f9; font-size: 16px; color: #666; height: 52px; padding: 10px 20px; font-weight: 400; text-align: left; border:1px solid #ccc; line-height: 1.5; vertical-align: middle; }
.table_typeD td { position: relative; font-size: 16px; color: #333; height: 52px; padding: 10px 20px; font-weight: 400; text-align: left; border:1px solid #ccc; line-height: 1.5; vertical-align: middle; }
.table_typeD tr > *:first-child { border-left:0; }
.table_typeD tr > *:last-child { border-right:0; }
.board_btn { display: inline-block; }
.board_btn:first-child { margin-right: 20px; }
.board_btn input { font-size: 1rem; font-weight: 400; }
.board_btn:first-child input { color: #fff; border: 1px solid #009fe9; }
.board_btn:last-child input { color: #525252; border: 1px solid #8f8f8f; }
.studies_col_width select { width: 295px; }
.studies_detail_top { padding-left: 40px; }
.studies_detail_top h3 { padding-top: 30px; font-size: 1.625rem; font-weight: 500; border-top: 2px solid #000; }
.studies_detail_top dl { display: block; overflow: hidden; width: 100%; }
.studies_detail_top dl:nth-child(2) { padding-top: 30px; padding-bottom: 15px; }
.studies_detail_top dl:nth-child(3) { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e2e2e2; }
.studies_detail_top a { display: block; height: 50px; line-height: 50px; text-align: center; border-radius: 5px; color: #fff }
.detile_title_h4 { margin-bottom: 13px; font-size: 1.25rem; font-weight: 700; }
.detail_section_1 { padding-top: 50px; padding-bottom: 40px; border-bottom: 1px solid #dedede; }
.detail_section_1 p { position: relative; padding-left: 15px; line-height: 1.625rem; font-weight: 300; color: #666; word-break: keep-all; }
.detail_section_1 p:before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 5px; background: url(/images/icon_title_dot.png) no-repeat center; margin-top: 10px; }
.detail_section_2 { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #dedede; }
.detail_section_2:last-child { border-bottom: 0; }
.detail_section_2 li,
.detail_section_2 p { position: relative; padding-left: 15px; line-height: 1.625rem; font-weight: 300; color: #666; word-break: keep-all; }
.detail_section_2 li:before,
.detail_section_2 p:before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 5px; background: url(/images/icon_title_dot.png) no-repeat center; margin-top: 10px; }
.faq_line { border-bottom: 1px solid #dedede; }
.q_line { position: relative; padding: 20px 50px; overflow: hidden; }
.q_line .q { width: 50px; height: 50px; font-size: 1.0625rem; line-height: 48px; font-weight: 500; text-align: center; color: #555; border: 1px solid #aaa; border-radius: 100%; }
.q_line .bold { font-weight: 500; padding-right: 20px; color: #009fe9; }
.a_line { display: none; overflow: hidden; padding: 20px 50px; background: #f7f9fb; transition: all 1s; }
.a_line .a { width: 50px; height: 50px; font-size: 1.0625rem; line-height: 48px; font-weight: 500; text-align: center; color: #fff; background: #009fe9; border-radius: 100%; }
.q_line p,
.a_line p { width: calc(100% - 120px); padding-left: 20px; padding-top: 12px; line-height: 22px; }
.a_line p { white-space: pre-line; width: calc(100% - 50px); }
.toggle_btn { position: absolute; top: 50%; right: 50px; width: 23px; height: 16px; margin-top: -8px; background: url(/images/icon_arrow_down_faq.png) no-repeat right; text-indent: -9999px; cursor: pointer; }
.toggle_btn.on { background: url(/images/icon_arrow_up_faq.png) no-repeat right; }
.new_icon { display: inline-block; font-size: 0.875rem; font-weight: 700; border: 1px solid #2c2c2c; height: 22px; width: 22px; text-align: center; line-height: 20px; border-radius: 100%; margin-left: 15px; }
.security_icon { display: inline-block; position: relative; top: -1px; width: 20px; height: 20px; margin-left: 15px; background: url(/images/icon_security.png) no-repeat center; text-indent: -9999px; }
.answer_line .subject { width: 15px; height: 15px; padding-left: 45px; background: url(/images/icon_answer.png) no-repeat 10px; color: #009fe9; }
.answer_line .subject a { color: #009fe9; }
.table_typeC { width: 100%; vertical-align: middle; }
.table_typeC tbody { border-top: 2px solid #000; }
.table_typeC th,
.table_typeC td { padding: 20px 20px; border-bottom: 1px solid #dedede; vertical-align: middle; }
.table_typeC th { text-align: center; vertical-align: middle; font-size: 1.063rem; font-weight: 500; background: #f7f9fb; }
.table_typeC td { text-align: left; color: #555; }
.table_typeC .add_file { position: relative; }
.table_typeC .a_line { display: block; background: #fff; }
.table_typeC .q_line,
.table_typeC .a_line { padding: 10px 30px; }
.table_typeC .q_line { padding-bottom: 15px; }
.table_typeC .q_line p,
.table_typeC .a_line p { color: #555; }
.table_typeC .a_line .a { border: 1px solid #009fe9; background: #fff; color: #009fe9; }
.return_date { display: block; margin-top: 15px; font-size: 15px; font-weight: 300; }
.add_qna_title { position: relative; margin: 20px 0 30px 0; padding: 0 0 20px 45px; font-size: 1.25rem; font-weight: 700; border-bottom: 1px solid #222; }
.add_qna { position: relative; }
.add_qna_title:before { content: ""; position: absolute; top: 50%; left: 0; width: 25px; height: 3px; margin-top: -10px; background: #222; }
.typeC_sorting select { width: 180px; background-position: 150px; margin-right: 50px; font-size: 17px; color: #444; }
.comment_counts { padding-right: 10px; }
.comment_counts dt { width: 17px; height: 50px; background: url(/images/icon_comment.png) no-repeat left; text-indent: -9999px; margin-right: 6px; }
.comment_counts dd { line-height: 50px; }
.hits_counts { position: relative; padding-left: 10px; }
.hits_counts:before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background: #ddd; margin-top: -5px; }
.hits_counts dt { margin-right: 5px; width: 19px; height: 50px; background: url(/images/icon_hits.png) no-repeat left; text-indent: -9999px; margin-right: 6px; }
.hits_counts dd { line-height: 50px; }
.typeC_detail { padding-top: 20px; padding-bottom: 50px; }
.typeC_detail .page_detail_comment { padding-top: 0; margin-top: 0; border-top: 1px solid #dcdcdc; }
.typeC_detail .page_detail_comment .comment_text { width: 80%; }
.typeC_detail .black_btn { position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); font-weight: 300; color: #fff; background: #444; width: 100px; height: 40px; border-radius: 4px; cursor: pointer; }
.typeC_detail .blue_btn { position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); font-weight: 300; color: #fff; background: #009fe9; width: 100px; height: 40px; border-radius: 4px; cursor: pointer; }
.comment_list.reply_line { margin-top: 20px; width: 96%; float: right; }
.typeC_detail .comment_date { right: 148px; }
.trade_title { position: relative; font-size: 26px; font-weight: 500; margin-bottom: 30px; }
.trade_title .basic_btn { font-size: 1rem; font-weight: 300; position: absolute; right: 0; top: 50%; margin-top: -25px; }
.trade_desc { font-weight: 300; color: #666; line-height: 26px; margin-top: -5px; margin-bottom: 60px; }
.trade_use_wrap dd ul { position: relative; }
.trade_use_item { padding-right: 45px; }
.trade_use_item dt { color: #fff; font-size: 20px; font-weight: 700; margin-bottom: 20px; padding-top: 75px; }
.trade_use_item:first-child dt { background: #009fe9 url(/images/icon_trade_use_01.png)no-repeat center 30%; }
.trade_use_item:nth-child(2) dt { background: #108ad9 url(/images/icon_trade_use_02.png)no-repeat center 30%; }
.trade_use_item:last-child { }
.trade_use_item:last-child dt { background: #3165b7 url(/images/icon_trade_use_03.png)no-repeat center 30%; }
.trade_use_item dt { text-align: center; height: 120px; }
.trade_use_item dd { padding: 40px 50px 60px; border: 1px solid #e0e0e0; } /* 2021.08.24 */
.trade_use_item dd.b_none { border-bottom: 0; }
.trade_use_item dd.t_none { position: relative; border-top: 0; }
.trade_use_item dd.t_none:before { content: ""; position: absolute; left: 30px; top: 0; width: calc(100% - 60px); height: 1px; border-top: 1px dashed #e0e0e0; }
.trade_use_item:nth-child(2) dd.t_none { padding-bottom: 45px; }
.trade_use_item:last-child dd.t_none { padding-top: 27px; }
.trade_use_tit { display: block; font-size: 18px; font-weight: 700; margin-bottom: 15px; }
.trade_use_desc_list { position: relative; line-height: 26px; padding-left: 15px; font-weight: 300; color: #666; }
.trade_use_desc_list:before { content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border: 1px solid #666; border-radius: 100%; }
.ready_contents + .align_center .borad_btn .basic_btn { width: auto; padding: 0px 15px; }
.tool.trade_use_wrap > ul { display: flex; flex-wrap: wrap; }
.tool.trade_use_wrap > ul > li { width: 50%; padding: 0 20px; }
.tool.trade_use_wrap > ul > li dl { height: 100%; display: flex; flex-direction: column; }
.tool.trade_use_item { padding-right: 0; }
.tool.trade_use_item dt { background-image: none; padding: 0; line-height: 120px; }
.tool.trade_use_item dd { position: relative; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; background: #fbfbfb; } /* 2021.08.24 */
.tool.trade_use_item dd p { padding-top: 95px; line-height: 30px; color: #666; font-weight: 300; text-align: center; flex-grow: 1; }
.tool.trade_use_item:nth-child(1) dd p { background: url(/images/bg_tool_01.png) no-repeat center 10%; }
.tool.trade_use_item:nth-child(2) dd p { background: url(/images/bg_tool_02.png) no-repeat center 10%; }
.tool.trade_use_item:nth-child(3) dd p { background: url(/images/bg_tool_03.png) no-repeat center 10%; }
.tool.trade_use_item dd .basic_btn { margin-top: 30px; width: 134px; }
.visualize_category { padding: 50px 0; border-bottom: 1px solid #dedede; }
.visualize_category ul { overflow: hidden; }
.visualize_category li { text-align: center; }
.visualize_category a { display: block; color: #555; padding-top: 70px; line-height: 1.4em; letter-spacing: -1px; }
.visualize_category li.on a,
.visualize_category li:hover a { color: #009fe9; }
.visualize_title { padding: 50px 0 30px 0; font-size: 30px; font-weight: 500; text-align: center; }
.visualize_chart_wrap { margin-top: 20px; margin-bottom: 20px; }
.visualize_chart_wrap ul { overflow: hidden; }
.visualize_chart_item { margin-bottom: 30px; }
.visualize_chart_item .position { margin-right: 30px; border: 1px solid #cacaca; }
.visualize_chart_item:nth-child(3n) .position { margin-right: 0; }
.visualize_chart_item h4 { font-size: 17px; text-align: center; line-height: 60px; border-bottom: 1px solid #e0ebf0; background: #fff; height: 60px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; }
.visualize_chart_item .chart { height: 220px; }
.visualize_chart_wrap2 { font-size: 0; }
.visualize_chart_wrap2 ul { margin: 0 -10px; }
.visualize_chart_item2 { display: inline-block; vertical-align: top; width: 25%; padding: 0 10px; margin-bottom: 20px; }
.visualize_chart_item2 > a { display: table; width: 100%; height: 165px; border: 1px solid #cacaca; }
.visualize_chart_item2 .item { display: table-cell; text-align: center; vertical-align: middle; }
.visualize_chart_item2 .item img { max-height: 100%; max-width:100%; width: auto; height: auto; }
.governance_txt { margin-top: 10px; text-align: right; font-size: 15px; color: #009fe9; }
.board_typeA { margin-top: 50px; }
.governance_item { overflow: hidden; border: 1px solid #d9d9d9; margin-bottom: 40px; }
.governance_info { padding: 30px 50px; width: calc(100% - 450px); }
.governance_info .header { position: relative; margin-bottom: 23px; }
.governance_thumbnail { width: 450px; }
.governance_thumbnail img { width: 100%; }
.home_go { position: absolute; right: 0; top: 0; padding-left: 26px; background: url(/images/icon_home_go.png)no-repeat left; }
.governace_title { font-size: 22px; font-weight: 500; color: #009fe9; }
.governace_title span { color: #222; font-size: 0.8em; margin-right: 10px; }
.governance_info .desc { color: #444; line-height: 26px; font-weight: 300; }
.governance_info .keyword { line-height: 26px; font-weight: 300; color: #666; margin-right: 20px; display: inline-block; border: 1px solid #d9d9d9; border-radius: 14px; padding: 0 15px; margin-bottom: 3px; }
.governance_info .footer { margin-top: 25px; }
.board_typeB { position: relative; overflow: hidden; }
.governance_thumbnail_detail { width: 600px; }
.governance_thumbnail_detail img { width: 100%; }
.governance_info_detail { width: calc(100% - 650px); margin-left: 50px; padding-top: 30px; border-top: 2px solid #222; }
.governance_info_detail h3 { margin-bottom: 30px; font-size: 26px; font-weight: 500; color: #009fe9; }
.governance_info_detail .edu_btn_wrap { border-top: 1px solid #e2e2e2; text-align: right; padding-top: 20px; }
.governance_info_detail .edu_btn_wrap .btn_edu_regist { position: static; }
.edu.governance_info_detail h3 { color: #222; }
.governance_info_detail dl { overflow: hidden; margin-bottom: 22px; }
.governance_info_detail dt { font-weight: 500; width: 123px; }
.governance_info_detail dl:last-child dt { margin-bottom: 10px; }
.governance_info_detail dd { font-weight: 200; }
.governanc_go { padding-left: 26px; background: url(/images/icon_home_go.png)no-repeat left; }
.governance_info_detail .keyword { line-height: 26px; font-weight: 300; color: #666; margin-right: 20px; display: inline-block; border: 1px solid #d9d9d9; border-radius: 14px; padding: 0 15px; }
.governance_info_title { font-size: 20px; font-weight: 700; }
.governance_info_desc { line-height: 26px; color: #666; font-weight: 300; margin-top: 25px; margin-bottom: 45px; white-space: pre-line; }
.info_title_wrap { clear: both; position: relative; padding-top: 70px; overflow: hidden; }
.info_title_wrap.education img { max-width:100% !important; width: auto !important; height:auto !important; }
.add_file { padding-left: 25px; background: url(/images/icon_add_file.png)no-repeat left; position: absolute; right: 0; top: 70px; font-weight: 200; }
.add_file2 { padding-left: 25px; background: url(/images/icon_add_file.png)no-repeat left; position: absolute; right: 0; font-weight: 200; }
.governance_info_detail.edu .add_file { padding-left: 25px; background: url(/images/icon_add_file.png)no-repeat left; position: static; right: auto; top: auto; font-weight: 200; margin-bottom: 25px; display: inline-block; }
.edu_btn_wrap { text-align: right; margin-top: 30px; }
.governance_sel { width: 100% !important; background-position: 95%; }
.table_typeB.info_table input[type="text"] { height: 40px; padding: 0 20px; border: 1px solid #bdbdbd; color: #444; font-size: 1.063rem; width: auto; margin-left: 10px; }
.table_typeB.info_table input[type="text"].upload_filename { height: 33px; padding: 0 20px; border: 1px solid #bdbdbd; color: #444; font-size: 1.063rem; width: auto; margin-left: 10px; margin-bottom: 10px }
.table_typeB.info_table .result_text { height: 33px; width: auto; font-size: 0.8rem; }
.info_bottom { position: relative; padding: 16px 0; }
.info_bottom .info_btn { position: absolute; right: 0; top: 15px; }
.info_bottom input[type=checkbox] + label { margin-right: 10px; }
.info_bottom .info_btn1 { display: inline-block; border: 1px solid #ddd; padding: 7px 10px; font-size: 0.8rem; }

/* env-00277 2023-07-26 추가 */
/* env-00491 2024-05-21 공지사항 공지분야 색상변경 */
table .notice { background-color: rgba(0,159,233,0.15); font-weight: bold; }

/*footer css*/
/* env-00293 2023-08-07 수정 */
/* .footWrap { clear:both; background: #2F2F2F; z-index:999; position: relative; } */
.footWrap { clear:both; background: #2F2F2F; z-index:100; position: relative; }
.footer_wrapper { text-align: center; border-top: 2px solid #515151; margin-top: 100px; }
.footer_header { border-bottom: 1px solid #464646; }
.footer_util { overflow: hidden; width: 540px; margin: 0 auto; }
.footer_util li { float: left; position: relative; padding: 0 25px; font-size: 1rem; line-height: 48px; font-weight: 500; float: left; width: 33%; }
.footer_util li:after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; margin-top: -8px; background: #dcdcdc; }
.footer_util li:first-child a { color: #009fe9; }
.footer_util li:last-child:after { background: none; }
.footer_body { padding: 30px 0; }
.footer_info { padding: 20px 0 30px 0; padding: 0px 0 15px 0; font-size: 1rem; font-weight: 400; color: #999; }
.footer_info.company { padding-bottom: 10px; }
.footer_info span { margin-right: 15px; }
.footer_info span a { color: #666 !important; }
.footer_info img { width: 58px; }
.footer_info span:last-child { margin-right: 0; }
.footer_info .top-btn { width: 63px; height: 63px; display: none; position: fixed; right: 100px; background-color: #0360c4; bottom: 20px; background-repeat: no-repeat; background-position: center; background-image: url(/images/top_btn.png); text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 10; }
.footer_bottom { height: 45px; background: #333; }
.footer_copy { font-size: 0.9375rem; line-height: 45px; font-weight: 200; color: #777; }
.popup_confirm { display: none; position: fixed; top: 50%; left: 50%; width: 550px; background: #fff; transform: translate(-50%, -50%); z-index: 200; }
.popup_header { position: relative; background: #009fe9; padding: 22px 30px; }
.popup_header h2 { font-size: 24px; font-weight: 500; color: #fff; }
.popup_close { position: absolute; top: 22px; right: 30px; width: 25px; height: 25px; background: url(/images/icon_popup_close_btn.png) no-repeat center; text-indent: -9999px; cursor: pointer; }
.popup_body { padding: 54px 70px 54px 212px; background: url(/images/bg_security.png) no-repeat 50px; }
.popup_body label { color: #555; }
.popup_body input[type="password"] { width: 250px; height: 50px; padding: 10px 20px; border: 1px solid #bdbdbd; margin-top: 30px; }
.popup_footer { text-align: center; margin-bottom: 55px; }
.dimmed { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 150; background: #000; opacity: 0.7; }
.member_wrapper { margin-top: 30px; }
.member_box { width: 480px; margin: 0 auto; }
.member_input { width: 100%; padding: 0 20px; height: 60px; border: 1px solid #bdbdbd; font-size: 18px; font-weight: 300; color: #888; margin-bottom: 20px; }
.member_box .member_btn { width: 100%; font-weight: 500; font-size: 22px; height: 60px; margin: 30px 0; }
.srch_box { text-align: center; }
.srch_box a { position: relative; padding: 0 30px; color: #666; }
.srch_box a:nth-of-type(2):before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 15px; margin-top: -7px; background: #ddd; }
.srch_box a:nth-of-type(2):after { content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 15px; margin-top: -7px; background: #ddd; }
.member_menu { overflow: hidden; margin-bottom: 40px; }
.member_menu li { width: 50%; font-size: 22px; padding-bottom: 30px; text-align: center; border-bottom: 1px solid #dcdcdc; }
.member_menu li a { }
.member_menu li.on { font-weight: 500; border-bottom: 1px solid #009fe9; }
.srch_result_box { text-align: center; padding: 35px 0; background: #f5f5f5; margin-top: 30px; }
.srch_result_text { color: #555; line-height: 26px; }
.srch_result_text strong { font-weight: 700; padding: 0 3px; color: #009fe9; }
.main_visual_wrap { position: relative; height: 730px; width: 100%; }
.visual_slide,
.slide { height: 920px; background-size: cover !important; }
.main_visual_wrap .bx-viewport { height: auto !important; }
.main_visual_wrap .position { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -70%); }
.main_srch_wrap { position: relative; width: 520px; }
.main_srch_wrap input { width: 100%; height: 80px; background: #fff; padding: 0 45px; font-size: 20px; color: #555; }
.main_srch_wrap img { position: absolute; right: 25px; top: 50%; margin-top: -12px; }
.main_visual_wrap .all_dataset_btn { width: 250px; height: 70px; color: #fff; background: #62b43f; display: block; text-align: center; line-height: 70px; border-radius: 5px; margin: 0 auto; margin-top: 50px; }
.main_bg { position: absolute; bottom: 0; left: 0; width: 100%; background: url(/images/main/main_bg.png) repeat-x center top; z-index: 50; }
.main_visual_wrap .visualize_category { padding-top: 140px; border: none; padding-bottom: 60px; }
.main_data_view_wrap,
.main_support_wrap { padding: 70px 0 75px 0; background: #eef8fd; overflow: hidden; }
.main_data_view_wrap h2,
.main_service_wrap h2,
.main_support_wrap h2 { display: inline-block; position: relative; font-size: 40px; font-weight: 300; text-align: center; margin-bottom: 60px; }
.main_data_view_wrap h2:before,
.main_service_wrap h2:before,
.main_support_wrap h2:before { content: ""; position: absolute; right: -10px; bottom: 3px; width: 7px; height: 7px; background: #009fe9; border-radius: 100%; }
.main_data_view_wrap .center,
.main_service_wrap .center,
.main_support_wrap .center { text-align: center; }
.main_data_view_wrap .visualize_chart_wrap { margin-bottom: 0; }
.main_data_view_wrap .visualize_chart_item { margin-bottom: 0; }
.main_service_wrap { overflow: hidden; padding: 70px 0 75px 0; }
.slide_wrap li { transition: 400ms; }
.slide_wrap .thumbnail { height: 400px; width: 596px; }
.slide_wrap .thumbnail img { width: 100%; }
.slide_wrap .info { width: calc(100% - 596px); height: 400px; border: 1px solid #e0e0e0; text-align: left; padding: 88px 90px 0 70px; }
.slide_wrap .info .title { font-weight: 500; font-size: 28px; margin-bottom: 30px; }
.slide_wrap .info .desc { font-size: 17px; line-height: 28px; color: #666; }
.slide_wrap .info .more_view { color: #525252; background: none; padding: 0; font-size: 16px; width: 150px; height: 50px; border: 1px solid #8f8f8f; display: block; text-align: center; line-height: 48px; border-radius: 5px; margin-top: 40px; }
.main_service_wrap .center { position: relative; }
.main_service_wrap .swiper-button-next { right: 20px; top: auto; width: 60px; height: 60px; bottom: 0; margin-bottom: -30px; border: 1px solid #ddd; background: #fff; transition: 400ms; }
.main_service_wrap .swiper-button-prev:after { content: ""; width: 16px; height: 11px; background: url(/images/main/slide_prev.png)no-repeat center; transition: 400ms; }
.main_service_wrap .swiper-button-prev:hover { border: 1px solid #009fe9; }
.main_service_wrap .swiper-button-prev:hover:after { background: url(/images/main/slide_prev_on.png)no-repeat center; transition: 400ms; }
.main_service_wrap .swiper-button-prev { right: 80px; top: auto; left: auto; width: 60px; height: 60px; bottom: 0; margin-bottom: -30px; border: 1px solid #ddd; background: #fff; transition: 400ms; }
.main_service_wrap .swiper-button-next:after { content: ""; width: 16px; height: 11px; background: url(/images/main/slide_next.png)no-repeat center; transition: 400ms; }
.main_service_wrap .swiper-button-next:hover { border: 1px solid #009fe9; }
.main_service_wrap .swiper-button-next:hover:after { background: url(/images/main/slide_next_on.png)no-repeat center; }
.main_support_wrap .program { overflow: hidden; text-align: left; }
.main_support_wrap .position { margin-right: 20px; }
.main_support_wrap li:last-child .position { margin-left: 20px; margin-right: 0; }
.main_support_wrap .thumbnail img { width: 100%; }
.main_support_wrap .info { position: relative; margin-top: 35px; }
.main_support_wrap .info .title { font-size: 26px; font-weight: 500; margin-bottom: 12px; }
.main_support_wrap .info .desc { font-size: 17px; line-height: 26px; color: #555; white-space: pre-line; }
.main_support_wrap .info .more_view { position: absolute; background: none; right: 0; top: 0; padding: 0; margin-top: 0; }
.main_ect_wrap { overflow: hidden; padding: 75px 0 85px 0; }
.main_ect_list li { text-align: center; }
.main_ect_list li .position { position: relative; margin-right: 20px; padding: 55px 25px; border: 1px solid #d4d4d4; }
.main_ect_list .title { font-size: 22px; font-weight: 500; margin-bottom: 15px; padding-top: 72px; }
.main_ect_list .desc { font-size: 1rem; line-height: 26px; color: #666; word-break: keep-all; }
.main_ect_list .more_view { width: 45px; height: 45px; background: #009fe9; position: absolute; right: 0; top: 0; background-image: none; display: block; padding: 0; }
.main_ect_list .more_view img { margin-top: 10px; }
.main_ect_list .title.title_01 { background: url(/images/main/icon_main_ect_01.png) no-repeat center top; }
.main_ect_list .title.title_02 { background: url(/images/main/icon_main_ect_02.png) no-repeat center top; }
.main_ect_list .user_view { width: 100%; text-align: left; }
.main_ect_list .user_view .position { margin-right: 40px; padding: 40px 30px 30px; padding-left: 210px; min-height: 219px; background: url(/images/main/icon_user_view.png) no-repeat 50px center; }
.main_ect_list .user_view .title.title_01 { background: none; padding-top: 0; }
.main_ect_list .user_view .more_view { color: #009fe9; padding-bottom: 10px; border-bottom: 1px solid #009fe9; position: static; background: none; display: inline-block; width: auto; height: auto; font-size: 1rem; font-weight: 400; position: absolute; bottom: 35px; left: 210px; top: auto; right: auto; }
.main_dev_tit_wrap { padding: 5px 25px 25px; width: 135px; }
.main_dev_tit_wrap h2 { font-size: 22px; font-weight: 500; line-height: 34px; }
.main_dev_tit_wrap .morev_view { display: inline-block; color: #009fe9; padding-bottom: 10px; border-bottom: 1px solid #009fe9; position: absolute; bottom: 35px; left: 25px; }
.main_dev_list li { position: relative; font-size: 17px; line-height: 40px; padding-left: 12px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 90%; overflow: hidden; display: block; position: relative; }
.main_dev_list li:before { content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; background: #383838; }
.main_dev_list li a { color: #333; }
.main_dev_list { padding-left: 25px; width: calc(100% - 135px); }
.main_dev { position: relative; border-bottom: 1px solid #d4d4d4; border-top: 2px solid #222; padding: 28px 0; min-height: 219px; }
.admin_view { min-height: 299px; }
.alliance_list { margin-left: 144px; }
.alliance_list li { position: relative; float: left; width: 230px; height: 100px; border: 1px solid #dedede; margin-right: 28px; overflow: hidden; }
.alliance_list a { display: block; text-align: center; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; }
.alliance_list img { width: 100%; }
.alliance_wrap { position: relative; overflow: hidden; padding: 0 80px; }
.alliance_wrap .swiper-button-next { right: 0; top: 40%; width: 60px; height: 60px; border: 1px solid #ddd; background: #fff; transition: 400ms; }
.alliance_wrap .swiper-button-prev:after { content: ""; width: 16px; height: 11px; background: url(/images/main/slide_prev.png)no-repeat center; transition: 400ms; }
.alliance_wrap .swiper-button-prev:hover { border: 1px solid #009fe9; }
.alliance_wrap .swiper-button-prev:hover:after { background: url(/images/main/slide_prev_on.png)no-repeat center; transition: 400ms; }
.alliance_wrap .swiper-button-prev { top: 40%; left: 0; width: 60px; height: 60px; border: 1px solid #ddd; background: #fff; transition: 400ms; }
.alliance_wrap .swiper-button-next:after { content: ""; width: 16px; height: 11px; background: url(/images/main/slide_next.png)no-repeat center; transition: 400ms; }
.alliance_wrap .swiper-button-next:hover { border: 1px solid #009fe9; }
.alliance_wrap .swiper-button-next:hover:after { background: url(/images/main/slide_next_on.png)no-repeat center; }
.navi_step { overflow: hidden; text-align: center; width: 635px; margin: 0 auto; }
.navi_step li { display: inline-block; float: left; width: 33.33333%; }
.navi_step li dt { position: relative; width: 40px; height: 40px; border-radius: 100%; border: 2px solid #a1a1a1; text-align: center; line-height: 38px; color: #888; font-size: 18px; font-weight: 300; margin: 0 auto; background: #fff; }
.navi_step li dt:before { content: ""; position: absolute; right: -500%; top: 50%; height: 1px; width: 500%; border-top: 1px dashed #d2d2d2; z-index: -1; }
.navi_step li.on dt { background: #009fe9 url(/images/icon_singup_chk.png)no-repeat center; text-indent: -9999px; border-color: #009fe9; }
.navi_step li.on dt:before { content: ""; border-top: 1px solid #009fe9; }
.navi_step li dd { font-size: 18px; color: #888; font-weight: 500; padding-top: 10px; }
.navi_step li.on dd { color: #009fe9; }
.navi_step li:last-child dt:before { content: ""; position: absolute; right: -500%; top: 50%; height: 0; width: 0; border-top: 0; }
.singup_contents { clear: both; padding: 50px 55px; background: #f5f5f5; margin-top: 50px; }
.singup_contents h3 { text-align: center; font-size: 26px; font-weight: 500; padding-bottom: 20px; }
.singup_contents .nav { height: 300px; background: #fff; border: 1px solid #e2e2e2; overflow-y: scroll; padding: 30px; }
.singup_contents table { background: #fff; }
.singup_contents table th { border-top: 1px solid #dedede; height: 60px; vertical-align: middle; }
.singup_contents table td { text-align: left; height: 60px; padding: 0 20px; vertical-align: middle; }
.singup_contents table td .area_interest_field { padding: 0; margin-top: 10px; }
.singup_contents table td .area_interest_add .btn_add { padding: 0; margin: 10px 0; }
.singup_contents table td .margin_top { margin-top: 10px !important; }
.singup_contents table td .no_padding_left { padding-left: 0 !important; margin: 10px 0; display: block; }
.singup_contents .box { background: #fff; border:1px solid #e2e2e2; padding: 25px 30px; }

.required_info { text-align: right; color: #444; }
.required_info strong { color: #f81414; }
.singup_contents .required strong { color: #f81414; padding-left: 5px; }
.singup_contents .table_typeA input[type="text"],
.singup_contents .table_typeA input[type="password"] { width: 400px; height: 40px; border: 1px solid #bdbdbd; padding: 0 20px; }
.singup_contents .table_typeA td span { padding-left: 20px; color: #444; }
.singup_contents .table_typeA input[type="button"] { margin-left: 10px; color: #fff; width: 100px; height: 40px; background: #444444; }
.singup_contents .table_typeA select { width: 150px; height: 40px; line-height: 38px; background-position: 90%; margin-right: 5px; }
.singup_required .gender_input label { display: inline-block; width: 100px; height: 40px; border: 1px solid #ddd; font-size: 15px; text-align: center; line-height: 38px; color: #777; margin: 0; }
.gender label { width: 100px; height: 40px; border: 1px solid #009fe9; display: inline-block; text-align: center; line-height: 38px; margin-right: 10px; color: #009fe9; background: none !important; padding: 0 !important; }
.gender input[type=radio] + label:before { content: ""; background: none; width: 0; height: 0; margin: 0; }
.gender input[type=radio]:checked +label { border: 1px solid #009fe9; background: #009fe9 !important; color: #fff; }
.gender input[type=radio]:checked +label:before { content: ""; background: none; }
.singup_step_03 { border-top: 2px solid #222; border-bottom: 1px solid #dedede; padding: 100px 0; text-align: center; }
.singup_step_03 p { font-size: 18px; line-height: 26px; color: #444; }
.singup_step_03 p a { color: #009fe9; }
.singup_step_03 p.first_text { padding-top: 120px; font-size: 40px; color: #009fe9; margin-bottom: 30px; background: url(/images/icon_singup_bg.png) no-repeat center top; }

.popup_srch { display: none; width: 500px; background: #fff; z-index: 200; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.popup_srch .header { color: #fff; background: #009fe9; padding: 20px; font-weight: 500; font-size: 24px; }
.popup_srch .popup_nav { padding: 50px 30px; }
.popup_srch .popup_nav input[type="text"] { width: calc(100% - 170px); height: 40px; margin-right: 10px; font-size: 1rem; color: #444; }
.popup_srch .popup_search { width: 100px; height: 40px; font-size: 14px; }
.popup_search_result { font-size: 18px; font-weight: 500; padding-bottom: 10px; border-bottom: 2px solid #222; }
.popup_search_list li { padding: 10px 10px 10px 25px; color: #444; border-bottom: 1px solid #dedede; overflow: hidden; } /* // 2021.07.19 회원가입 기관검색 결과 */
.popup_search_list li label { line-height: 40px; }
.popup_srch .agency_sel_btn { width: 100px; height: 40px; background: #fff; color: #444; border: 1px solid #444; float: right; }
.popup_srch .sub_search_wrapper { padding-top: 0; padding-bottom: 30px; }
.popup_srch .no_search { text-align: center; color: #444; line-height: 26px; padding: 25px 0; margin-bottom: 31px; border-bottom: 1px solid #dedede; }
.popup_srch .basic_btn { font-size: 16px; }
.popup_srch .agency_add_wrap { overflow: hidden; margin-top: 30px; background: #f5f5f5; padding: 25px; width: 100%; }
.popup_srch .agency_add_wrap input[type="text"] { width: calc(100% - 110px); }
.popup_srch .agency_add_wrap .btn_search { width: 100px; height: 40px; }
.popup_srch .popup_search_result_wrap {height: 45vh; overflow: auto;} /* // 2021.07.19 회원가입 기관검색 결과 */

.popup_resi { display: none; width: 500px; background: #fff; z-index: 200; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.popup_resi .header { color: #fff; background: #009fe9; padding: 20px; font-weight: 500; font-size: 24px; }
.popup_resi .popup_nav { padding: 50px 30px; }
.popup_resi .resi_tt { display: block; text-align: center; color: #444; font-size: 16px; font-weight: 300; line-height: 1; }
.popup_resi .display_resi { width: 300px; height: 30px; display: block;margin: 40px auto 0; padding: 0 20px 10px; border-bottom: #000 solid 2px; color: #222; font-size: 16px; font-weight: 300; line-height: 1; }
.popup_resi .popup_nav .inputbox { width: 465px; height: 90px; margin-top: 27px; padding: 25px 30px; background: #f5f5f5; }
.popup_resi .popup_nav .inputbox input[type="text"] { width: 100%; height: 40px; font-size: 1rem; color: #444; padding: 0 20px; border: #bdbdbd solid 1px; }
.popup_resi .popup_nav .inputbox + .btn_center { margin-top: 30px; }


.edit_box { padding-top: 100px; width: 495px; margin: 0 auto; }
.edit_box label { text-align: left; display: inline-block; width: 95px; font-size: 18px; font-weight: 300; }
.edit_box .top { margin-bottom: 40px; }
.edit_box .bottom { margin-bottom: 30px; }
.edit_box .disabled { font-size: 18px; font-weight: 300; background: #fff; border: none; padding: 0; }
.edit_box .bottom input { width: calc(100% - 100px); height: 60px; border: 1px solid #bdbdbd; padding: 20px; font-size: 18px; font-weight: 300; color: #888; }
.edit_box .edit_btn { width: 100%; font-size: 1.375rem; font-weight: 500; }
.edit_contents.singup_contents { padding: 0; margin: 0; background: none; }
.edit_contents .disabled { font-size: 18px; font-weight: 300; background: #fff; border: none !important; padding: 0 !important; }
.singup_wrap .basic_btn { font-size: 1rem; }
.edit_contents .table_typeA td { position: relative; }
.edit_contents .table_typeA input[type="button"] { width: 130px; position: absolute; right: 0; }
.popup_pw { display: none; position: fixed; top: 50%; left: 50%; z-index: 200; background: #fff; width: 550px; transform: translate(-50%, -50%); }
.popup_pw .header { color: #fff; background: #009fe9; padding: 20px; font-weight: 500; font-size: 24px; }
.popup_pw .popup_nav { padding: 50px 30px; }
.popup_pw .popup_nav input[type="text"] { width: calc(100% - 170px); height: 40px; margin-right: 10px; font-size: 1rem; color: #444; }
.popup_pw .nav_edit { margin-bottom: 10px; }
.popup_pw .nav_edit label { display: inline-block; width: 118px; }
.popup_pw .nav_edit input { padding: 0 20px; border: 1px solid #bdbdbd; height: 40px; width: calc(100% - 122px); }
.popup_pw .align_center { margin-top: 40px; }
.popup_pw .align_center .basic_btn { font-size: 1rem; }
.popup_email { display: none; position: fixed; top: 50%; left: 50%; z-index: 200; background: #fff; width: 550px; transform: translate(-50%, -50%); }
.popup_email .header { color: #fff; background: #009fe9; padding: 20px; font-weight: 500; font-size: 24px; }
.popup_email .popup_nav { padding: 50px 30px; }
.popup_email input[type="button"] { background: #444; font-size: 14px; color: #fff; width: 100px; height: 40px; }
.popup_email .nav_edit label { display: inline-block; width: 118px; }
.popup_email .nav_edit input[type="text"] { padding: 0 20px; border: 1px solid #bdbdbd; height: 40px; width: calc(100% - 236px); margin-right: 10px; }
.popup_email .nav_edit p { font-size: 15px; color: #444; padding-left: 120px; padding-top: 10px; padding-bottom: 26px; }
.popup_email .align_center { margin-top: 50px; }
.popup_email .align_center input { font-size: 1rem; }
.popup_email .align_center .basic_btn { display: inline-block; width: 150px; height: 50px; text-align: center; line-height: 48px; border-radius: 5px; color: #fff; background: #009fe9; cursor: pointer; }
.use_case_wrap { overflow: hidden; }
.use_case_list > li { margin-bottom: 40px; }
.use_case_list .position { margin-right: 20px; border: 1px solid #d9d9d9; overflow: hidden; }
.use_case_list li:nth-child(2n) .position { margin-right: 0; margin-left: 20px; }
.use_case_wrap .use_case_list .position { margin-right: 0px; border: 1px solid #d9d9d9; overflow: hidden; }
.use_case_wrap .use_case_list li:nth-child(2n) .position { margin-right: 0; margin-left: 0px; }
.use_case_list .case_info .top { border-bottom: 1px solid #d9d9d9; padding: 30px 30px 32px 30px; }
.case_info_list { height: 60px; overflow: hidden; }
.use_case_list .case_info .bottom { padding: 30px 30px 25px 30px; }
.use_case_list .case_info .h3_title { font-size: 22px; font-weight: 500; margin-bottom: 15px; display: inline-block; text-overflow: ellipsis; line-height: 1.2; white-space: nowrap; word-wrap: normal; max-width: 95%; overflow: hidden; position: relative; }
.use_case_list .case_info .h3_title2 { font-size: 22px; font-weight: 500; margin-bottom: 15px; display: inline-block; position: relative; line-height: 1.2; }
.use_case_list .case_info .desc { font-weight: 300; line-height: 1.5; color: #444; height: 48px; font-size:16px; }
.use_case_list .case_info .desc2 { font-weight: 300; line-height: 1.5; color: #444; }
.use_case_list .case_info h4 { font-size: 18px; color: #009fe9; font-weight: 700; margin-bottom: 13px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 95%; overflow: hidden; position: relative; }
.use_case_list .case_info_list li { position: relative; line-height: 30px; font-weight: 300; padding-left: 15px; color: #666; display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 95%; overflow: hidden; position: relative; }
.case_info_list li:before { content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; border: 1px solid #222; border-radius: 100%; margin-top: -2px; }
.position > .case_thumbnail { position: relative; float: left; width: 600px; height: 400px; overflow: hidden; }
.case_thumbnail { position: relative; float: left; width: 280px; height: 302px; overflow: hidden; }
.case_thumbnail img { width: 100%; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; }
.position > .case_info { float: left; overflow: hidden; width: calc(100% - 600px); }
.case_info { float: left; overflow: hidden; width: calc(100% - 280px); }
.use_case_wrap.package .case_info_list { height: 94px;overflow: auto; }
.use_case_wrap.package .case_info .bottom { padding: 30px 0px 25px 30px; }
.use_case_wrap.package .case_info .desc { word-break: break-all; }
.use_case_wrap.package .case_thumbnail { background: #f4f4f4; }
.use_case_list.detail .position { margin-right: 0; }
.case_question h3 { position: relative; font-size: 20px; font-weight: 700; padding-left: 45px; margin-bottom: 20px; }
.case_question h3:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 25px; height: 3px; background: #222; }
.case_question_list { border-top: 1px solid #222; }
.case_question_list li { padding: 15px 40px; border-bottom: 1px solid #dedede; font-size: 17px; font-weight: 500; }
.case_question_list .date { display: inline-block; float: right; color: #555; }
.ready_contents { padding: 170px 50px 70px 50px; text-align: center; margin-bottom: 50px; background: #f5f5f5 url(/images/common/icon_custom_data.png) no-repeat center 25%; }
.ready_contents p { font-size: 18px; line-height: 26px; }
.uses_popup_body { display: none; padding: 40px 30px; width: 900px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 160; }
.uses_popup_body h2 { font-size: 25px; padding-bottom: 30px; font-weight: 700; border-bottom: 1px solid #ddd; }
.uses_popup_close { top: 40px; right: 30px; }
.uses_popup_close { width: 29px; height: 29px; background: url(/images/common/icon_popup_close.png)no-repeat; text-indent: -9999px; cursor: pointer; position: absolute; right: 25px; top: 25px; }
.uses_popup_body .sub_search_position { width: 100%; }
.uses_popup_body .sub_search_position input[type=text] { width: calc(100% - 90px); margin-right: 10px; }
.payment_wrap { overflow: hidden; padding-bottom: 35px; border-bottom: 1px solid #eaeaea; margin-top: -20px; }
.payment_wrap h3 { color: #333; font-size: 20px; font-weight: 500; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 30px; }
.payment_wrap_nav { overflow: hidden; position: relative; border: 1px solid #eaeaea; }
.payment_wrap_nav .left { position: absolute; left: 50px; top: 50%; transform: translate(0, -50%); }
.payment_wrap_nav .right { background: #f5f5f5; padding: 50px; width: 400px; }
.payment_list { overflow: hidden; }
.payment_list li { float: left; width: 200px; height: 170px; border: 1px solid #eaeaea; text-align: center; margin-right: 20px; background: url(/images/icon_radio_off.png) no-repeat center 85%; }
.payment_list li.on { background: url(/images/icon_radio_on.png) no-repeat center 85%; }
.payment_list span { color: #555; display: block; padding-top: 80px; }
.credit_card span { background: url(/images/common/icon_credit_card.png) no-repeat center 45%; }
.online_deposit span { background: url(/images/common/icon_online_deposit.png) no-repeat center 45%; }
.payment_result { text-align: right; }
.payment_result .methods_payment { font-weight: 700; margin-right: 5px; }
.payment_result .price { font-weight: 700; }
.payment_result dt { margin-bottom: 15px; font-size: 18px; color: #434343; }
.payment_result dd { margin-bottom: 50px; font-size: 30px; color: #009fe9; }
.buy_btn { color: #fff; font-weight: 500; width: 300px; height: 50px; display: inline-block; text-align: right; background: #009fe9; text-align: center; line-height: 50px; border-radius: 5px; }
.platform_Intro_top { position: relative; background: url(/images/common/bg_platform_Intro.png)no-repeat center; height: 300px; margin-top: 30px; margin-bottom: 85px; }
.platform_Intro_top .position { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; }
.platform_Intro_top p { color: #fff; text-align: center; font-size: 18px; font-weight: 300; line-height: 32px; }
.platform_Intro_top p strong { font-size: 22px; }
.platform_Intro_wrap h3 { font-size: 22px; color: #333; font-weight: 500; text-align: center; margin-bottom: 15px; }
.platform_Intro_wrap p { font-size: 15px; text-align: center; color: #777; }
.platform_Intro { margin-top: 70px; }
.platform_Intro .first { margin-top: 65px; }
.platform_Intro .last { margin-top: 20px; }
.platform_Intro .first li,
.platform_Intro .last li { position: relative; height: 80px; font-size: 20px; line-height: 24px; text-align: center; color: #fff; }
.platform_Intro .first li span,
.platform_Intro .last li span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.platform_Intro .first li:first-child { margin-bottom: 57px; background: #40bfb8; }
.platform_Intro .first li:last-child { background: #03b1c1; }
.platform_Intro .second { text-align: center; }
.platform_Intro .last li:first-child { margin-bottom: 30px; background: #009fe9; }
.platform_Intro .last li:nth-child(2) { margin-bottom: 30px; background: #108ad9; }
.platform_Intro .last li:last-child { background: #3165b7; }
.platform_Intro_desc { clear: both; }
.platform_Intro_desc h3 { margin-bottom: 24px; }
.platform_Intro_desc p { font-weight: 300; line-height: 28px; }
.platform_Intro_bottom { overflow: hidden; padding-top: 50px; padding-bottom: 100px; }
.platform_Intro_bottom li { float: left; padding-top: 160px; }
.platform_Intro_bottom li:nth-child(1) { background: url(/images/common/platform_01.png)no-repeat top; }
.platform_Intro_bottom li:nth-child(2) { background: url(/images/common/platform_02.png)no-repeat top; }
.platform_Intro_bottom li:nth-child(3) { background: url(/images/common/platform_03.png)no-repeat top; }
.platform_Intro_bottom li:nth-child(4) { background: url(/images/common/platform_04.png)no-repeat top; }
.platform_Intro_bottom li:nth-child(5) { background: url(/images/common/platform_05.png)no-repeat top; }
.platform_Intro_bottom li:nth-child(6) { background: url(/images/common/platform_06.png)no-repeat top; }
.platform_Intro_bottom p { line-height: 28px; font-weight: 300; color: #666; }
.data_has_wrap { position: relative; height: 510px; margin-top: 30px; border: 1px solid #e2e2e2; padding: 70px 20px; }
.data_has_wrap + h3,
.data_has_h3 { font-size: 24px; font-weight: 500; margin-bottom: 20px; }
.data_has_wrap ul,
.data_has_wrap_01 ul { display: table; width: 100%; }
.data_has_wrap li,
.data_has_wrap_01 li { text-align: center; display: table-cell; vertical-align: bottom; transition: 400ms; }
.data_has_wrap h3,
.data_has_wrap_01 h3 { padding-top: 50px; margin-top: 23px; font-size: 13px; line-height: 15px; font-weight: 500; }
.data_has_count { text-align: right; margin-top: 15px; margin-bottom: 70px; }
.data_has_wrap_01 h3 { padding-top: 0; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; height: 45px; }
#area_cate li.cate_02 h3, #area_cate li.cate_101 h3 { background: url(/images/icon_data_101_sm.png) no-repeat center top; background-size: 38px 37px; }
#area_cate li.cate_03 h3, #area_cate li.cate_102 h3 { background: url(/images/icon_data_102_sm.png) no-repeat center top; background-size: 38px 37px; }
#area_cate li.cate_04 h3, #area_cate li.cate_103 h3 { background: url(/images/icon_data_103_sm.png) no-repeat center top; background-size: 38px 37px; }
#area_cate li.cate_05 h3, #area_cate li.cate_104 h3 { background: url(/images/icon_data_104_sm.png) no-repeat center top; background-size: 38px 37px; }
#area_cate li.cate_06 h3, #area_cate li.cate_105 h3 { background: url(/images/icon_data_105_sm.png) no-repeat center top; background-size: 38px 37px; }
#area_cate li.cate_07 h3, #area_cate li.cate_106 h3 { background: url(/images/icon_data_106_sm.png) no-repeat center top; background-size: 38px 37px; }
#area_cate li.cate_08 h3, #area_cate li.cate_107 h3 { background: url(/images/icon_data_107_sm.png) no-repeat center top; background-size: 38px 37px; }
#area_cate li.cate_09 h3, #area_cate li.cate_108 h3 { background: url(/images/icon_data_108_sm.png) no-repeat center top; background-size: 38px 37px; }
#area_cate li.cate_10 h3, #area_cate li.cate_109 h3 { background: url(/images/icon_data_109_sm.png) no-repeat center top; background-size: 38px 37px; }
#area_cate li.cate_11 h3, #area_cate li.cate_110 h3 { background: url(/images/icon_data_110_sm.png) no-repeat center top; background-size: 38px 37px; }
#area_cate li.cate_12 h3, #area_cate li.cate_111 h3 { background: url(/images/icon_data_111_sm.png) no-repeat center top; background-size: 38px 37px; }
#area_cate li.cate_13 h3, #area_cate li.cate_112 h3 { background: url(/images/icon_data_112_sm.png) no-repeat center top; background-size: 38px 37px; }
#area_cate li.cate_14 h3, #area_cate li.cate_113 h3 { background: url(/images/icon_data_113_sm.png) no-repeat center top; background-size: 38px 37px; }
/*env-00482*/
#area_cate li.cate_15 h3, #area_cate li.cate_114 h3 { background: url(/images/icon_data_114_off.png) no-repeat center top; background-size: 38px 37px; }
.data_has_wrap p,
.data_has_wrap_01 p { position: relative; width: 40px; margin: 0 auto; }
.data_has_wrap p span,
.data_has_wrap_01 p span { display: block; position: absolute; bottom: 0; left: 0; width: 100%; }
.data_has_wrap li:nth-child(1) p span { background: #7cd9e2; }
.data_has_wrap li:nth-child(2) p span { background: #71d0e1; }
.data_has_wrap li:nth-child(3) p span { background: #69c6e0; }
.data_has_wrap li:nth-child(4) p span { background: #63bcdf; }
.data_has_wrap li:nth-child(5) p span { background: #60b3dd; }
.data_has_wrap li:nth-child(6) p span { background: #649fd3; }
.data_has_wrap li:nth-child(7) p span { background: #6496d3; }
.data_has_wrap li:nth-child(8) p span { background: #6489d3; }
.data_has_wrap li:nth-child(9) p span { background: #6784d3; }
.data_has_wrap li:nth-child(10) p span { background: #616aca; }
.data_has_wrap li:nth-child(11) p span { background: #7467d3; }
.data_has_wrap li:nth-child(12) p span { background: #7162be }
.data_has_wrap li:nth-child(13) p span { background: #8862be; }
.data_has_wrap li:nth-child(14) p span { background: #a562be; }
.data_has_wrap li:nth-child(15) p span { background: #ba62be; }
.data_has_wrap li:nth-child(16) p span { background: #be62a0; }
.data_has_wrap li:nth-child(17) p span { background: #be6283; }
.data_has_wrap li:nth-child(18) p span { background: #be6264; }
.data_has_wrap li:nth-child(19) p span { background: #be7462; }
.data_has_wrap li:nth-child(20) p span { background: #be8062; }

.data_has_wrap .count,
.data_has_wrap_01 .count { display: block; font-weight: 300; color: #555; margin-bottom: 20px; }
.data_has_wrap_01 { position: relative; padding: 70px 20px 10px 20px; border: 1px solid #e2e2e2; overflow: auto; }
.data_has_wrap_01 li:nth-child(1) p span { background: #7cd9e2; }
.data_has_wrap_01 li:nth-child(2) p span { background: #71d0e1; }
.data_has_wrap_01 li:nth-child(3) p span { background: #69c6e0; }
.data_has_wrap_01 li:nth-child(4) p span { background: #63bcdf; }
.data_has_wrap_01 li:nth-child(5) p span { background: #60b3dd; }
.data_has_wrap_01 li:nth-child(6) p span { background: #649fd3; }
.data_has_wrap_01 li:nth-child(7) p span { background: #6496d3; }
.data_has_wrap_01 li:nth-child(8) p span { background: #6489d3; }
.data_has_wrap_01 li:nth-child(9) p span { background: #6784d3; }
.data_has_wrap_01 li:nth-child(10) p span { background: #616aca; }
.data_has_wrap_01 li:nth-child(11) p span { background: #7467d3; }
.data_has_wrap_01 li:nth-child(12) p span { background: #7162be }
.data_has_wrap_01 li:nth-child(13) p span { background: #8862be; }
.data_has_wrap_01 li:nth-child(14) p span { background: #a562be; }
.data_has_wrap_01 li:nth-child(15) p span { background: #ba62be; }
.data_has_wrap_01 li:nth-child(16) p span { background: #be62a0; }
.data_has_wrap_01 li:nth-child(17) p span { background: #be6283; }
.data_has_wrap_01 li:nth-child(18) p span { background: #be6264; }
.data_has_wrap_01 li:nth-child(19) p span { background: #be7462; }
.data_has_wrap_01 li:nth-child(20) p span { background: #be8062; }
.service_wrap { padding-top: 30px; }
.service_top { position: relative; height: 350px; background: url(/images/common/service_bg_01.png)no-repeat center; transition: all 800ms; }
.service_top h3 { font-size: 30px; font-weight: 500; text-align: center; width: 1050px; background: #fff; margin: 0 auto; position: absolute; bottom: 0; left: 50%; padding-top: 50px; padding-bottom: 30px; margin-left: -525px; }
.service_wrap p { font-size: 18px; line-height: 28px; font-weight: 300; color: #555; text-align: center; }
.service_bottom { margin-top: 50px; overflow: hidden; }
.service_bottom dl { float: left; width: calc(100% / 5 - 20px); margin-right: 25px; border: 1px solid #009fe9; transition: all 800ms; }
.service_bottom dl:last-child { margin-right: 0; }
.service_bottom dt { background: #009fe9; color: #fff; text-align: center; line-height: 60px; font-weight: 500; }
.service_bottom dd { font-weight: 300; color: #666; text-align: center; line-height: 26px; padding: 10px; height: 150px; display: table; width: 100%; }
.service_bottom dd p { display: table-cell; vertical-align: middle; width: 100%; word-break: keep-all; letter-spacing: -1px; }
.service_bottom h4 { font-weight: 500; margin-bottom: 30px; font-size: 26px; }
/* 서비스 소개 */
.service_intro { position: relative; }
.service_intro:after { content:""; display: block; clear:both; }
.service_intro.platform { margin-bottom: 70px; }
.service_intro .left_intro { width: calc(47.04% + 48px); margin: 0 auto; background: #fff; border: 24px solid #000; border-bottom: 0; box-sizing: content-box; border-radius: 24px 24px 0 0; }
.service_intro .service_video-wrap { position: relative; width: 100%; }
.service_intro .service_video-wrap:before { content: ""; display: block; padding-top: 56.21%; }
.service_intro .service_video { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.service_intro .service_video:focus { border: 2px solid #1d94d2; }
.service_intro .right_intro { position: relative; background-color: #f6f6f6; padding: 70px 120px; text-align: center; }
.service_intro .right_intro .content { display: inline-block; font-size: 0; }
.service_intro .right_intro .title { display: inline-block; vertical-align: top; font-size: 30px; font-weight: 500; color: #222; padding-right: 90px; text-align: left; }
.service_intro .right_intro .desc { display: inline-block; max-width: calc(100% - 240px); word-break: keep-all; vertical-align: top; text-align: left; font-size: 18px; color: #555; line-height: 1.3; }
.mywater.service_top { background: url(/images/common/service_bg_02.png)no-repeat center; }
.mywater.service_bottom dl,
.leisure.service_bottom dl { width: calc(100% / 4 - 19px); }
.leisure.service_top { background: url(/images/common/service_bg_03.png)no-repeat center; }
.leisure2.service_top { background: url(/images/common/service_bg_08.png)no-repeat center; }
.airmap.service_top { background: url(/images/common/service_bg_04.png)no-repeat center; }
.eval.service_top { background: url(/images/common/service_bg_05.png)no-repeat center; }
.return.service_top { background: url(/images/common/service_bg_06.png)no-repeat center; }
.eval.service_bottom dl { width: calc(100% / 2 - 13px); }
.eval.service_bottom dd span { display: block; font-weight: 500; color: #222; margin-bottom: 15px; }
.service_wrap .service_btn { width: 180px; }
.studies.service_top { background: url(/images/common/studies_step01.png)no-repeat center; }
.studies.service_top p { background: #fff; width: 1050px; position: absolute; bottom: -30px; margin-left: -525px; left: 50%; padding-top: 50px; }
.complete_wrap { background: url(/images/common/icon_complete_wrap_data.png)no-repeat center top; padding-top: 170px; padding-bottom: 50px; }
.complete_wrap p { font-size: 30px; color: #009fe9; text-align: center; }
.governance_tab_top { position: relative; margin-top: 30px; height: 200px; }
.governance_tab_top.tab02 { background: url(/images/common/bg_governance_tab.png)no-repeat center; }
.governance_tab_top.tab03 { background: url(/images/common/bg_governance_tab1.png)no-repeat center; }
.governance_tab_top p { font-size: 20px; color: #fff; line-height: 30px; white-space: pre-line; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; }
.governance_nav_menu { margin-top: 50px; }
.governance_nav_menu_list { overflow: hidden; text-align: center; }
.governance_nav_menu_list li { display: inline-block; position: relative; padding: 0 25px; transition: all 400ms; }
.governance_nav_menu_list li:before { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; background: #dedede; margin-top: -7px; }
.governance_nav_menu_list li:last-child:before { content: ""; width: 0; }
.governance_nav_menu_list li a { padding-bottom: 5px; }
.governance_nav_menu_list li.on a { color: #009fe9; border-bottom: 1px solid #009fe9; display: inline-block; }
.map_wrap { width: 100%; height: 450px; }
.map_wrap .root_daum_roughmap { width: 100% !important; }
.map_come_wrap { overflow: hidden; background: #f7f7f7; border: 1px solid #e2e2e2; padding: 30px 50px; margin-bottom: 50px; }
.map_come_wrap dl { float: left; }
.map_come_wrap dt { position: relative; padding-right: 30px; margin-right: 20px; }
.map_come_wrap dt:before { content: ""; position: absolute; right: 0; top: 50%; height: 10px; width: 1px; background: #ddd; margin-top: -5px; }
.map_come_wrap dd { font-weight: 300; }
.map_info_wrap_top { clear: both; padding-left: 140px; }
.map_info_wrap_top li { font-weight: 500; font-size: 18px; padding-left: 14px; }
.map_info_wrap_top li:first-child { margin-bottom: 30px; }
.map_info_wrap_top li span { display: block; font-weight: 300; line-height: 26px; margin-top: 15px; color: #666; }
.map_info_wrap_top { margin-bottom: 90px; background: url(/images/map_info_01.png)no-repeat left top; }
.map_info_wrap_bottom { background: url(/images/map_info_02.png)no-repeat left top; }
.map_info_wrap_bottom { padding-left: 140px; }
.map_info_wrap_bottom li { line-height: 26px; font-weight: 300; color: #666; margin-bottom: 20px; padding-left: 14px; }
.map_info_wrap_bottom li strong { font-weight: 500; font-size: 18px; color: #222; }
#skip { position: relative; }
#skip a { position: absolute; left: 0; top: -35px; width: 140px; border: 1px solid #fff; color: #fff; background: #333; text-align: center; line-height: 30px; z-index: 11; }
#skip a:active,
#skip a:focus { top: 0; }
.singup_contents li,
.singup_contents p { line-height: 24px; font-weight: 300; }
.singup_contents h4 { font-size: 18px; font-weight: 500; margin-bottom: 30px; }
.privacy_table { margin-top: 10px; width: 100%; border: 1px solid #ddd; text-align: center; }
.privacy_table th,
.privacy_table td { padding: 10px; vertical-align: middle; border-right: 1px solid #ddd; line-height: 1.4; }
.privacy_table th { background: #f5f5f5; border-bottom: 1px solid #ddd; }
.privacy_wrap li,
.privacy_wrap p { line-height: 1.5; font-weight: 300; }
.board_wrapper { padding-top: 30px; }
/* env-00307 */
/* .page_location { position: absolute; right: 0; bottom: 0; text-align: right; font-size: 13px; padding: 10px; } */
.page_location { position: absolute; right: 0; bottom: 0; text-align: right; font-size: 13px; padding: 10px; margin-bottom: 0; line-height: 1; }
.page_location li { display: inline-block; float: left; position: relative; padding: 0 12px; font-weight: 300; }
.page_location li:after { content: ""; position: absolute; top: 50%; right: -3px; width: 5px; height: 7px; margin-top: -3px; background: url(/images/common/icon_home_arrow.png) no-repeat right; }
.page_location li:last-child:after { content: ""; position: absolute; background: none; }
.page_location li img { vertical-align: baseline; }

/* 활용사례 > 활용데이터(검색 리스트) */
.popup_scroll > ul { border: 1px solid #bcbcbc; }
.popup_scroll > ul > .uses_srch_list { padding: 10px 10px; border-bottom: 1px solid #bcbcbc; }
.popup_scroll > ul > .uses_srch_list:last-child { border-bottom: none; }
.popup_scroll > ul > .uses_srch_list .chkwrap { float: right; }
.uses_popup_body > .align_center > .btn_group > .basic_btn { margin: 25px 0; }

/*데이터 이용목적*/
.popup_use { display: none; position: fixed; top: 50%; left: 50%; z-index: 200; background: #fff; width: 700px; transform: translate(-50%, -50%) }
.popup_use .header { color: #fff; background: #009fe9; padding: 20px 30px; font-weight: 500; font-size: 24px; }
.popup_use .popup_nav { padding: 40px 30px; }
.popup_use .popup_nav .first { font-weight: 500; padding-bottom: 10px; }
.popup_use .popup_nav .last { color: #555; padding-top: 20px; }
.popup_use .popup_nav .select_box {margin: 20px 0; }
.popup_use .popup_nav .text_box,
.board_table_wapper .text_box { margin: 20px 0; }

.popup_use .popup_nav textarea,
.board_table_wapper textarea { height: 131px; width: 100%; border: 1px solid #bdbdbd; padding: 20px; font-size: 15px; color: #999; }
.popup_use .align_center .basic_btn { display: inline-block; width: 150px; height: 50px; text-align: center; line-height: 48px; border-radius: 5px; color: #fff; background: #009fe9; cursor: pointer; }

/*회원탈퇴*/
.leave_wrap { text-align: center; }
.leave_wrap dl { padding: 0 15px; line-height: 1.3; word-break: keep-all; }
.leave_wrap dt { font-size: 1.25rem; margin-bottom: 45px; }
.leave_wrap dd:first-of-type { font-size: 1rem; color: #009fe9; margin-bottom: 8px; }
.leave_wrap dd:last-of-type { font-size: 1rem; color: #434343; }
.leave_wrap .bg { margin-bottom: 30px; padding: 9.063rem 0 3.75rem 0; background: #f5f5f5 url(/images/common/icon_leave.png) no-repeat center 3.75rem; }

/* 지원프로그램 > 교육계획 > 상세페이지 : 신청자 인적사항 */
.info_title_wrap.student { display: none; }
.btn_certificate { display: inline-block; width: 15px; height: 15px; margin-left: 3px; background: url('../../images/common/icon_certificate.png') center center no-repeat; background-size: 15px 20px; vertical-align: middle; text-indent: -9999px; }
.btn_edu_regist { z-index: 1000; position: relative; }
.popup_certificate { display: none; position: fixed; top: 50%; left: 50%; z-index: 200; background: #fff; width: 550px; transform: translate(-50%, -50%); }
.popup_certificate .header { color: #fff; background: #009fe9; padding: 20px; font-weight: 500; font-size: 24px; }
.popup_certificate .popup_nav { padding: 50px 30px; }
.popup_certificate input[type="button"] { background: #444; font-size: 14px; color: #fff; width: 100px; height: 40px; }
.popup_certificate .nav_edit label { display: inline-block; width: 118px; }
.popup_certificate .nav_edit input[type="text"] { padding: 0 20px; border: 1px solid #bdbdbd; height: 40px; width: calc(100% - 236px); margin-right: 10px; }
.popup_certificate .nav_edit p { font-size: 15px; color: #444; padding-left: 120px; padding-top: 10px; padding-bottom: 26px; }
.popup_certificate .align_center { margin-top: 50px; }
.popup_certificate .align_center input { font-size: 1rem; }
.popup_certificate .align_center .basic_btn { display: inline-block; width: 150px; height: 50px; text-align: center; line-height: 48px; border-radius: 5px; color: #fff; background: #009fe9; cursor: pointer; }
.governance_info_detail.edu dd { font-weight: 200; line-height: 22px; }

/* 2차 */
.clear:after { content: ""; display: block; clear: both; }
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

/*header*/
#header { position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 135px; padding-top: 54px; z-index: 2020; }
#header .header-inner { max-width: 1830px; margin: 0 auto; padding: 0 15px; }
#header .logo { float: left; width: 178px; }
#header .logo img { max-width: 100%; }
#header .header-gnb { float: left; width: 65%; margin-left: 7.44444%; }
#header .header-gnb > ul > li { float: left; width: 16.66666%; text-align: center; }
#header .header-gnb > ul > li > a { display: block; font-weight: 500; font-size: 19px; color: #333; padding: 7px; }
#header .header-util { float: right; }
#header .header-util > li { float: left; margin-left: 40px; }
#header .header-util > li:first-child { margin-left: 0; }
#header .header-util > li > a { height: 29px; display: block; background-position: center; background-repeat: no-repeat; }
#header .header-util > li > a.logout { width: 21px; background-image: url(/images/icon_logout.png); }
#header .header-util > li > a.mypage { width: 23px; background-image: url(/images/icon_mypage.png); }
#header .header-util > li > a.menu { width: 36px; background-image: url(/images/icon_menu.png); }

/*footer*/
#footer .footer-inner { max-width: 1380px; margin: 0 auto; padding: 0 15px; position: relative; }
#footer .footer-bottom { position: relative; padding-bottom: 50px; padding-top: 45px; }
#footer .footer-bottom > * { display: inline-block; vertical-align: middle; }
#footer .footer-bottom .address { font-size: 16px; color: #444; padding-left: 45px; }
#footer .footer-bottom .address-list { padding-bottom: 10px; }
#footer .footer-bottom .address-list > li { display: inline-block; vertical-align: top; }
#footer .footer-bottom .k-water { }
#footer .footer-bottom .mark { position: absolute; right: 0; bottom: 50px; }
#footer .top-list { padding-top: 30px; }
#footer .top-list > li { display: inline-block; vertical-align: top; position: relative; padding: 0 20px; }
#footer .top-list > li:first-child { padding-left: 0; }
#footer .top-list > li:after { content: ""; display: block; width: 1px; height: 14px; background: #ddd; position: absolute; right: 0; top: 2px; }
#footer .top-list > li:last-child:after { display: none; }
#footer .top-list > li > a { font-size: 16px; color: #222; }
#footer .top-list > li.active > a { font-weight: 500; color: #12bbee; }
#footer .top-btn { width: 63px; height: 63px; display: none; position: fixed; right: 15%; background-color: #0360c4; bottom: 27%; background-repeat: no-repeat; background-position: center; background-image: url(/images/top_btn.png); z-index: 10; }

/*메인*/
/* 기존 소스 */
#contents .main-content1 { position:relative; padding-top: 135px; background: url(/images/visual/main-visual_01.jpg) no-repeat center top; background-size: cover; }
#contents .main-content1:before {content:"";display :block;position:absolute;bottom:0;left:0;width:100%;height: 125px;background :rgba(0,0,0,0.5);}
#contents .main-content1 .content-inner { position: relative; max-width: 1590px; margin: 0 auto; padding: 0 15px; }

/* 신규 소스 - ie 지원 안됨 */
#contents .main-content1 {
	transition: background-image 1.5s linear;
	-ms-transition: background-image 1.5s linear;
}

/* 신규 소스 - ie 지원
#contents .main-content1 { padding-top: 135px; position: relative; }
#contents .main-content1 .bx-viewport {margin-top: -135px; }
#contents .main-content1 .visual_slide {background: no-repeat center; background-size: cover; z-index: -1; }
#contents .main-content1 .visual_slide .slide {height: 573px; }
#contents .main-content1 .content-inner { position: absolute; top: 23.5%; left: 8.3%; max-width: 1590px; margin: 0 auto; padding: 0 15px; }
 */

#contents .main-content1 .content-inner { position: relative; max-width: 1590px; margin: 0 auto; padding: 0 15px; }
#contents .main-content1 .data-search { position: absolute; width: 27%; bottom: 0; right: 0; background-color: #0360c4; padding: 40px 38px; z-index: 9; }
#contents .main-content1 .data-search .title { font-weight: 200; font-size: 48px; color: #57d8ff; line-height: 1.1; margin-bottom: 25px; }
#contents .main-content1 .data-search .search-wrap { position: relative; }
#contents .main-content1 .data-search .input-search { background: transparent; width: 100%; border: 2px solid #fff; height: 60px; padding: 0 20px; padding-right: 60px; color: #fff; }
#contents .main-content1 .data-search .search-btn { position: absolute; right: 0; top: 0; color: transparent; height: 60px; width: 60px; background-color: transparent; background-image: url(/images/btn_search.png); background-repeat: no-repeat; background-position: center; cursor: pointer; }
#contents .main-content1 .data-search .tag-list { margin: 0 -5px; margin-top: 19px; overflow: hidden; max-height: 150px; }
#contents .main-content1 .data-search .tag-list .like { display: inline-block; vertical-align: top; width: 42px; height: 42px; background-color: #000; border-radius: 100%; margin: 5px 2px; background-image: url(/images/icon_like.png); background-repeat: no-repeat; background-position: center top 10px; }
#contents .main-content1 .data-search .tag-list a { display: inline-block; font-size: 16px; color: #fff; vertical-align: top; padding: 11px 15px; border: 1px solid #fff; border-radius: 100px; margin: 5px 2px; max-width: calc(100% - 54px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#contents .main-content1 .data-search .tag-list a:before { content: "#"; }
#contents .main-content1 .data-search .tag-list a:hover,
#contents .main-content1 .data-search .tag-list a:focus { background-color: #4dd6ff; color: #000; border: 1px solid transparent; }
#contents .main-content1 .top-data-list-area { padding-top: 28px; }
#contents .main-content1 .top-data-list-area .cate-list { float: left; width: 155px; }
#contents .main-content1 .top-data-list-area .cate-list > li { border-top: 1px solid #5ad0f3; }
#contents .main-content1 .top-data-list-area .cate-list > li:first-child { border-top: 0; }
#contents .main-content1 .top-data-list-area .cate-list > li > a { position: relative; display: block; height: 64px; line-height: 64px; padding: 0 20px; background-color: #12bbee; color: #fff; font-size: 20px; letter-spacing: -0.05em; }
#contents .main-content1 .top-data-list-area .cate-list > li.active > a { background-color: #0360c4; }
#contents .main-content1 .top-data-list-area .cate-list > li.active > a:after { content: ""; position: absolute; right: -34px; top: 0; border-top: 32px solid transparent; border-bottom: 32px solid transparent; border-left: 35px solid #0360c4; z-index: 2; }
#contents .main-content1 .top-data-list-area .top-data-list { float: left; margin-left: 20px; width: 63%; height: 220px; }
#contents .main-content1 .top-data-list-area .top-data-list ul { font-size: 0; white-space: nowrap; }
#contents .main-content1 .top-data-list-area .top-data-list ul > li { display: inline-block; width: 33.3%; height: 189px; margin-right: 20px; background: #fff; box-shadow: 0px 5px 14px 0px rgba(109, 109, 109, 0.4); white-space: normal; }
#contents .main-content1 .top-data-list-area .top-data-list ul > li > a { position: relative; display: block; height: 100%; padding: 8.4375% 9.375%; background-repeat: no-repeat; background-position: left bottom; }
#contents .main-content1 .top-data-list-area .top-data-list ul > li:nth-child(4n+1) > a { background-image: url(/images/bg_data01.png); }
#contents .main-content1 .top-data-list-area .top-data-list ul > li:nth-child(4n+2) > a { background-image: url(/images/bg_data02.png); }
#contents .main-content1 .top-data-list-area .top-data-list ul > li:nth-child(4n+3) > a { background-image: url(/images/bg_data03.png); }
#contents .main-content1 .top-data-list-area .top-data-list ul > li:nth-child(4n+4) > a { background-image: url(/images/bg_data04.png); }
#contents .main-content1 .top-data-list-area .top-data-list .cate { display: block; font-weight: 500; font-size: 16px; color: #0360c4; margin-bottom: 15px; }
#contents .main-content1 .top-data-list-area .top-data-list .data-name { font-weight: 500; font-size: 22px; color: #333; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; }
#contents .main-content1 .top-data-list-area .top-data-list .provider { display: block; font-size: 14px; color: #474747; margin-top: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#contents .main-content1 .top-data-list-area .top-data-list .info { position: absolute; right: 30px; bottom: 27px; }
#contents .main-content1 .top-data-list-area .top-data-list .info span { display: inline-block; min-width: 22px; font-size: 14px; color: #474747; padding-top: 33px; background-repeat: no-repeat; background-position: center top; text-align: center; vertical-align: top; }
#contents .main-content1 .top-data-list-area .top-data-list .info span + span { margin-left: 25px; }
#contents .main-content1 .top-data-list-area .top-data-list .info .type { background-image: url(/images/icon_price.png); }
#contents .main-content1 .top-data-list-area .top-data-list .info .download { background-image: url(/images/icon_download2.png); }
#contents .main-content1 .top-data-list-area .swiper-container-horizontal > .swiper-pagination-progressbar { top: auto; bottom: 7px; height: 2px; right: 130px; width: auto; }
#contents .main-content1 .top-data-list-area .swiper-pagination-progressbar { background: #fff; }
#contents .main-content1 .top-data-list-area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #12bbee; }
#contents .main-content1 .top-data-list-area .swiper-control1 { position: absolute; right: 25px; bottom: 0; }
#contents .main-content1 .top-data-list-area .swiper-control1 .btn { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: middle; width: 19px; height: 19px; background-repeat: no-repeat; background-position: center; margin: 0 5px; }
#contents .main-content1 .top-data-list-area .swiper-control1 .btn.prev { background-image: url(/images/btn_prev3.png); }
#contents .main-content1 .top-data-list-area .swiper-control1 .btn.stop { background-image: url(/images/btn_stop3.png); }
#contents .main-content1 .top-data-list-area .swiper-control1 .btn.next { background-image: url(/images/btn_next3.png); }
#contents .main-content1 .data-list { width: 73.07692%; margin-top: 30px; padding-bottom: 30px; }
/* 2021.07.22 수정 */
#contents .main-content1 .data-list > li { float: left; width: 8.3%; text-align: center; }
/* // 2021.07.22 수정 */
#contents .main-content1 .data-list .name { font-size: 16px; color: #fff; margin-bottom: 10px; }
#contents .main-content1 .data-list .name .icon { display: block; width: 72%; height: 0; padding-top: 72%; background-color: #fff; border-radius: 100%; margin: 0 auto; margin-bottom: 10px; background-repeat: no-repeat; background-position: center; }
#contents .main-content1 .data-list .cnt { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 30px; color: #fff; }
#contents .main-content2 .item1-area { float: left; width: 29%; min-height: 610px; background-color: #60d6ff; padding: 50px; }
#contents .main-content2 .item1-area .content-inner { padding-left: 21.08108%; }
#contents .main-content2 .item1-area .title { font-weight: 500; font-size: 24px; color: #333; }
#contents .main-content2 .item1-area .title b { font-weight: bold; }
#contents .main-content2 .item1-area .title .top5 { font-family: 'Montserrat', sans-serif; display: block; color: #fff; font-weight: 800; margin-top: 7px; }
#contents .main-content2 .item1-area .rank-list { margin-top: 30px; }
#contents .main-content2 .item1-area .rank-list > li { margin-bottom: -3px; }
#contents .main-content2 .item1-area .rank-list > li > a { position: relative; display: block; padding: 12px; background-color: transparent; border: 2px solid transparent; white-space: nowrap; }
#contents .main-content2 .item1-area .rank-list > li > a * { display: inline-block; vertical-align: middle; }
#contents .main-content2 .item1-area .rank-list > li.active > a,
#contents .main-content2 .item1-area .rank-list > li > a:hover,
#contents .main-content2 .item1-area .rank-list > li > a:focus { background-color: #fff; border: 2px solid #17a7d2; }
#contents .main-content2 .item1-area .rank-list > li > a:after { content: ""; border-bottom: 1px solid #c2f1ff; display: block; position: absolute; bottom: 0; left: 0; width: 100%; }
#contents .main-content2 .item1-area .rank-list > li:last-child > a:after { border-bottom: 0; }
#contents .main-content2 .item1-area .rank-list .rank { width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 5px; color: #fff; font-size: 20px; margin-right: 15px; }
#contents .main-content2 .item1-area .rank-list .rank * { line-height: 1; }
#contents .main-content2 .item1-area .rank-list .rank1 { background-color: #01947a; }
#contents .main-content2 .item1-area .rank-list .rank2 { background-color: #1caa9b; }
#contents .main-content2 .item1-area .rank-list .rank3 { background-color: #1caa69; }
#contents .main-content2 .item1-area .rank-list .rank4 { background-color: #5eb93a; }
#contents .main-content2 .item1-area .rank-list .rank5 { background-color: #afc248; }
#contents .main-content2 .item1-area .rank-list .rank .num { font-family: 'Montserrat', sans-serif; font-weight: 800; }
#contents .main-content2 .item1-area .rank-list .keyword { font-weight: bold; font-size: 20px; color: #333; max-width: calc(100% - 80px); text-overflow: ellipsis; overflow: hidden; position: relative; }
#contents .main-content2 .item1-area .rank-list .cnt * { line-height: 1; }
#contents .main-content2 .item2-area { float: left; width: 38%; min-height: 610px; background-color: #a7eaff; padding: 50px; }
#contents .main-content2 .item2-area .title { font-weight: 500; font-size: 24px; color: #333; }
#contents .main-content2 .item2-area .title b { font-weight: bold; }
#contents .main-content2 .item2-area .chart-area { height: 465px; margin-top: 20px; /* background: url(/images/bg2.png) no-repeat center; */ background-size: contain; }
#contents .main-content2 .item3-area { position: relative; display: block; float: left; width: 33%; min-height: 610px; padding: 50px; background-image: url(/images/bg_map_link.png); background-repeat: no-repeat; background-position: center; background-size: cover; }
#contents .main-content2 .item3-area .title { position: relative; font-weight: 500; font-size: 24px; color: #333; z-index: 2; }
#contents .main-content2 .item3-area .title b { font-weight: bold; }
#contents .main-content2 .item3-area .map-img-wrap { display: table; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; }
#contents .main-content2 .item3-area .map-center { display: table-cell; text-align: center; vertical-align: middle; position: relative; }
#contents .main-content2 .item3-area .map { position: relative; display: inline-block; background: url(/images/map.png) no-repeat center; width: 369px; height: 565px; background-size: contain; }
#contents .main-content2 .item3-area .map .place { position: absolute; width: 17.33%; height: 12.1%; display: table; background-size: contain; background-repeat: no-repeat; background-position: center; }
#contents .main-content2 .item3-area .map .place .item { display: table-cell; text-align: center; vertical-align: middle; }
#contents .main-content2 .item3-area .map .place .place-issue { display: block; font-weight: 500; font-size: 12px; color: #fff; }
#contents .main-content2 .item3-area .map .place .place-name { font-weight: 500; font-size: 10px; color: #fff; opacity: 0.6; display: block; padding-top: 8px; }
#contents .main-content2 .item3-area .map .place.place1 { left: 50.26%; top: 8.26%; background-image: url(/images/place_bg1.png); }

/* 강원 */
#contents .main-content2 .item3-area .map .place.place2 { left: 26.69%; top: 22.06%; background-image: url(/images/place_bg3.png); }

/* 경기 */
#contents .main-content2 .item3-area .map .place.place3 { left: 40.21%; top: 57.69%; background-image: url(/images/place_bg2.png); }

/* 경남 */
#contents .main-content2 .item3-area .map .place.place4 { left: 57.19%; top: 37.44%; background-image: url(/images/place_bg2.png); }

/* 경북 */
#contents .main-content2 .item3-area .map .place.place5 { left: 17.85%; top: 61.76%; background-image: url(/images/place_bg3.png); }

/* 광주 */
#contents .main-content2 .item3-area .map .place.place6 { left: 48.87%; top: 47.62%; background-image: url(/images/place_bg4.png); }

/* 대구 */
#contents .main-content2 .item3-area .map .place.place7 { left: 26.86%; top: 41.86%; background-image: url(/images/place_bg3.png); }

/* 대전 */
#contents .main-content2 .item3-area .map .place.place8 { left: 57.02%; top: 64.03%; background-image: url(/images/place_bg3.png); }

/* 부산 */
#contents .main-content2 .item3-area .map .place.place9 { left: 19.24%; top: 11.54%; background-image: url(/images/place_bg2.png); }

/* 서울 */
#contents .main-content2 .item3-area .map .place.place10 { left: 17.85%; top: 32.01%; background-image: url(/images/place_bg1.png); }

/* 세종 */
#contents .main-content2 .item3-area .map .place.place11 { left: 65.51%; top: 53.85%; background-image: url(/images/place_bg1.png); }

/* 울산 */
#contents .main-content2 .item3-area .map .place.place12 { left: 1.39%; top: 14.37%; background-image: url(/images/place_bg1.png); }

/* 인천 */
#contents .main-content2 .item3-area .map .place.place13 { left: 6.24%; top: 70.7%; background-image: url(/images/place_bg1.png); }

/* 전남 */
#contents .main-content2 .item3-area .map .place.place14 { left: 13.52%; top: 50.23%; background-image: url(/images/place_bg4.png); }

/* 전북 */
#contents .main-content2 .item3-area .map .place.place15 { left: 8.84%; top: 87.9%; background-image: url(/images/place_bg3.png); }

/* 제주 */
#contents .main-content2 .item3-area .map .place.place16 { left: 0; top: 34.5%; background-image: url(/images/place_bg2.png); }

/* 충남 */
#contents .main-content2 .item3-area .map .place.place17 { left: 35.7%; top: 31.9%; background-image: url(/images/place_bg4.png); }

/* 충북 */
#contents .main-content3 { padding: 100px 0; background: #fff; }
#contents .main-content3 .content-inner { max-width: 1380px; margin: 0 auto; padding: 0 15px; }
#contents .main-content3 .item1-area { float: left; width: 260px; height: 391px; }
#contents .main-content3 .item1-area a { display: block; height: 100%; }
#contents .main-content3 .item1-area img { max-width: 100%; }
#contents .main-content3 .item2-area { float: left; width: 550px; margin-left: 30px; margin-right: 35px; }
#contents .main-content3 .item2-area .service-list { }
#contents .main-content3 .item2-area .service-list > li { margin-top: -1px; }
#contents .main-content3 .item2-area .service-list > li:first-child { margin-top: 0; }
#contents .main-content3 .item2-area .service-list > li > a { position: relative; display: block; border: 1px solid #e2e2e2; padding: 16px 35px; height: 131px; font-size: 0; }
#contents .main-content3 .item2-area .service-list > li > a:hover:after,
#contents .main-content3 .item2-area .service-list > li > a:focus:after { content: ""; position: absolute; display: block; left: -1px; right: 0; top: 0px; bottom: 0; width: calc(100% + 2px); height: 100%; box-sizing: border-box; border: 3px solid #12bbee; background-image: url(/images/icon_arrow.png); background-repeat: no-repeat; background-position: right 25px bottom 28px; }
#contents .main-content3 .item2-area .service-list .num { font-family: Verdana, Geneva, sans-serif; font-size: 18px; color: #12bbee; display: inline-block; vertical-align: top; margin-bottom: 8px; }
#contents .main-content3 .item2-area .service-list .cate { font-weight: 500; font-size: 32px; color: #393939; display: block; }
#contents .main-content3 .item2-area .service-list .info { display: inline-block; vertical-align: middle; width: 36%; }
#contents .main-content3 .item2-area .service-list .desc { display: inline-block; font-weight: 500; font-size: 16px; color: #747474; width: 64%; padding-top: 10px; vertical-align: middle; line-height: 1.6; letter-spacing: -0.025em; }
#contents .main-content3 .item3-area { float: left; width: 475px; height: 391px; }
#contents .main-content3 .item3-area .pop-banner-list { }
#contents .main-content3 .item3-area .pop-banner-list > li { height: 346px; }
#contents .main-content3 .item3-area .pop-banner-list > li > a { }
#contents .main-content3 .item3-area .pop-banner-list > li > a img { max-width: 100%; }
#contents .main-content3 .item3-area .pop-banner-list > li.swiper-slide img { max-width: 100%; }
#contents .main-content3 .item3-area .pop-banner-area { height: 100%; }
#contents .main-content3 .item3-area .pop-paging { display: table; width: 76%; bottom: 8px; position: absolute; }
#contents .main-content3 .item3-area .pop-paging span { display: table-cell; border-radius: 0; height: 2px; background-color: #ccc; opacity: 1; }
#contents .main-content3 .item3-area .pop-paging span.swiper-pagination-bullet-active { background-color: #000; }
#contents .main-content3 .item3-area .pop-banner-area .slide-btn { position: absolute; right: 9px; bottom: 0; z-index: 1; }
#contents .main-content3 .item3-area .pop-banner-area .slide-btn a { width: 20px; height: 20px; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: center; margin: 0 3px; }
#contents .main-content3 .item3-area .pop-banner-area .slide-btn .btn-next { background-image: url(/images/btn_next2.png); }
#contents .main-content3 .item3-area .pop-banner-area .slide-btn .btn-prev { background-image: url(/images/btn_prev2.png); }
#contents .main-content3 .item3-area .pop-banner-area .slide-btn .btn-stop { background-image: url(/images/btn_stop2.png); }
#contents .main-content4 { position: relative; min-height: 270px; }
#contents .main-content4:before { content: ""; display: block; width: 100%; position: absolute; left: 0; top: 0; right: 0; height: 270px; background-color: #0095ea; z-index: -1; }
#contents .main-content4:after { display: block; width: 8%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color: #fff; }
#contents .main-content4 .content-inner { max-width: 1380px; margin: 0 auto; padding: 0 15px; padding-bottom: 6.3%; }
#contents .main-content4 .title-wrap { float: left; }
#contents .main-content4 .title { display: inline-block; font-weight: 500; font-size: 40px; color: #fff; line-height: 1.2; background-image: url(/images/icon_more.png); background-repeat: no-repeat; padding-right: 88px; padding-bottom: 50px; background-position: right bottom; padding-top: 95px; margin-bottom: 29px; }
#contents .main-content4 .desc { font-weight: 500; font-size: 18px; color: #0090d3; padding-top: 35px; line-height: 1.6; }
#contents .main-content4 .report-slider-area { position: absolute; padding-top: 95px; width: 60%; right: 0; }
#contents .main-content4 .report-slider-area .swiper-container { z-index: auto; height: 100%; }
#contents .main-content4 .report-slider-area .swiper-wrapper { z-index: auto; }
#contents .main-content4 .report-slider-area .swiper-slide { width: 33.3%; margin-right: 5%; }
#contents .main-content4 .report-slider-area .swiper-slide .thumb { box-shadow: 3px 4px 10px 0px rgba(153, 153, 153, 0.75); background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 93%; }
#contents .main-content4 .report-slider-area .swiper-slide .thumb img { display: none; }
#contents .main-content4 .report-slider-area .swiper-slide .slide-title { text-align: center; color: #333; font-size: 22px; height: 85px; line-height: 85px; border-bottom: 3px solid #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 15px; }
#contents .main-content4 .report-slider-area .sld_pagination { position: absolute; bottom: 15px; left: -210px; }
#contents .main-content4 .report-slider-area .sld_pagination .btn_sld_prev { display: inline-block; vertical-align: top; width: 28px; height: 53px; background-image: url(/images/slide_prev.png); margin-right: 20px; cursor: pointer; }
#contents .main-content4 .report-slider-area .sld_pagination .btn_sld_stop { display: inline-block; vertical-align: top; width: 28px; height: 53px; background-image: url(/images/slide_stop.png); margin-right: 20px; cursor: pointer; }
#contents .main-content4 .report-slider-area .sld_pagination .btn_sld_next { display: inline-block; vertical-align: top; width: 28px; height: 53px; background-image: url(/images/slide_next.png); cursor: pointer; }
#contents .footer-banner { padding: 30px 15px 0 15px; width: 100%; max-width: 1380px; margin: 0 auto; }
#contents .footer-banner .footer-inner {display:flex; align-items: center; max-width: 1350px; margin: 0 auto; padding: 0px 40px; position: relative; background-color: #ffffff; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; justify-content: space-between;}
#contents .footer-banner .footer-banner-area {height: 80px; width: 76%; margin: 0;}
#contents .footer-banner .footer-banner-list { }
#contents .footer-banner .footer-banner-list > li { line-height: 80px; text-align: center; width: 20%; margin-right: 20px; }
#contents .footer-banner .footer-banner-list > li img { vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; }

#contents .footer-banner .slide-btn { position: absolute; right: 119px; top: 50%; margin-top: -11px; z-index: 1; }
#contents .footer-banner .slide-btn a { display: inline-block; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; }
#contents .footer-banner .slide-btn a.btn-next { background-image: url(/images/btn_next.png); }
#contents .footer-banner .slide-btn a.btn-prev { background-image: url(/images/btn_prev.png); margin-right: 25px; }
#contents .footer-banner .slide-btn a.btn-stop { background-image: url(/images/btn_stop.png); margin-right: 25px; }

#contents .footer-banner .footer-slide-btn a { display: inline-block; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; }
#contents .footer-banner .footer-slide-btn a.btn-next { background-image: url(/images/btn_next.png); }
#contents .footer-banner .footer-slide-btn a.btn-prev { background-image: url(/images/btn_prev.png); margin-right: 25px; }
#contents .footer-banner .footer-slide-btn a.btn-stop { background-image: url(/images/btn_stop.png); margin-right: 25px; }

#contents .footer-banner .footer-banner-title .title { font-size: 30px; color: #166cc8; line-height: 1.2; letter-spacing: -0.5px; font-weight: 500; }

.footer-banner-title {padding: 0;}

/*서브*/
.sub-page { padding-top: 135px; }

/* 데이터 마켓 */
#datamarket_detail { word-break: break-all; }
#datamarket_detail .sns-list-area { margin-top: 45px; }
#datamarket_detail .sns-list-area:after { content:""; display: block; clear:both; }
#datamarket_detail .sns-list { float: right; }
#datamarket_detail .sns-list > a { display: inline-block; vertical-align: middle; margin-right: 7px; border-radius: 100px; }
#datamarket_detail .sns-list > a:last-child { margin-right: 0; }
#datamarket_detail .sns-list > a span { font-size: 0; }
#datamarket_detail .sns-list .facebook { width: 40px; height: 40px; background: url(/images/common/icon_facebook.png) no-repeat center; }
/*
 * env-00404
 * 2024-01-24
 * 공유하기 버튼 수정
 */
#datamarket_detail .sns-list .twitter { width: 40px; height: 40px; background: url(/images/common/icon_x.png) no-repeat center; }
#datamarket_detail .sns-list .kakao { width: 40px; height: 40px; background: url(/images/common/icon_kakao.png) no-repeat center; }
#datamarket_detail .sns-list .url { height: 40px; line-height: 40px; background: #e2e2e2; padding: 0 19px; font-size: 16px; }
#datamarket_detail .title-wrap { position: relative; margin-bottom: 20px; padding-top: 48px; }
#datamarket_detail .title-wrap .cate { display: inline-block; vertical-align: top; font-weight: 500; font-size: 16px; border: 1px solid #01947a; color: #01947a; padding: 7px 21px; margin-bottom: 12px; }
#datamarket_detail .title-wrap .title { font-size: 32px; color: #333; font-weight: 500; padding-right: 290px; }
#datamarket_detail .title-wrap .info-list1 { margin-top: 20px; margin-bottom: 25px; }
#datamarket_detail .title-wrap .info-list1 > li { display: inline-block; vertical-align: top; font-size: 16px; color: #666; }
#datamarket_detail .title-wrap .info-list1 .info-name { min-width: 150px; padding-right: 10px; }
#datamarket_detail .title-wrap .info-list1 .info-name span { background: url(/images/common/icon_company.png) no-repeat left 4px center; padding-left: 30px; }
#datamarket_detail .title-wrap .info-list1 .info-mail { padding-left: 33px; margin-right: 30px; background: url(/images/common/icon_mail.png) no-repeat left center; }
#datamarket_detail .title-wrap .info-list1 .info-call { padding-left: 33px; background: url(/images/common/icon_call.png) no-repeat left center; }
#datamarket_detail .title-wrap .info-list2 { float: left; padding-top: 10px; }
#datamarket_detail .title-wrap .info-list2 > li { display: inline-block; vertical-align: top; padding: 5px 0; padding-left: 40px; font-size: 16px; color: #666; }
#datamarket_detail .title-wrap .info-list2 > li.view { background: url(/images/common/icon_view.png) no-repeat left center; }
#datamarket_detail .title-wrap .info-list2 > li.down { background: url(/images/common/icon_down.png) no-repeat left center; }
#datamarket_detail .title-wrap .info-list2 > li:after { content:""; display: inline-block; vertical-align: top; width: 1px; height: 12px; margin: 0 20px; margin-top: 4px; background: #ddd; }
#datamarket_detail .title-wrap .info-list2 > li:last-child:after { display: none; }
#datamarket_detail .title-wrap .info-list2 .val { color: #333; }
#datamarket_detail .title-wrap .info-area:after { content:""; display: block; clear:both; }
#datamarket_detail .title-wrap .btn-like { display: block; position: absolute; right: 0; top: 48px; width: 170px; height: 55px; border: 2px solid #666; text-align: center; }
#datamarket_detail .title-wrap .btn-like:hover { animation: favme-hover .3s infinite alternate; box-shadow: 0 0 5px 1px rgba(0,103,231,0.15); border-color: #0067e7; color: #0067e7; }
#datamarket_detail .title-wrap .btn-like span { display: inline-block; vertical-align: top; padding-left: 37px; line-height: 51px; background-image: url(/images/common/btn_waterdrop.png); background-repeat: no-repeat; background-position: left center; font-size: 16px; }
#datamarket_detail .title-wrap .btn-like:hover span { background-image: url(/images/common/btn_waterdrop_active.png); }
#datamarket_detail .title-wrap .btn-like.active span { background-image: url(/images/common/btn_waterdrop_active.png); }
#datamarket_detail .detail_info { position: relative; }
#datamarket_detail .detail_info .btn-more-view-area { padding: 30px 0; text-align: center; }
#datamarket_detail .detail_info .btn-more-view { display: inline-block; color: #666; font-size: 16px; background: url(/images/common/icon_up.png) no-repeat right top 5px; padding-right: 33px; }
#datamarket_detail .detail_info .btn-more-view:hover { color: #0067e7; }
#datamarket_detail .detail_info .btn-more-view.on { background-image: url(/images/common/icon_down4.png); }
#datamarket_detail .detail_info .btn-more-view span { display: inline-block; border-bottom: 1px solid #777; padding-bottom: 10px; }
#datamarket_detail .detail_info .btn-more-view:hover span { border-color: #0067e7; }
#datamarket_detail .detail_info_top { padding-right: 90px; }
#datamarket_detail .detail_info_table {  }
#datamarket_detail .detail_info_table .table_responsive { overflow: auto; }
#datamarket_detail .detail_info_table .guide-box { position: absolute; display: inline-block; width: 100%; min-width: 300px; top: 2px; left: 65px; vertical-align: top; }
#datamarket_detail .detail_info_table .guide-btn { position: relative; display: inline-block; vertical-align: top; width: 22px; height: 22px; background: url(/images/common/icon_info.png) no-repeat center; cursor: pointer; margin-top: 17px; margin-right: 10px; }
#datamarket_detail .detail_info_table .guide-desc { display: none; position: relative; max-width: calc(100% - 36px); background: #333; color: #fff; padding: 15px 20px; padding-right: 70px; border-radius: 5px; vertical-align: top; z-index: 1; }
#datamarket_detail .detail_info_table .guide-desc.on { display: inline-block; }
#datamarket_detail .detail_info_table .guide-desc-close { font-size: 0; position: absolute; right: 25px; top: 20px; width: 16px; height: 16px; background: url(/images/common/icon_popup_close_w.png) no-repeat center; }
#datamarket_detail .detail_score { float: right; }
#datamarket_detail .detail_info_score { display: table; width: 100%; }
#datamarket_detail .detail_info_score dt { width: 120px; display: table-cell; font-weight: 500; font-size: 18px; color: #555; vertical-align: middle; }
#datamarket_detail .detail_info_score dd { position: relative; display: table-cell; vertical-align: middle; padding-left: 30px; font-size: 0; }
#datamarket_detail .score_img { display: inline-block; vertical-align: middle; padding-right: 30px; }
#datamarket_detail .score_img .rating_score { position: relative; display: inline-block; vertical-align: middle; width: 106px; height: 24px; margin-right: 11px; background: url(/images/common/icon_waterdrop_bg.png) repeat-x left center; }
#datamarket_detail .score_img .rating_score span { position: absolute; display: inline-block; vertical-align: middle; height: 100%; background: url(/images/common/icon_waterdrop.png) repeat-x left center; }
#datamarket_detail .score_img .score_avg { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 24px; color: #0360c4; }
#datamarket_detail .scoroe_select { min-width: 110px; height: 45px; font-weight: bold; font-size: 16px; vertical-align: middle; margin-right: 7px; }
#datamarket_detail .btn-score { height: 45px; vertical-align: middle; font-size: 16px; background: #12bbee; width: 95px; cursor: pointer; }
#datamarket_detail .btn-score:hover { background-color: #0da6e9; }
#datamarket_detail .data-set-area { padding-top: 40px; padding-bottom: 30px; border-top: 2px solid #666; border-bottom:1px solid #666; margin-bottom: 55px; }
#datamarket_detail .provide-data-area { position: relative; padding-bottom: 40px; }
#datamarket_detail .provide-data-area .provide-data-list { padding: 0 25px; }
#datamarket_detail .provide-data-area .provide-data-list ul {  }
#datamarket_detail .provide-data-area .provide-data-list ul li { width: 25%; }
#datamarket_detail .provide-data-area .provide-data-list .item { position: relative; display: block; border:1px solid #ccc; }
#datamarket_detail .provide-data-area .provide-data-list ul li.active .item { border:2px solid #1c70ca; }
#datamarket_detail .provide-data-area .provide-data-list .layer { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: url(/images/common/bg_layer.png) no-repeat center; background-position: center; background-size: cover; }
#datamarket_detail .provide-data-area .provide-data-list .item:hover .layer { display: table; }
#datamarket_detail .provide-data-area .provide-data-list .layer .content { display: table-cell; text-align: center; vertical-align: middle; color: #fff; font-size: 16px; padding: 30px; line-height: 1.3; }
#datamarket_detail .provide-data-area .provide-data-list .layer .type { display: inline-block; font-size: 15px; margin-top: 30px; }
#datamarket_detail .provide-data-area .provide-data-list .layer .type-down { background: url(/images/common/icon_down3.png) no-repeat left center; padding-left: 30px; }
#datamarket_detail .provide-data-area .provide-data-list .layer .type-cart { background: url(/images/icon_mywater_w.png) no-repeat left center; padding-left: 30px; background-size: auto 15px; }
#datamarket_detail .provide-data-area .info { position: relative; padding: 30px; }
#datamarket_detail .provide-data-area .info-cate { display: block; font-weight: 500; font-size: 16px; color: #0360c4; margin-bottom: 15px; }
#datamarket_detail .provide-data-area .info-title { margin-bottom: 20px; font-weight: 500; font-size: 20px; color: #333; line-height: 1.2; height: 48px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
#datamarket_detail .provide-data-area .info-list { margin-bottom: 6px; }
#datamarket_detail .provide-data-area .info-list:last-child { margin-bottom: 0; }
#datamarket_detail .provide-data-area .info-list span:not(.date) { display: inline-block; vertical-align: middle; font-size: 14px; color: #666; border:1px solid #ccc; padding: 6px 10px; border-radius:30px; font-size: 14px; }
#datamarket_detail .provide-data-area .info-list span.date { font-size: 14px; color: #666; display: block; padding: 5px 0px; margin-top: 10px; padding-left: 28px; background: url(/images/common/icon_modify.png) no-repeat left center; }
#datamarket_detail .provide-data-area .btn-area { display: table; width: 100%; table-layout:fixed; }
#datamarket_detail .provide-data-area .btn { position: relative; display: table-cell; padding: 17px 10px; vertical-align: middle; background-color: #fafafa; border-top:1px solid #ccc; border-right:1px solid #ccc; text-align: center; font-size: 15px; }
#datamarket_detail .provide-data-area .btn:last-child { border-right:0; }
#datamarket_detail .provide-data-area .btn:hover { color:#0067e7; }
#datamarket_detail .provide-data-area .btn-cart span { padding-left: 26px; background: url(/images/icon_mywater.png) no-repeat left center; background-size: auto 15px; }
#datamarket_detail .provide-data-area .btn-cart:hover span { background-image: url(/images/icon_mywater_active.png); }
#datamarket_detail .provide-data-area .btn-down span { padding-left: 26px; background: url(/images/common/icon_down2.png) no-repeat left center; }
#datamarket_detail .provide-data-area .btn-down:hover span { background-image: url(/images/common/icon_down2_active.png) }
#datamarket_detail .provide-data-area .btn_prev { position: absolute; left: 0; top: 50%; margin-top: -27.5px; width: 20px; height: 55px; font-size: 0; background: url(/images/common/icon_prev2.png) no-repeat center; }
#datamarket_detail .provide-data-area .btn_next { position: absolute; right: 0; top: 50%; margin-top: -27.5px; width: 20px; height: 55px; font-size: 0; background: url(/images/common/icon_next2.png) no-repeat center; }
#datamarket_detail .provide-data-area .btn-all-view { position: absolute; right: 0; top: -15px; border: 1px solid #ccc; height: 44px; line-height: 44px; padding: 0 25px; border-radius:100px; font-size: 16px; color: #666; }
#datamarket_detail .provide-data-area .btn-all-view:hover { color: #0067e7; border-color:#0067e7; }
#datamarket_detail .provide-data-area .btn-all-view span { padding-left: 30px; background: url(/images/common/view_all.png) no-repeat left center; }
#datamarket_detail .provide-data-area .btn-all-view:hover span { background-image: url(/images/common/view_all_active.png); }
#datamarket_detail .schema-area { padding-bottom: 40px; }
#datamarket_detail .schema-area .sub-title { padding-left: 22px; background: url(/images/common/icon_square.png) no-repeat left center; margin-bottom: 10px; }
#datamarket_detail .schema-area .control { display: inline-block; vertical-align: middle; margin-left: 23px; }
#datamarket_detail .schema-area .control:after { content:""; display: block; clear:both; }
#datamarket_detail .schema-area .control .minus { float: left; display: inline-block; width: 34px; height: 34px; font-size: 0; border:1px solid #ccc; background: url(/images/common/icon_minus.png) no-repeat center; }
#datamarket_detail .schema-area .control .plus { float: left; display: inline-block; width: 34px; height: 34px; font-size: 0; border:1px solid #ccc; margin-left: -1px; background: url(/images/common/icon_plus.png) no-repeat center; }
#datamarket_detail .schema-area .schema-list { /* height: 260px; */ height: 205px; }
#datamarket_detail .visualization-area { padding-bottom: 40px; }
#datamarket_detail .visualization-area .control { display: inline-block; vertical-align: middle; margin-left: 23px; }
#datamarket_detail .visualization-area .control:after { content:""; display: block; clear:both; }
#datamarket_detail .visualization-area .control .minus { float: left; display: inline-block; width: 34px; height: 34px; font-size: 0; border:1px solid #ccc; background: url(/images/common/icon_minus.png) no-repeat center; }
#datamarket_detail .visualization-area .control .plus { float: left; display: inline-block; width: 34px; height: 34px; font-size: 0; border:1px solid #ccc; margin-left: -1px; background: url(/images/common/icon_plus.png) no-repeat center; }
#datamarket_detail .visualization-area .control2:after { content:""; display: block; clear:both; }
#datamarket_detail .visualization-area .control2 .search-area { font-size: 0; margin-bottom:20px;}
#datamarket_detail .visualization-area .control2 .search-area > * { display: inline-block; vertical-align: top; }
#datamarket_detail .visualization-area .control2 .search-area .search-form { width: 240px; height: 40px; border:1px solid #ccc; padding: 0 15px; font-size: 14px; color: #666; vertical-align: top; }
#datamarket_detail .visualization-area .control2 .search-area .search-btn { background-color: #f5f5f5; height: 40px; vertical-align: top; font-size: 14px; color: #666; border: 1px solid #ccc; margin-left: -1px; width: 70px; cursor:pointer; }
#datamarket_detail .visualization-area .control2 .search-area .search-btn:hover { background-color: #efefef; }
#datamarket_detail .visualization-area .control2 .search-area .find-btns { margin-left: 10px; }
#datamarket_detail .visualization-area .control2 .search-area .find-btns button { width: 100px; height: 40px; background: #fff; border:1px solid #ccc; margin: 0 -1px; font-size: 14px; color: #666; vertical-align: top; cursor:pointer; }
#datamarket_detail .visualization-area .control2 .search-area .find-btns button:hover { background-color: #f5f5f5; }
#datamarket_detail .visualization-area .visualization-list { height: 650px; }
#datamarket_detail .related_data {  }
#datamarket_detail .related_data .dm-title-wrap { position: relative; }
#datamarket_detail .related_data .dm-title-wrap .btn-more-view2 { position: absolute; right: 0; top: 0; background: url(/images/common/icon_right2.png) no-repeat right 1px center; padding-right: 25px; }
#datamarket_detail .related_data .dm-title-wrap .btn-more-view2:hover { color: #0067e7; }
#datamarket_detail .related_data .contents { overflow: hidden; }
#datamarket_detail .related_data .contents .data-list { font-size: 0; margin: 0 -15px; }
#datamarket_detail .related_data .contents .data-list > li { display: inline-block; width: 25%; height: 189px; background: #fff; white-space: normal; padding: 0 15px; vertical-align: top; }
#datamarket_detail .related_data .contents .data-list > li > a { position: relative; display: block; height: 100%; border: 1px solid #ccc; padding: 8.4375% 9.375%; background-repeat: no-repeat; background-position: left bottom; }
#datamarket_detail .related_data .contents .data-list > li > a:hover { border-color: #0067e7; box-shadow: 0 0 5px 1px rgba(0,103,231,0.15); }
#datamarket_detail .related_data .contents .data-list > li:nth-child(4n+1) > a { background-image: url(/images/bg_data01.png); }
#datamarket_detail .related_data .contents .data-list > li:nth-child(4n+2) > a { background-image: url(/images/bg_data02.png); }
#datamarket_detail .related_data .contents .data-list > li:nth-child(4n+3) > a { background-image: url(/images/bg_data03.png); }
#datamarket_detail .related_data .contents .data-list > li:nth-child(4n+4) > a { background-image: url(/images/bg_data04.png); }
#datamarket_detail .related_data .contents .data-list .cate { display: block; font-weight: 500; font-size: 16px; color: #0360c4; margin-bottom: 15px; }
#datamarket_detail .related_data .contents .data-list .data-name { font-weight: 500; font-size: 22px; color: #333; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; }
#datamarket_detail .related_data .contents .data-list .provider { display: block; font-size: 14px; color: #474747; margin-top: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#datamarket_detail .related_data .contents .data-list .info { position: absolute; right: 30px; bottom: 27px; }
#datamarket_detail .related_data .contents .data-list .info span { display: inline-block; min-width: 22px; font-size: 14px; color: #474747; padding-top: 33px; background-repeat: no-repeat; background-position: center top; text-align: center; vertical-align: top; }
#datamarket_detail .related_data .contents .data-list .info span + span { margin-left: 25px; }
#datamarket_detail .related_data .contents .data-list .info .type { background-image: url(/images/icon_price.png); }
#datamarket_detail .related_data .contents .data-list .info .type2 { background-image: url(/images/common/icon_type.png); }
#datamarket_detail .dm-title-s1 { position: relative; font-weight: 500; font-size: 20px; color: #333; padding-left: 33px; letter-spacing: -0.025em; margin-bottom: 20px; }
#datamarket_detail .dm-title-s1:before { position: absolute; left: 0; top: 8px; content:""; display: inline-block; width: 20px; height: 3px; background-color: #0067e7; }
#datamarket_detail .dm-title-s2 { font-weight: 500; font-size: 22px; color: #333; margin-bottom: 40px; }
#datamarket_detail .dm-container { padding: 0 30px; }
#datamarket_detail .dm-inner { border:1px solid #999; }
#datamarket_detail .dm-inner:after { content:""; display: block; clear:both; }
#datamarket_detail .dm-cate { float: left; width: 35%; border-right:1px solid #ccc; }
#datamarket_detail .dm-cate-left { float: left; width: 50%; border-right:1px solid #ccc; }
#datamarket_detail .dm-cate-right { float: left; width: 50%; }
#datamarket_detail .dm-cate-layout { height: 660px; /* overflow: auto; */ }
#datamarket_detail .dm-cate-title-area { position: relative; }
#datamarket_detail .dm-cate-title { height: 50px; line-height: 50px; text-align: left; background-color: #fafafa; font-weight: 500; font-size: 18px; color: #333; padding: 0 20px; border-bottom:1px solid #ccc; }
#datamarket_detail .dm-cate-left .dm-cate-title { text-align: center; }
#datamarket_detail .dm-cate-left .dm-cate-content { padding: 12px 15px; overflow: auto; height: 611px;  }
#datamarket_detail .dm-cate-right .dm-cate-title { border-top:1px solid #ccc; }
#datamarket_detail .dm-cate-right .dm-cate-list:nth-child(1) .dm-cate-title { border-top:0; }
#datamarket_detail .dm-cate-radio-wrap { font-size: 0; margin-bottom: 10px; }
/*
#datamarket_detail .dm-cate-radio-wrap .chk_wrap { width: 33.33333%; text-align: center; margin: 0; }
*/
#datamarket_detail .dm-cate-radio-wrap .chk_wrap { width: 50%; text-align: center; margin: 0; }
#datamarket_detail .dm-cate-radio-wrap input[type=radio] + label { font-size: 16px; margin-right: 0; }
#datamarket_detail .dm-tutorial { display: table; width: 100%; background-color: #f7f7f7; border:1px solid #0067e7; margin-bottom: 20px; }
#datamarket_detail .dm-tutorial .step { position: relative; display: table-cell; padding: 20px; text-align: center; vertical-align: middle; background-image: url(../../images/common/icon_next3.png); background-repeat: no-repeat; background-position: right center; cursor:pointer; }
#datamarket_detail .dm-tutorial .step:last-child { background: none; }
#datamarket_detail .dm-tutorial .step .guide-box { position: absolute; display: inline-block; width: 1000px; top: 60px; left: 20px; vertical-align: top; z-index: 1000; }
#datamarket_detail .dm-tutorial .step .guide-btn { position: relative; display: inline-block; vertical-align: top; width: 22px; height: 22px; background: url(/images/common/icon_info.png) no-repeat center; cursor: pointer; margin-top: 17px; margin-right: 10px; }
#datamarket_detail .dm-tutorial .step .guide-desc { display: none; position: relative; width:100%; background: #333; color: #fff; padding: 21px 20px; font-size: 15px; padding-right: 70px; border-radius: 5px; vertical-align: top; z-index: 1; text-align: left; line-height: 1.2; }
#datamarket_detail .dm-tutorial .step:hover .guide-desc { display: block; }
#datamarket_detail .dm-tutorial .step .guide-desc.on { display: block; }
#datamarket_detail .dm-tutorial .step .guide-desc-close { font-size: 0; position: absolute; right: 25px; top: 20px; width: 16px; height: 16px; background: url(/images/common/icon_popup_close_w.png) no-repeat center; cursor:pointer; }
#datamarket_detail .dm-tutorial .step.step1 { width: 22.48%; }
#datamarket_detail .dm-tutorial .step.step3 { width: 20.78%; }
#datamarket_detail .dm-tutorial .step.step4 { width: 23.26%; }
#datamarket_detail .dm-tutorial .step.step1 .guide-box { width: 650px; }
#datamarket_detail .dm-tutorial .step.step2 .guide-box { width: 580px; }
#datamarket_detail .dm-tutorial .step.step3 .guide-box { width: 660px; left: auto; right: 20px; }
#datamarket_detail .dm-tutorial .step.step4 .guide-box { width: 550px; left: auto; right: 20px; }
#datamarket_detail .dm-tutorial .num { display: inline-block; vertical-align: middle; text-align: center; color: #fff; margin-right: 7px; width: 32px; height: 32px; line-height: 32px; border-radius:100%; background-color: #0066ff; }
#datamarket_detail .dm-tutorial .desc { display: inline-block; vertical-align: middle; word-break: keep-all; }
#datamarket_detail .dm-guide { margin-top: 10px; color: #333; text-align: right; font-size: 14px; }
/*
카테고리 항목 임시 제거로 주석
#datamarket_detail .dm-item-list2-area { padding: 13px; background-color: #fff; border:1px dashed #e2e2e2; overflow: auto; height: 150px; position: relative; }
*/
#datamarket_detail .dm-item-list2-area { padding: 13px; background-color: #fff; border:1px solid #e2e2e2; overflow: auto; height: 243px; position: relative; background-repeat: no-repeat; background-position: center; }
#datamarket_detail .dm-item-list2-area.dm-item-list2-area1.empty { background-image: url(/images/visualization/visualization_txt1.png); }
#datamarket_detail .dm-item-list2-area.dm-item-list2-area2.empty {}
#datamarket_detail .dm-item-list2-area.dm-item-list2-area2.full {}
#datamarket_detail .dm-item-list2-area.dm-item-list2-area3.empty { background-image: url(/images/visualization/visualization_txt2.png); }
#datamarket_detail .dm-item-list2-area.dm-item-list2-area3.full {background: none; }
#datamarket_detail .dm-item-list2-area3.combine-avg { border: 1px solid #01947a; color: #01947a; background-color: #ecf9f7; }
#datamarket_detail .dm-item-list2-area3.combine-sum { border: 1px solid #0791b4; color: #0791b4; background-color: #e9f6f9; }
#datamarket_detail .dm-item-list2-area3.combine-cnt { border: 1px solid #8b65d7; color: #8b65d7; background-color: #f0eafa; }
#datamarket_detail .dm-item-list2-area3 .dm-item-list .item { background-color: #fff; }

#area-drage > .item {width: 159.05px; background-color: #fff; }
#area-drage .ui-draggable.item {list-style: none; position: relative; font-size: 14px; padding: 12px 20px; padding-right: 30px; line-height: 1; border-radius:3px; margin-bottom: 10px; cursor: move; }
#area-drage .ui-draggable.item.item:last-child { margin-bottom: 0; }
#area-drage .ui-draggable.item.item1 { border:1px solid #e2e2e2; color: #333; }
#area-drage .ui-draggable.item.item1:hover { border:1px solid #999; box-shadow: 2px 3px 4px 0px rgba(227, 227, 227, 0.75); }
#area-drage .ui-draggable.item.item2 { border:1px solid #1b6fc9 !important; color: #0066cc !important; background-color: initial !important; }
#area-drage .ui-draggable.item.item3 { border:1px solid #01947a !important; color: #01947a !important; background-color: initial !important; }
#area-drage .ui-draggable.item.item4 { border:1px solid #6600cc; color: #6600cc; }
#area-drage .ui-draggable.item.combine-avg { border: 1px solid #01947a; color: #01947a; background-color: #ecf9f7; }
#area-drage .ui-draggable.item.combine-avg:hover { border: 1px solid #01947a; }
#area-drage .ui-draggable.item.combine-sum { border: 1px solid #0791b4; color: #0791b4; background-color: #e9f6f9; }
#area-drage .ui-draggable.item.combine-sum:hover { border: 1px solid #0791b4; }
#area-drage .ui-draggable.item.combine-cnt { border: 1px solid #8b65d7; color: #8b65d7; background-color: #f0eafa; }
#area-drage .ui-draggable.item.combine-cnt:hover { border: 1px solid #8b65d7; }

#datamarket_detail .dm-cate-right .dm-cate-content { padding: 10px; background-color: #fafafa; }
#datamarket_detail .del-data { position: absolute; right: 15px; top: calc(50% - 10px); display: inline-block; width: 20px; height: 20px; background: url(/images/icon_del.png) no-repeat center; background-size: 15px; }
#datamarket_detail .del-data span { font-size: 0; }
#datamarket_detail .dm-chart-area { float: left; width: 65%; }
#datamarket_detail .chart-list-wrap { border-bottom:1px solid #ccc; padding: 10px; height: 117px; overflow: auto; }
#datamarket_detail .chart-list:after { content:""; display: block; clear:both; }
#datamarket_detail .chart-list > li { float: left; width: 12.5%; }
#datamarket_detail .chart-list > li.active > a { background-color: #0067e7; color: #fff; }
#datamarket_detail .chart-list > li > a { display: block; text-align: center; padding: 15px 10px; font-size: 15px; color: #333; }
#datamarket_detail .chart-list > li > a:hover { color: #0067e7; }
#datamarket_detail .chart-list > li > a .icon { display: block; height: 50px; background-repeat: no-repeat; background-position: top center; }
#datamarket_detail .chart-list > li > a.bar .icon { background-image: url(/images/icon_chart_bar.png); }
#datamarket_detail .chart-list > li.active > a.bar .icon { background-image: url(/images/icon_chart_bar_active.png); }
#datamarket_detail .chart-list > li > a.line .icon { background-image: url(/images/icon_chart_line.png); }
#datamarket_detail .chart-list > li.active > a.line .icon { background-image: url(/images/icon_chart_line_active.png); }
#datamarket_detail .chart-list > li > a.treemap .icon { background-image: url(/images/icon_chart_treemap.png); }
#datamarket_detail .chart-list > li.active > a.treemap .icon { background-image: url(/images/icon_chart_treemap_active.png); }
#datamarket_detail .chart-list > li > a.scatter .icon { background-image: url(/images/icon_chart_scatter.png); }
#datamarket_detail .chart-list > li.active > a.scatter .icon { background-image: url(/images/icon_chart_scatter_active.png); }
#datamarket_detail .chart-list > li > a.barline .icon { background-image: url(/images/icon_chart_barline.png); }
#datamarket_detail .chart-list > li.active > a.barline .icon { background-image: url(/images/icon_chart_barline_active.png); }
#datamarket_detail .chart-list > li > a.pie .icon { background-image: url(/images/icon_chart_pie.png); }
#datamarket_detail .chart-list > li.active > a.pie .icon { background-image: url(/images/icon_chart_pie_active.png); }
#datamarket_detail .chart-list > li > a.donut .icon { background-image: url(/images/icon_chart_dount.png); }
#datamarket_detail .chart-list > li.active > a.donut .icon { background-image: url(/images/icon_chart_dount_active.png); }
#datamarket_detail .chart-list > li > a.stack .icon { background-image: url(/images/icon_chart_stack.png); }
#datamarket_detail .chart-list > li.active > a.stack .icon { background-image: url(/images/icon_chart_stack_active.png); }
#datamarket_detail .chart-content { height: 543px; }
/* 제공데이터 팝업 */
.modal-open { overflow:hidden; }
.modal_on { visibility:visible !important; opacity:1 !important; }
#datamarket_detail .pop_provide_data { position: fixed; display: table; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 15; transition: all linear 0.1s; visibility: hidden; opacity: 0; }
#datamarket_detail .pop_provide_data .pop_wrap { display: table-cell; vertical-align: middle; }
#datamarket_detail .pop_provide_data .pop_body { width: 73%; margin: auto; background: #fff; padding: 55px 65px; }
#datamarket_detail .pop_provide_data .pop_body .pop_header { position: relative; }
#datamarket_detail .pop_provide_data .pop_body .pop_content { position: relative; overflow: auto; max-height: 50vh; }
#datamarket_detail .pop_provide_data .pop_body .pop_footer { position: relative; text-align: center; padding-top: 60px; }
#datamarket_detail .pop_provide_data .provide-data-list { overflow: hidden; }
#datamarket_detail .pop_provide_data .provide-data-list ul { font-size: 0; margin: 0 -10px; }
#datamarket_detail .pop_provide_data .provide-data-list ul li { width: 25%; padding: 0 10px; display: inline-block; vertical-align: top; margin-bottom: 20px; }
#datamarket_detail .pop_provide_data .provide-data-list .item { position: relative; display: block; border:1px solid #ccc; }
#datamarket_detail .pop_provide_data .provide-data-list .layer { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: url(/images/common/bg_layer.png) no-repeat center; background-position: center; background-size: cover; }
#datamarket_detail .pop_provide_data .provide-data-list .item:hover .layer { display: table; }
#datamarket_detail .pop_provide_data .provide-data-list .layer .content { display: table-cell; text-align: center; vertical-align: middle; color: #fff; font-size: 16px; padding: 30px; line-height: 1.3; }
#datamarket_detail .pop_provide_data .provide-data-list .layer .type { display: inline-block; font-size: 15px; margin-top: 30px; }
#datamarket_detail .pop_provide_data .provide-data-list .layer .type-down { background: url(/images/common/icon_down3.png) no-repeat left center; padding-left: 30px; }
#datamarket_detail .pop_provide_data .provide-data-list .layer .type-cart { background: url(/images/icon_mywater_w.png) no-repeat left center; padding-left: 30px; background-size: auto 15px; }
#datamarket_detail .pop_provide_data .info { position: relative; padding: 30px; }
#datamarket_detail .pop_provide_data .info-cate { display: block; font-weight: 500; font-size: 16px; color: #0360c4; margin-bottom: 15px; }
#datamarket_detail .pop_provide_data .info-title { margin-bottom: 20px; font-weight: 500; font-size: 20px; color: #333; line-height: 1.2; height: 48px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
#datamarket_detail .pop_provide_data .info-list { margin-bottom: 6px; }
#datamarket_detail .pop_provide_data .info-list:last-child { margin-bottom: 0; }
#datamarket_detail .pop_provide_data .info-list span:not(.date) { display: inline-block; vertical-align: middle; font-size: 14px; color: #666; border:1px solid #ccc; padding: 4px 10px; border-radius:30px; font-size: 14px; }
#datamarket_detail .pop_provide_data .info-list span.date { font-size: 14px; color: #666; display: block; padding: 5px 0px; margin-top: 10px; padding-left: 28px; background: url(/images/common/icon_modify.png) no-repeat left center; }
#datamarket_detail .pop_provide_data .btn-area { display: table; width: 100%; table-layout:fixed; }
#datamarket_detail .pop_provide_data .btn { position: relative; display: table-cell; padding: 17px 10px; vertical-align: middle; background-color: #fafafa; border-top:1px solid #ccc; border-right:1px solid #ccc; text-align: center; font-size: 15px; }
#datamarket_detail .pop_provide_data .btn:last-child { border-right:0; }
#datamarket_detail .pop_provide_data .btn-cart span { padding-left: 26px; background: url(/images/icon_mywater.png) no-repeat left center; background-size: auto 15px; }
#datamarket_detail .pop_provide_data .btn-down span { padding-left: 26px; background: url(/images/common/icon_down2.png) no-repeat left center; }
#datamarket_detail .pop_provide_data .btn_prev { position: absolute; left: 0; top: 50%; margin-top: -27.5px; width: 20px; height: 55px; font-size: 0; background: url(/images/common/icon_prev2.png) no-repeat center; }
#datamarket_detail .pop_provide_data .btn_next { position: absolute; right: 0; top: 50%; margin-top: -27.5px; width: 20px; height: 55px; font-size: 0; background: url(/images/common/icon_next2.png) no-repeat center; }
#datamarket_detail .pop_provide_data .btn-all-view { position: absolute; right: 0; top: -15px; border: 1px solid #ccc; height: 44px; line-height: 44px; padding: 0 25px; border-radius:100px; font-size: 16px; color: #666; }
#datamarket_detail .pop_provide_data .btn-all-view span { padding-left: 30px; background: url(/images/common/view_all.png) no-repeat left center; }
#datamarket_detail .pop_provide_data .btn-close { position: absolute; right: 0; top: 0; width: 27px; height: 27px; font-size: 0; background: url(/images/common/icon_popup_close2.png) no-repeat center; background-size: 27px; }
#datamarket_detail .pop_provide_data .btn-submit { display: inline-block; color: #fff; height: 56px; line-height: 56px; padding: 0 38px 0 80px; background: url(/images/common/icon_preview.png) no-repeat left 38px center; background-color: #333; }
#datamarket_detail .list_btn { display: block; width: 63px; height: 63px; background-color: #262626; position: fixed; right: 100px; bottom: 92px; background-image: url(/images/common/btn_list2.png); background-repeat: no-repeat; background-position: center; z-index: 10; }


/* chat-bot */
/* env-00307 */
/* .chat-circle-wrap { position: fixed; bottom: 160px; right: 44px; z-index: 999; } */
/* .chat-circle-wrap .chat-chk label { position: relative; user-select: none; height: 15px; line-height: 15px; background: none; line-height: 1; } */
.chat-circle-wrap { position: fixed; bottom: 160px; right: 44px; z-index: 999; font-family: 'NotoSans', sans-serif; box-sizing: content-box;}
.chat-circle-wrap .chat-chk { border: 1px solid #c6e8fc; background: #e9f4f9; height: 35px; line-height: 33px; font-size: 13px;  color: #444; padding: 0 15px; border-radius: 100px; text-align: center; }
.chat-circle-wrap .chat-chk label { position: relative; user-select: none; height: 15px; background: none; line-height: 1; margin-bottom: 0; }
.chat-circle-wrap .chat-chk label:before { content:""; display: block; border: 1px solid #222; width: 13px; height: 13px; position: absolute; left: 0; top: 0; background: #fff; }
.chat-circle-wrap .chat-chk input[type=checkbox]:checked + label { background: none; }
.chat-circle-wrap .chat-chk input[type=checkbox]:checked + label:before { border: 4px solid #222; width: 7px; height: 7px; }
.chat-circle-wrap ::before { box-sizing: content-box; }


#chat-circle { width: 180px; height: 224px; margin: 0 auto; background: url(/images/icon_chatbot.png) no-repeat center; background-size: contain; cursor: pointer; }
.chatbot { display: none; position: fixed; top: 0; right: 0; bottom: 0; width: 600px; z-index: 15; }
.chatbot_bg { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 14; }
.chatbot__header { position: relative; display: -webkit-box; border-bottom: 1px solid #dbdbdb; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: center; background-color: #fff; height: 70px; padding: 0 20px; width: 100%; cursor: pointer; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; font-weight: 500; font-size: 20px; color: #222; }
.chatbot__header:hover { background-color: #0360c4; color: #fff; }
.chatbot__header .close { display: block; position: absolute; right: 30px; top: 50%; width: 20px; height: 20px; margin-top: -10px; white-space: nowrap; background: url(/images/icon_x.png) no-repeat center; background-size: 20px; text-indent: 100%; overflow: hidden; }
.chatbot__header:hover .close { background-image: url(/images/icon_x_w.png); }
.chatbot__message-window { height: calc(100% - 140px); padding: 30px; background-color: #eff0f4; overflow-y: auto; }
.chatbot__message-window::-webkit-scrollbar { display: none; }
.chatbot__message-window.active { height: calc(100% - 225px); }

.chatbot__messages { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: auto; }
.chatbot__messages li { margin-bottom: 20px; }
.chatbot__messages li.is-user { text-align: right; display: -webkit-inline-box; display: inline-flex; align-self: flex-end; }
.chatbot__messages li .is-ai__profile-picture { height: 30px; line-height: 30px; margin-bottom: 10px; background: url(/images/icon_chatbot.png) no-repeat left center; background-size: 30px; padding-left: 40px; font-size: 15px; color: #222; }
.chatbot__messages li.is-user { text-align: right; display: -webkit-inline-box; display: inline-flex; align-self: flex-end; padding-right: 50px; background: url(/images/icon_user.png) no-repeat right top; background-size: 40px; }
.chatbot__messages li .is-ai__profile-picture { height: 40px; line-height: 40px; margin-bottom: 10px; background: url(/images/icon_chat.png) no-repeat left center; background-size: 40px; padding-left: 50px; font-size: 15px; color: #10baed; font-weight: bold; }
.chatbot__messages .serach_list .swiper-slide { width: 100% !important; }
.chatbot__entry { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; height: 70px; padding: 0 20px; border-top: 1px solid #e6eaee; background-color: #fff; }
.chatbot__input { height: 100%; width: 80%; border: 0; font-size: 18px; color: #666; }
.chatbot__input::-moz-placeholder { color: #666; }
.chatbot__input::-ms-input-placeholder { color: #666; }
.chatbot__input::-webkit-input-placeholder { color: #666; }
.chatbot__input:focus { outline: none; }
.chatbot__message { max-width: 100%; display: inline-block; padding: 20px 25px; word-break: break-word; margin: 0; border-radius: 20px 0 20px 20px; letter-spacing: -0.01em; line-height: 1.45; overflow: hidden; font-size: 15px; }
.chatbot__message p:first-child { margin-top: 0; }
.chatbot__message p:last-child { margin-bottom: 0; }
.chatbot__message .cate { font-weight: 500; }
.chatbot__message .keyword { font-weight: bold; }
.chatbot__message .highlight { color: #10baed; font-weight: 500; }
.chatbot__message em { font-style: normal; }
.is-ai .chatbot__message { background-color: #fff; margin-right: 30px; border: 1px solid #dbdbdb; border-radius: 0 20px 20px 20px; }
.is-user .chatbot__message { background-color: #21283c; margin-left: 30px; color: #fff; }
.chatbot__submit { display: inline-block; cursor: pointer; background: url(/images/icon_submit.png) no-repeat center; width: 40px; height: 40px; background-size: 40px; }
.chatbot_intro { display: block; margin: 0 -25px; margin-bottom: 20px; padding: 0 25px 26px 25px; border-bottom: 1px solid #dbdbdb; font-size: 16px; }
.loader { margin-bottom: -2px; text-align: center; opacity: 0.3; }
.loader__dot { display: inline-block; vertical-align: middle; width: 6px; height: 6px; margin: 0 1px; background: black; border-radius: 50px; -webkit-animation: loader 0.45s infinite alternate; animation: loader 0.45s infinite alternate; }
.loader__dot:nth-of-type(2) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
.loader__dot:nth-of-type(3) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }
.is-user .loader { opacity: 1; }
.is-user .loader__dot { background: #fff; }

/* .animation:last-child { -webkit-animation: fadein 0.25s; animation: fadein 0.25s; } */
.chatbot .view-area { margin-top: 30px; font-size: 0; }
.chatbot .view-area a { display: inline-block; font-size: 16px; vertical-align: middle; width: calc(50% - 5px); text-align: center; border: 1px solid #dbdbdb; height: 40px; line-height: 38px; }
.chatbot .view-area a.detail_view { }
.chatbot .view-area a.more__view { margin-left: 10px; border: 1px solid #10baed; color: #10baed; }
.chatbot .swiper-pagination { position: static; padding: 14px 0; }
.chatbot .swiper-container-horizontal>.swiper-pagination-bullets { }
.chatbot .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #fff; border: 1px solid #10baed; }
.chatbot .swiper-pagination-bullet-active { background: #10baed; }
.chatbot .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { }
.chatbot .links { font-size:0; margin:0 -2.5px; display: flex; flex-wrap: wrap; }
.chatbot .links > li { display: flex; width:33.3%; padding:0 2.5px; margin:5px 0; }
.chatbot .links > li > a { display: flex; flex: 1 1 auto; font-size: 14px; color: #222; border: 1px solid #dbdbdb; align-items: center; border-radius: 10px; padding: 11px 17px; padding-left: 40px; background: url(/images/icon_chk2.png) no-repeat left 20px center; background-color: #fff; background-size: auto 9px; word-break: keep-all; line-height: 1.2; }
.chatbot .links > li > a:hover { background-image: url(/images/icon_chk2_on.png); color: #10baed; border: 1px solid #10baed; }
@keyframes loader {
	0% { -webkit-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}
@keyframes fadein {
	from { opacity: 0; margin-top: 10px; margin-bottom: 0; }
	to { opacity: 1; margin-top: 0; margin-bottom: 10px; }
}

.top_banner,
#contents,
.footer_wrapper { disp lay: none; }



/* 임시 스타일  */
.main_bg .visualize_category li:nth-child(1){
	background:url(/images/visualize_category_01.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(2){
	background:url(/images/visualize_category_02.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(3){
	background:url(/images/visualize_category_04.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(4){
	background:url(/images/visualize_category_05.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(5){
	background:url(/images/visualize_category_06.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(6){
	background:url(/images/visualize_category_07.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(7){
	background:url(/images/visualize_category_08.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(8){
	background:url(/images/visualize_category_09.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(9){
	background:url(/images/visualize_category_10.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(10){
	background:url(/images/visualize_category_11.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(1).on, .visualize_category li:nth-child(1):hover{
	background:url(/images/visualize_category_01_on.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(2).on, .visualize_category li:nth-child(2):hover{
	background:url(/images/visualize_category_02_on.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(3).on, .visualize_category li:nth-child(3):hover{
	background:url(/images/visualize_category_04_on.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(4).on, .visualize_category li:nth-child(4):hover{
	background:url(/images/visualize_category_05_on.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(5).on, .visualize_category li:nth-child(5):hover{
	background:url(/images/visualize_category_06_on.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(6).on, .visualize_category li:nth-child(6):hover{
	background:url(/images/visualize_category_07_on.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(7).on, .visualize_category li:nth-child(7):hover{
	background:url(/images/visualize_category_08_on.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(8).on, .visualize_category li:nth-child(8):hover{
	background:url(/images/visualize_category_09_on.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(9).on, .visualize_category li:nth-child(9):hover{
	background:url(/images/visualize_category_10_on.png) no-repeat center top;
}
.main_bg .visualize_category li:nth-child(10).on, .visualize_category li:nth-child(10):hover{
	background:url(/images/visualize_category_11_on.png) no-repeat center top;
}

/* 교육 */
.table_typeA.education th,
.table_typeA.education td { padding: 10px 20px; }
.table_typeA.education th { height: 56px; vertical-align: middle; }
.table_typeA.education td { height: 52px; vertical-align: middle; }

/* 이용약관 */
.privacy-box { color: #666; font-size: 16px; line-height: 1.5; }
.privacy-box h3 { color: #333; font-weight: 500; font-size: 20px; }
.privacy-box h4 { color: #333; font-weight: 500; font-size: 16px; }

input[type=radio] + label.utilization_use_radio {padding-top: 20px !important;}

/* 커스텀 테이블 */
.div-table-s1-title { display: block; font-size: 1.5rem; text-align: left; font-weight: 500; margin-bottom: 20px; }
.div-table-s1 { border-top: 2px solid #000; margin-bottom: 50px; line-height: 1.3; }
.div-table-s1 .table-row { display: flex; border-bottom: 1px solid #dedede; }
.div-table-s1 .table-head { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #f7f9fb; width: 185px; text-align: center; font-size: 17px; font-weight: 500; color: #222; padding: 10px 20px; min-height: 60px; flex-shrink: 0; word-break: keep-all; }
.div-table-s1 .table-head span {  }
.div-table-s1 .table-data { display: flex; width: calc(100% - 185px); justify-content: center; flex-grow:1; flex-direction: column; padding: 10px 20px; }
.div-table-s1 .table-item + .table-item  { margin-top: 7px; }
.div-table-s1 .form-style { width: 100%; height: 40px; padding: 0 20px; border: 1px solid #bdbdbd; color: #444; font-size: 1.063rem; }
.div-table-s1 .basic_btn { height: 40px; line-height: 38px; border-radius: 3px; width: auto; vertical-align: top; padding: 0 10px; font-size: 15px; }


/* 2021.07.05 챗봇 카테고리 추가 */
.chatbot__messages {min-height: calc(100% - 55px);}
.chatbot_category {position: relative; width: 100%; height: 85px; /* margin: 0 -30px -30px; */ padding: 20px 83px 0; background: #fff; border-top: 1px solid #dbdbdb; box-sizing: border-box; z-index: 1;}
.chatbot_category .chatbot_category_slide {width: 100%;}
.chatbot_category .swiper-wrapper .swiper-slide {width: auto;}
.chatbot_category .btn_category {display: inline-block; height: 45px; padding: 0 19px 0 39px; line-height: 45px; font-size: 16px; color: #222; border: 1px solid #dbdbdb; border-radius: 10px; background: url(/images/icon_chk2.png) no-repeat left 19px center; background-size: 12px; transition: 0.2s;}
.chatbot_category .btn_category.active,
.chatbot_category .btn_category:active,
.chatbot_category .btn_category:hover {color: #10baed; background: url('/images/icon_chk2_on.png') no-repeat left 19px center; border: 1px solid #10baed; background-size: 12px;}
.chatbot_category .swiper-button {top: 20px; margin-top: 0; width: 45px; height: 45px; border-radius: 10px;}
.chatbot_category .swiper-button:after {display: none;}
.chatbot_category .swiper-button-next {right: 28px; background: #21283c url('/images/btn_next3.png') no-repeat center center;}
.chatbot_category .swiper-button-prev {left: 28px; background: #21283c url('/images/btn_prev3.png') no-repeat center center;}
/* // 2021.07.05 챗봇 카테고리 추가 */
.chatbot_links { position: absolute; left: 0; top: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,0.8); padding: 50px; }
.chatbot_links a { display: block; background: #10baed; color: #fff; padding: 15px 20px; border-radius: 5px; margin-bottom: 15px; }


/* 데이터 준비중 문구 */
.nodata {height: 150px; line-height: 150px; font-size: 18px; text-align: center;}


/* 데이터 검색어 미리보기 추가 */
.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {display: block; content: ""; line-height: 0;}
.clearfix:after {clear: both;}

.data_search .Search_wrapper {overflow: visible;}
.data_search .Search_wrapper .keyword_preview {position: absolute; top: 100%; left: 0; width: 100%; padding: 10px 0; background: #fff; border: 1px solid #dee2e6;}
.data_search .Search_wrapper .keyword_preview .keyword {position: relative; display: block; padding: 0 20px 0 52px; height: 40px; line-height: 40px; font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.data_search .Search_wrapper .keyword_preview .keyword span {color: #0062cc; font-weight: 500;}
.data_search .Search_wrapper .keyword_preview .keyword::before {content: ''; position: absolute; top: 8px; left: 20px; width: 25px; height: 25px; border-radius: 50%; background: #ddd url(/images/icon_srch_view.png) center center no-repeat; background-size: 12px;}
.data_search .Search_wrapper .keyword_preview .keyword:hover,
.data_search .Search_wrapper .keyword_preview .keyword:focus {background: #f5f5f5;}



/* 2021.11.09 분석서비스 도구 */
.menual_board_wrap:after { content: ''; position: absolute; bottom: 390px; left: 0; width: 100%; height: 500px; background-color: #f6f6f6; z-index: -1; }

.menual_preview_wrap { margin-top: 35px;  opacity: 0; transform: translateY(5%); transition: opacity 1s, transform 1s; }
.menual_preview_wrap.active { opacity: 1; transform: translateY(0); }
.menual_preview_wrap .menual_tab { display: flex; align-items: center; max-width: 700px; width: 100%; margin: 0 auto; text-align: center; font-size: 0; }
.menual_preview_wrap .menual_tab a { position: relative; display: flex; align-items: center; width: 50%; height: 90px; padding: 0 50px 0 30px; font-size: 24px; color: #222; border-bottom: 5px solid #ebebeb; background-repeat: no-repeat; background-position: right 30px center; transition: border 0.15s, color 0.15s; }
.menual_preview_wrap .menual_tab a:hover,
.menual_preview_wrap .menual_tab a.active { color: #333; border-color: #333; background-image: url('/images/analysis_study/icon_analysis_check.png') }
.menual_preview_wrap .menual_cont_area { position: relative; height: 910px; }
.menual_preview_wrap .menual_cont { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; z-index: 0; }
.menual_preview_wrap .menual_cont.active { opacity: 1; z-index: 2; }
.menual_preview_wrap .manual_list { position: relative; max-width: 1000px; width: 100%; height: 701px; margin: 45px auto 0; padding: 15px 75px 35px 75px; background: url('/images/bg_notebook2.png') no-repeat center center; background-size: 100%; }
.menual_preview_wrap .manual_list .slide_area { position: absolute; top: 15px; right: 75px; left: 75px; bottom: 35px; width: 850px; height: 650px; background: #000; border-radius: 10px; overflow: hidden; }
.menual_preview_wrap .manual_list li { height: 100%; max-height: 650px; text-align: center; overflow-y: auto; }
.menual_preview_wrap .manual_list li img { width: 100%; }
.menual_preview_wrap .menual_cont .btn-prev { position: absolute; top: 50.3%; left: -84px; width: 19px; height: 52px; background: url('/images/common/icon_prev2_on.png') no-repeat center center; }
.menual_preview_wrap .menual_cont .btn-prev.swiper-button-disabled { background: url('/images/common/icon_prev2.png') no-repeat center center; }
.menual_preview_wrap .menual_cont .btn-next { position: absolute; top: 50.3%; right: -84px; width: 19px; height: 52px; background: url('/images/common/icon_next2.png') no-repeat center center; }
.menual_preview_wrap .menual_cont .btn-next.swiper-button-disabled { background: url('/images/common/icon_next2_off.png') no-repeat center center; }
.menual_preview_wrap .swiper-pagination-bullets { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; z-index: 9; }
.menual_preview_wrap .swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #fff; border: 1px solid #3c3c3c; transition: background-color 0.15s; }
.menual_preview_wrap .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #3c3c3c; }
.menual_preview_wrap .btn_area { margin-top: 50px; text-align: center; }
.menual_preview_wrap .btn_download { display: inline-block; vertical-align: top; width: 45%; max-width: 250px; height: 50px; margin: 0 5px; padding: 0 50px 0 30px; text-align: left; line-height: 48px; border-radius: 5px; background: #333 url('/images/common/icon_down3.png') no-repeat right 30px center !important; }
/* // 2021.11.09 */

/* 신규 센터 모집 신청 */
.new_center_wrap .new_center_og { max-width: 100%; text-align: center; }
.new_center_wrap .new_center_og img { max-width: 100%; }
.new_center_wrap .new_center_og .pc_img { display: inline-block; }
.new_center_wrap .new_center_og .mobile_img { display: none; }
.new_center_wrap .new_center_text { width: 100%; max-width: 1000px; margin: 70px auto 0; padding: 50px; background: #f5f5f5; }
.new_center_wrap .new_center_text p { margin: 30px 0; font-size: 18px; line-height: 1.5; }

.new_center_wrap .table_typeA caption { font-size: 1.5rem; text-align: left; font-weight: 500; margin-bottom: 20px; }
.new_center_wrap .table_typeA th { border-bottom: 1px solid #dedede; vertical-align: middle; border-right: 1px solid #dedede; }
.new_center_wrap .table_typeA td { padding: 20px; text-align: left; }
.new_center_wrap .table_typeA input[type="text"] { width: 400px; height: 40px; border: 1px solid #bdbdbd; padding: 0 20px; }
.new_center_wrap .table_typeA input[type="button"] { margin-left: 10px; color: #fff; width: 100px; height: 40px; background: #444444; }
.new_center_wrap textarea { min-height: 150px; resize: none; }
.new_center_wrap .required strong { color: #f81414; padding-left: 5px; }
.new_center_wrap .upload-name {border: 0;}


/* 2021.10.20 토스트 팝업 */
.toasts_pop { display: none; position: fixed; width:400px; background: #fff; border:1px solid #666; bottom: 0; right: 0; z-index: 20; }
.toasts_pop .toasts_pop_content { display: flex; padding: 9px; align-items: center; }
.toasts_pop .toast_img { flex:0 0 auto; }
.toasts_pop .toast_img img { width: 150px; height: 130px; }
.toasts_pop .toast_desc { flex: 1 1 auto; padding: 0 20px; font-size: 16px; color: #222; line-height: 1.5; max-height: 72px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break: break-all; }
.toasts_pop .toast_close { width: 25px; height: 25px; position: absolute; right: 9px; top: 9px; white-space: nowrap; overflow: hidden; text-indent: 100%; border-radius: 5px; background: #e6e6e6 url(/images/icon_x2.png) no-repeat center; z-index: 2; }

/* 기업홍보용 팝업 신청 */
.sub_page_wrapper.full { width: 100%; padding: 0; }
.sub_page_wrapper.full .page_title_wrapper { max-width: 1380px; margin: 0 auto; padding: 0 15px; overflow: hidden; }
#popup_application { position: relative; padding-top: 20px; letter-spacing: -0.5px; }
#popup_application .application_content { display: flex; max-width: 1380px; margin: 0 auto; padding: 0 15px; overflow: hidden; padding-bottom: 75px; }
#popup_application:before { content:""; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #f6f6f6; z-index: -1; top: 200px; }
#popup_application .left_item { flex: 0 0 auto; margin-right: 60px; }
#popup_application .right_item { flex: 1 1 auto; background: url(/images/popup_application.png) no-repeat right center; background-size: contain; }
#popup_application .application_top { font-size: 50px; color: #222; line-height: 1.2; padding: 30px 0; }
#popup_application .application_top b { font-weight: bold; }
#popup_application .application_bottom { padding: 50px 0; font-size: 18px; color: #555; line-height: 1.5; word-break: keep-all; }
#popup_application .error_btn { margin-top: 70px; width: 150px; height: 50px; line-height: 50px; font-size: 16px; }

/* env-00250 */
/* 2023.07.07 개인정보 처리방침 추가*/
.privacy_notice_2023 .messageBox { background: #f3f3f3; font-size: 1.1rem; padding: 30px; line-height: 24px; }
.privacy_notice_2023 .listBox { font-size: 1.1rem; line-height: 26px; margin-top: 24px; text-align: center; }
	
.privacy_notice_2023 h2 { margin-top: 50px; text-align: center; }
.privacy_notice_2023 h3 { margin-top: 40px; }
.privacy_notice_2023 a:not(.privacy_table2023_B a) { font-weight: 500; }
.privacy_notice_2023 a:hover { text-decoration: underline; color: royalblue; }
.privacy_notice_2023 .a_button { background-color: cornflowerblue; color: #fff; border-radius: 4px; text-align: center; cursor: pointer; font-size: 0.8rem; padding: 1px 5px; }
.privacy_notice_2023 .a_button:hover { background-color: royalblue; text-decoration-line: none; color: #fff;}
.privacy_notice_2023 .td_left { text-align: left; display: inline-block; }
.privacy_notice_2023 .span_left3 { left: 3px; position: relative; line-height: 1.3rem; }
.privacy_notice_2023 .span_left24 { left: 24px; position: relative; line-height: 1.3rem; }
	
.privacy_table2023_A { margin-top: 30px; width: 100%; border: 1px solid #ddd; text-align: center; }
.privacy_table2023_A th,
.privacy_table2023_A td { padding: 10px; vertical-align: top; border-right: 1px solid #ddd; line-height: 1.4; }
.privacy_table2023_A th,
.privacy_table2023_A tr { border-bottom: 1px solid #ddd; }
.privacy_table2023_A tr { background: #FFFFFF; }
.privacy_table2023_A th { background: #f3f3f3; font-size: 1.1rem; }
.privacy_table2023_A tr td p:first-child { font-size: 1.1rem; font-weight: 500; }
.privacy_table2023_A tr td p { font-weight: 300; }
	
.privacy_table2023_B { margin-top: 10px; width: 100%; border: 1px solid #ddd;}
.privacy_table2023_B th,
.privacy_table2023_B td { font-size: 1.2rem; line-height: 1.4; padding: 10px 10px 10px 30px; vertical-align: middle; }
.privacy_table2023_B tr { background: #FFFFFF; border-bottom: 1px solid #ddd; }
	
.privacy_table2023_C { margin-top: 10px; width: 100%; border-top: 1px solid #ddd; text-align: center; line-height: 1.1rem; word-break: keep-all; word-wrap: break-word; }
.privacy_table2023_C th,
.privacy_table2023_C td { padding: 10px 10px 10px 30px; vertical-align: middle; border-left: 1px solid #ddd; }
.privacy_table2023_C tr > *:first-child { border-left: 0 }
.privacy_table2023_C td { background: #FFFFFF; }
.privacy_table2023_C th { background: #f5f5f5; }
.privacy_table2023_C tr { border-bottom: 1px solid #ddd; }
	
.privacy_icon { background-image: url(/images/privacy_notice_images.jpg); background-repeat: no-repeat; }
.privacy_icon.large { display: inline-block; height: 180px; width: 180px; }
.privacy_icon.large.icon01 { background-position: -315px -198px !important; }
.privacy_icon.large.icon02 { background-position: -603px -520px !important; }
.privacy_icon.large.icon03 { background-position: -2826px -520px !important; }
.privacy_icon.large.icon04 { background-position: -2548px -520px !important; }
.privacy_icon.large.icon05 { background-position: -3065px -860px !important; }
.privacy_icon.large.icon06 { background-position: -2517px -860px !important; }
.privacy_icon.large.icon13 {background-position: -1420px -860px !important;}

/*
 * env-00374
 * 2023-11-20
 * 개인정보 처리방침 내용수정(아이콘 추가)
 * 2023-11-22
 * 개인정보 처리방침 내용수정(new아이콘 추가)
 * env-00480
 * 2024-04-24
 * 개인정보 처리방침 업데이트(new아이콘 추가)
 * 2024-10-22
 * 개인정보 처리방침 업데이트(개인정보 열람등 요구방법, 권익침해 청구방법, 개인정보 보호수준 평가 결과 이미지 사이즈 추가)
 */
.privacy_notice_2023 ul > li > h3:before, 
.privacy_icon.medium a > span:before { content : ''; background-image: url(/images/privacy_notice_images.jpg);	background-repeat: no-repeat; background-size: 1152px 1200px; display: inline-block; vertical-align: middle; height: 54px; width: 54px;	position: relative; top: -2px; }
.privacy_notice_2023 ul > li > h3.icon01:before,
.privacy_icon.medium a.icon01 > span:before { background-position: -181px -156px !important; }
.privacy_notice_2023 ul > li > h3.icon02:before,
.privacy_icon.medium a.icon02 > span:before { background-position: -848px -156px !important; }
.privacy_notice_2023 ul > li > h3.icon03:before,
.privacy_icon.medium a.icon03 > span:before { background-position: -98px -156px !important; }
.privacy_notice_2023 ul > li > h3.icon04:before,
.privacy_icon.medium a.icon04 > span:before { background-position: -682px -156px !important; }
.privacy_notice_2023 ul > li > h3.icon05:before,
.privacy_icon.medium a.icon05 > span:before { background-position: -765px -156px !important; }
.privacy_notice_2023 ul > li > h3.icon06:before,
.privacy_icon.medium a.icon06 > span:before { background-position: -98px -258px !important; }
.privacy_notice_2023 ul > li > h3.icon07:before,
.privacy_icon.medium a.icon07 > span:before { background-position: -1002px -156px !important; }
.privacy_notice_2023 ul > li > h3.icon08:before,
.privacy_icon.medium a.icon08 > span:before { background-position: -179px -258px !important; }
.privacy_notice_2023 ul > li > h3.icon09:before,
.privacy_icon.medium a.icon09 > span:before { background-position: -348px -156px !important; }
.privacy_notice_2023 ul > li > h3.icon10:before,
.privacy_icon.medium a.icon10 > span:before { background-position: -590px -258px !important; }
.privacy_notice_2023 ul > li > h3.icon11:before,
.privacy_icon.medium a.icon11 > span:before { background-position: -920px -258px !important; }
.privacy_notice_2023 ul > li > h3.icon12:before,
.privacy_icon.medium a.icon12 > span:before { background-position: -837px -258px !important; }
.privacy_notice_2023 ul > li > h3.icon13:before,
.privacy_icon.medium a.icon13 > span:before { background-position: -425px -258px !important; }

.privacy_notice_2023 ul > li > h3.icon01.new:before,
.privacy_icon.medium a.icon01.new > span:before { background-image: url(/images/privacy_notice_image1_new.png); background-size: auto; background-position: unset !important; left: -4px; }

.privacy_notice_2023 ul > li > h3.icon03.new:before,
.privacy_icon.medium a.icon03.new > span:before { background-image: url(/images/privacy_notice_image3_new.png); background-size: auto; background-position: unset !important; left: -4px; }

.privacy_notice_2023 ul > li > h3.icon04.new:before,
.privacy_icon.medium a.icon04.new > span:before { background-image: url(/images/privacy_notice_image4_new.png); background-size: auto; background-position: unset !important; left: -4px; }

.privacy_notice_2023 ul > li > h3.icon05.new:before,
.privacy_icon.medium a.icon05.new > span:before { background-image: url(/images/privacy_notice_image5_new.png); background-size: auto; background-position: unset !important; left: -4px; }

.privacy_notice_2023 ul > li > h3.icon06.new:before,
.privacy_icon.medium a.icon06.new > span:before { background-image: url(/images/privacy_notice_image6_new.png); background-size: auto; background-position: unset !important; left: -4px; }

.privacy_notice_2023 ul > li > h3.icon10.new:before,
.privacy_icon.medium a.icon10.new > span:before { background-image: url(/images/privacy_notice_image10_new.png); background-size: auto; background-position: unset !important; left: -4px; }

.privacy_notice_2023 ul > li > h3.icon11.new:before,
.privacy_icon.medium a.icon11.new > span:before { background-image: url(/images/privacy_notice_image11_new.png); background-size: auto; background-position: unset !important; left: -4px; }

.privacy_notice_2023 ul > li > h3.icon12.new:before,
.privacy_icon.medium a.icon12.new > span:before { background-image: url(/images/privacy_notice_image12_new.png); background-size: auto; background-position: unset !important; left: -4px; }

.privacy_notice_2023 ul > li > h3.icon13.new:before,
.privacy_icon.medium a.icon13.new > span:before { background-image: url(/images/privacy_notice_image13_new.png); background-size: auto; background-position: unset !important; left: -4px; }

.privacy_notice_2023 ul > li > h3.icon14.new:before,
.privacy_icon.medium a.icon14.new > span:before { background-image: url(/images/privacy_notice_image14_new.png); background-size: auto; background-position: unset !important; left: -4px; }
	
.privacy_notice_2023 ul > li > ol { counter-reset: section1; list-style-type: none; }
.privacy_notice_2023 ul > li > ol > li { margin-top: 10px; position: relative; margin-left: 0.2rem; color: #555; }
.privacy_notice_2023 ul > li > ol > li::before { counter-increment: section1; content: counter(section1); display: inline-block; border: 1px solid black; border-radius: 50%;  font-size: 1em; text-align: center; line-height: 1em; height: 1.1em; width: 1.1em; margin-right: 0.5em; }
.privacy_notice_2023 ul > li > ol > li > ol { counter-reset: section2; list-style-position : inside; }
.privacy_notice_2023 ul > li > ol > li > ol > li { margin-top: 8px; position: relative; margin-left: 0.7rem; }
.privacy_notice_2023 ul > li > ol > li > ol > li::before { counter-increment: section2; content: counter(section2) "."; margin-right: 0.5em; }
.privacy_notice_2023 ul > li > ol > li > ol > li > ol { counter-reset: section3; list-style-position : inside; }
.privacy_notice_2023 ul > li > ol > li > ol > li > ol > li { margin-top: 8px; position: relative; margin-left: 1.2rem; }
.privacy_notice_2023 ul > li > ol > li > ol > li > ol > li::before { counter-increment: section3; content: counter(section2) "." counter(section3); margin-right: 0.5em; }
.privacy_notice_2023 ul > li > ol > li > ol > li > ol > li > ol { list-style-type: none; list-style-position : inside; }
.privacy_notice_2023 ul > li > ol > li > ol > li > ol > li > ol > li { margin-top: 8px; position: relative; margin-left: 1.7rem; }
.privacy_notice_2023 ul > li > ol > li > ol > li > ol > li > ol > li::before { content: "·"; margin-right: 0.5em; }
.privacy_notice_2023 ul > li > ol > li > ol > li > ol > li > ol > li > ol { list-style-type: none; list-style-position : inside; }
.privacy_notice_2023 ul > li > ol > li > ol > li > ol > li > ol > li > ol  > li { margin-top: 8px; position: relative; margin-left: 2.2rem; }
.privacy_notice_2023 ul > li > ol > li > ol > li > ol > li > ol > li > ol > li::before { content: "-"; margin-right: 0.5em; }

.privacy_notice_2023 .text_Highlight { font-weight: 500; text-decoration: underline; color: black; }

.privacy_notice_image {width:100%; height:100%;}

/* env-00250 */
/* .privacy_notice_2023 refair by .singup_contents */
.singup_contents .privacy_notice_2023 .privacy_table2023_A td { text-align: center; padding: 10px; vertical-align: top; }
.singup_contents .privacy_notice_2023 h3 { text-align: left; font-size: 1.17em; font-weight: 500; padding-bottom: 0px; }

.singup_contents .privacy_table2023_B td { font-size: 1rem; }
.singup_contents .privacy_table2023_C td { text-align: center; }

.singup_contents .table_typeD th { color: #000; font-weight: 500; }