@charset "UTF-8";

body{overflow-y: scroll;overflow-x: auto;}
.mobile_wr{max-width:var(--body_width);margin:0 auto;position: relative;}


/*hd*/
header{position: sticky; top: 0; width: 100%;min-width: 1100px; z-index: 1040;}
.hd{background: #fff;outline:1px solid var(--border);position: relative;z-index:1;}
.hd .container-fluid{height:var(--hd_height);padding-left:7.6rem;padding-right:7.6rem;}
.gnb{margin-left:5.0rem;}
#header .container-fluid .gnb{margin-left:0 !important;position:absolute;top:0;left:50%;transform:translateX(-50%);}
#header .container-fluid .gnb .align-items-center {min-width:1100px;}
.gnb li{padding-right:0;width:100%}
.gnb li a{font-size:1.7rem;font-weight:600;display:flex;position:relative;height:var(--hd_height);align-items: center;justify-content: center;}
.gnb li a:hover{color:var(--primary) !important;}
.gnb li.active a{color:var(--primary) !important;}
.gnb li.active a:after{content:'';display:block;width:100%;height:0.3rem;background:var(--primary);position:absolute;bottom:-1px;left:0;}

/*tnb*/
.tnb_user{flex-shrink: 0;background: #EBEBEB; border-radius: 50%;margin-right:1.0rem;}
/*.btn_tnb[aria-expanded="true"] > .tnb_user{background: var(--primary);}*/
/*.btn_tnb[aria-expanded="true"]{color:var(--primary);}*/
.btn_tnb[aria-expanded="true"] > .tnb_sel{transform: rotate(180deg);}
.btn_tnb[aria-expanded="true"] > .tnb_sel img{filter: invert(20%) sepia(97%) saturate(7076%) hue-rotate(316deg) brightness(92%) contrast(105%);}
.btn_tnb .tnb_user {width: 3.6rem;height: 3.6rem;}
.btn_tnb .tnb_sel{width:1.5rem;margin-left:1.0rem;}


.tnb .dropdown-menu {min-width: 27rem;padding: 2.0rem;border: 0;box-shadow: 0 0.5rem 2.0rem rgba(0, 0, 0, 0.06);}
.tnb .dropdown-menu .tnb_user {width: 4.6rem;height: 4.6rem;}
.btn_tnb .tnb_sel{width:1.5rem;margin-left:1.0rem;}
.tnb_li a{display:flex;color:var(--gray-600);height:4.0rem;margin-bottom:0.5rem;align-items: center;}
.tnb_li a img{width:2.4rem;margin-right:1.0rem;}
.tnb_li a div{flex:1 1 auto;}

/*gnb_all*/
.gnb_all {background: #fff;box-shadow: 0 0.5rem 2.0rem rgba(0, 0, 0, 0.06);display: none;position: absolute;width: 100%;}
.gnb_all.active{display: block;}
.gnb_all .container-fluid{padding:3.0rem 8.6rem 6.0rem;min-width: 1100px;display:flex;justify-content: center;}
.gnb_all .container-fluid .gnb_1dul{max-width:1100px;min-width:1100px;margin-right:0 !important;margin-left: 0 !important;flex-wrap:unset;}
.gnb_1dul .gnb_1dli{padding-left:0;border-right:1px solid var(--border-100);flex:unset !important}
.gnb_1dul .gnb_1dli:last-child{border-right:0;}
.gnb_all li.gnb_1dli {width:100%;text-align: center;padding-right:0;max-width: unset;}
.gnb_1dul .gnb_1dli .gnb_1da{font-size:1.8rem;font-weight:600;display:block;padding-bottom:1.5rem;}
.gnb_2dul .gnb_2dli .gnb_2da{display:block;padding:1.0rem 0;color:#666666;}
.gnb_2dul .gnb_2dli:last-child .gnb_2da{padding-bottom:0;}
.gnb_2dul .gnb_2dli .gnb_2da:hover{color:var(--primary);font-weight:500;}


/*투명 hd*/
header.idx_hd .hd{background: transparent;outline:none;}
header.idx_hd .gnb li a{color:#fff;}
header.idx_hd .btn_tnb .tnb_name{color:#fff;}
header.idx_hd .btn_tnb .tnb_name span{color:#333; !important;}
header.idx_hd .btn_tnb .tnb_sel img{filter: invert(100%) sepia(0%) saturate(7485%) hue-rotate(255deg) brightness(104%) contrast(99%);}

.go_top {
    width: 7.0rem;
    height: 3.6rem;
    background: url(../image/gotop_btn.png)no-repeat center;
    background-color: #DDDDDD;
    background-size: 1.9rem auto;
    z-index: 1000;
    border-radius: 2.0rem;
    display: none;
    position: fixed;
   right: 3.0rem;
    bottom: 3.0rem;
}
.go_top.show{display: block;}
.zd_2{position:relative;z-index:2;}
.zd_3{position:relative;z-index:3;}

.form-bottom .col-3{flex: 0 0 18.56%;max-width: 18.56%;min-width:26.8rem;}

.icon90{width:9.0rem;flex-shrink: 0;}
.icon80{width:8.0rem;flex-shrink: 0;}
.icon70{width:7.0rem;flex-shrink: 0;}
.icon52{width:5.2rem;flex-shrink: 0;}
.icon50{width:5.0rem;flex-shrink: 0;}
.icon40{width:4.0rem;flex-shrink: 0;}
.icon38{width:3.8rem;flex-shrink: 0;}
.icon36{width:3.6rem;flex-shrink: 0;}
.icon32{width:3.2rem;flex-shrink: 0;}
.icon30{width:3.0rem;flex-shrink: 0;}
.icon28{width:2.8rem;flex-shrink: 0;}
.icon24{width:2.4rem;flex-shrink: 0;}
.icon22{width:2.2rem;flex-shrink: 0;}
.icon20{width:2.0rem;flex-shrink: 0;}
.icon18{width:1.8rem;flex-shrink: 0;}
.icon16{width:1.6rem;flex-shrink: 0;}
.icon15{width:1.5rem;flex-shrink: 0;}
.icon14{width:1.4rem;flex-shrink: 0;}

.btn_roudned {
    height: 4.0rem;
    width: 4.0rem;
    border: 1px solid var(--border);
    border-radius: 50%;
    z-index: 3;
    position: relative;
    padding: 0;
    flex-shrink: 0;
   background: #fff;
}
.btn_roudned:hover{background:var(--light);}

/* 헤더 */


/*검색*/
.sch_ip {display: flex;background:transparent;padding: 0 1.5rem 0 1.5rem;border-radius: 0.6rem;border:1px solid var(--border);}
.sch_ip .form-control{height:var(--height);padding: 0.5rem 0;margin-right:1.2rem;}
.sch_ip .form-control:focus {background-color: transparent;}
.sch_ip button{width:2.4rem;height:2.4rem;border:0;background: transparent;}


/* IE의 경우 */
.sch_ip .form-control::-ms-clear,
.sch_ip .form-control::-ms-reveal{
    display:none;
}
/* 크롬의 경우 */
.sch_ip .form-control::-webkit-search-decoration,
.sch_ip .form-control::-webkit-search-cancel-button,
.sch_ip .form-control::-webkit-search-results-button,
.sch_ip .form-control::-webkit-search-results-decoration{
    display:none;
}

/* IE의 경우 */
.form-control-line input::-ms-clear,
.form-control-line input::-ms-reveal{
    display:none;
}
/* 크롬의 경우 */
.form-control-line input::-webkit-search-decoration,
.form-control-line input::-webkit-search-cancel-button,
.form-control-line input::-webkit-search-results-button,
.form-control-line input::-webkit-search-results-decoration{
    display:none;
}
/*회색 검색*/
.sch_gray.sch_ip{background: var(--light);border:0;}




.ul_list{}
.ol_list{padding-left: 2rem;}
.ol_list li{margin-bottom:0.5rem;line-height: 140%;}




/*노데이터*/
.result_data{display:flex;align-items: center;justify-content: center;    flex-direction: column;}
.result_data img{width:9.0rem;}




.item_opt_counter {
    position: relative;
    width: 11.4rem;
    height: 3.5rem;
    line-height: 3.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
   z-index:2;
}
.item_opt_counter_btn {
    width: 3.5rem;
    height: 3.5rem;
    vertical-align: top;
    padding: 0;
    background: transparent;
   border: 1px solid #000;
   flex-shrink: 0;
   padding:0;
}

.item_opt_counter_btn.disabled, .item_opt_counter_btn:disabled{opacity: 0.3;background: transparent;}
.item_opt_counter .quantity{
    width: 48%;
    height: 100%;
    vertical-align: top;
    font-size: inherit;
    font-weight: 500;
    line-height: 4.4rem;
    text-align: center;
    border: unset;
}
.item_opt_counter .quantity:focus{outline: 0;}


.item_opt_counter.time_counter {
    width: 15.0rem;
    height: 4.7rem;
    line-height: 4.7rem;
    border-radius: 3.6rem;
    border: 1px solid #E3E3E3;
}
.item_opt_counter.time_counter .quantity {color: #000;font-size: 1.8rem;}



.item_opt_counter.disabled .quantity{color:#999;}
.item_opt_counter.disabled .item_opt_counter_btn{opacity: 0.3;}





/*에디터스타일*/
.edit_style{}
.edit_style .h1, .edit_style h1{font-weight:700;font-size:3.0rem;}
.edit_style .h2, .edit_style h2{font-weight:700;font-size:2.0rem;}
.edit_style .h3, .edit_style h3{font-weight:700;font-size:1.8rem;}
.edit_style .h4, .edit_style h4{font-weight:700;}
.edit_style img {
    max-width: 100%;
    width: auto !important;
    display: inline-block;
}
.edit_style *{font-size:inherit;}
.edit_style img{margin-bottom:1.0rem;}
.edit_style p{white-space: pre-line;line-height: 160%;}
.edit_style ol, .edit_style ul{padding-left: 1.4rem;line-height: 160%;}

/*스와이프 공통*/
.default_pager.swiper-pagination-fraction {
    background: var(--gray-300);
    color: #fff;
    border-radius: 2.0rem;
    padding: 0.8rem 1.0rem 0.6rem;
    font-size: 1.2rem;
    width: auto;
    left: unset;
    right: 1.5rem;
    bottom: 1.5rem;
    position: absolute;
}
.default_pager.swiper-pagination-bullets{display:flex;justify-content: center;}
.default_pager .swiper-pagination-bullet{background: var(--border);opacity:1;width:0.6rem;height:0.6rem;margin: 0 0.3rem;}
.default_pager .swiper-pagination-bullet-active {background: var(--primary);opacity: 1;}
.default_pager.swiper-horizontal>.swiper-pagination-bullets, .default_pager .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 1.1rem;}




/*아코디언 베이직*/
/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.accordion_basic li{border-bottom:1px solid var(--border);}
.accordion_basic li:last-child{}
.accordion_basic .hd_btn {
    padding: 1.8rem 0;
    height: auto;
    width: 100%;
    text-align: left;
}
.accordion_basic .content{padding:2.0rem 2.0rem;background:var(--light);}
.accordion_basic .btn[aria-expanded="false"] img, .accordion_box .btn[aria-expanded="false"] img{transform: rotate(0deg);}
.accordion_basic .btn[aria-expanded="true"] img, .accordion_box .btn[aria-expanded="true"] img{transform: rotate(180deg);}


.accordion_box > ul > li{background:#fff;border-radius:1.0rem;padding:1.8rem 2.0rem;margin-bottom:1.0rem;}
.accordion_box .hd_btn {
    height: auto;
    width: 100%;
    text-align: left;
   border-radius:0;
   padding:0;
}
.accordion_box .content{border-top:1px solid var(--border);margin-top:2.0rem;padding-top:1.5rem;}


/*서브*/
.rounded_box{border-radius:1.4rem;padding:5rem 7.2rem;border:1px solid var(--border-100);}

/*네비게이션*/
.page_navi_in{height:5.6rem;}
.page_navi .pg_name{color:;font-size:1.4rem;color:var(--gray-600);}
.page_navi span{margin:0 1.0rem;}


.sub_top{height:28rem;background-size:cover;background-position:center;padding-top:6.2rem;}
.sub_notices{background-image:url(../image/sub_notices.jpg);}
.sub_faqs{background-image:url(../image/sub_faqs.jpg);}
.sub_examples{background-image:url(../image/sub_examples.jpg);}
.sub_labs{background-image:url(../image/sub_labs.jpg);}
.sub_inqueries{background-image:url(../image/sub_inqueries.jpg);}
.sub_intro{height:44rem;background-image:url(../image/sub_intro.jpg);}
.sub_trends_plus{background-image:url(../image/sub_trends_plus.jpg);}
.sub_insight_plus{background-image:url(../image/sub_insight_plus.jpg);}
.sub_solution{background-image:url(../image/sub_solution.jpg);}

/*로그인*/
.login_box.rounded_box{padding:5rem 4rem;}
.regi_tit{padding-bottom:2.8rem;border-bottom:1px solid var(--border);}
.login_btn button{padding:0 1.5rem;border-right:1px solid var(--border);}
.login_btn button:last-child{border-right:0;}


/*회원가입*/
.join_box.rounded_box{padding:5rem 7.2rem;}




/*인사이트플러스*/

.insight_map{position:relative;}
.map_filter {position: absolute;top: 1.5rem;z-index: 10;left: 2.0rem;display: flex;flex-wrap: wrap;}
.map_filter .filter_btn{height:4.0rem;padding:0 1.5rem 0 0.8rem;border-radius:3.0rem;border:1px solid #DDDDDD;font-size:1.6rem;background:#fff;margin-right:0.6rem;
    transition: all 0.2s ease; /* 부드러운 전환 효과 추가 */
}
.map_filter .filter_btn img{width:3.2rem;margin-right:0.5rem;}

/* 활성화 상태 (기존) */
.map_filter .filter_btn.active{color:var(--primary);background:#EEEEEF;border-color:var(--primary);border-width:2px;font-weight:600;}

/* 호버 효과 추가 */
.map_filter .filter_btn:hover:not(.active) {
    background-color: #f9f9f9;
    border-color: #BBBBBB;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

/* 호버 시 span 색상 변경 */
.map_filter .filter_btn:hover:not(.active) span {
    color: var(--primary);
}

/* 클릭 효과 */
.map_filter .filter_btn:active {
    background-color: #f5f5f5;
    transform: translateY(1px);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.map_filter .filter_menu01 {display: none;flex-wrap: wrap;display:none;position: absolute;transform: translateY(1.5rem);}
.map_filter .filter_menu01.show{display: flex;}

.map_filter .filter_menu01 .filter_btn_sm{height:3.6rem;padding:0 1.6rem;border-radius:3.0rem;border:1px solid #BBBBBB;font-size:1.6rem;color:#666666;font-size:1.4rem;background:#fff;margin-right:0.6rem;
    transition: all 0.2s ease; /* 부드러운 전환 효과 추가 */
}

/* 활성화 상태 */
.map_filter .filter_menu01 .filter_btn_sm.active{color:#fff;background:var(--primary);border-color:var(--primary);
    font-weight: 500; /* 약간 두껍게 */
    box-shadow: 0 2px 6px #EEEEEF; /* 그림자 효과 */
}

/* 호버 효과 */
.map_filter .filter_menu01 .filter_btn_sm:hover:not(.active) {
    background-color: #f9f9f9;
    border-color: 1E1B25;
    color: 1E1B25;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* 클릭 효과 */
.map_filter .filter_menu01 .filter_btn_sm:active {
    background-color: #f5f5f5;
    transform: translateY(1px);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.map_filter .ft_rd_btn{height:4.0rem;width:4.0rem;background:#fff;border-radius:50%;padding:0;margin-right:0.6rem;}
.map_filter .map_sch{display:flex;height:4.0rem;width: 26.0rem;background:#fff;border-radius:2.0rem;}

.sch_layer {
/* 	display:none; */
    border: 1px solid var(--border);
    border-radius: 1.4rem;
    background: #fff;
    min-width: 40rem;
    position: absolute;
    top: 50px;
    padding: 1.4rem 0;
}
.sch_layer li a{display:block;padding:0.9rem 1.8rem;color:#000;font-weight:600;}
.sch_layer li em{color:var(--primary);font-style: normal;}
.sch_layer li:hover{background:var(--light);}


/* IE의 경우 */
.map_sch .form-control::-ms-clear,
.map_sch .form-control::-ms-reveal{
    display:none;
}
/* 크롬의 경우 */
.map_sch .form-control::-webkit-search-decoration,
.map_sch .form-control::-webkit-search-cancel-button,
.map_sch .form-control::-webkit-search-results-button,
.map_sch .form-control::-webkit-search-results-decoration{
    display:none;
}
.map_filter .map_sch .form-control {
    display: none;
    padding-right: 0;
    border: 0;
    background: transparent;
}
.map_filter .map_sch.active .form-control{display: block;}
.map_filter .map_sch .btn-icon{height:4.0rem;width:4.0rem;background:#fff;border-radius:50%;padding:0;}
.map_filter .map_sch .btn_delete{width:auto;}




.filter_menu02 .checks{display:flex;margin-bottom:1.0rem;color:var(--gray-600);}
.filter_menu02 .checks p{}
.filter_menu02 {
    display: none;
    position: absolute;
    left: 2.0rem;
    transform: translateY(0.9rem);
    background: #fff;
    padding: 2.5rem;
    border-radius: 1.4rem;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.06);
    width: 40rem;
    border: 1px solid var(--border);
    top: 10.4rem;
    z-index: 11;
}
.filter_menu02.show{display: block;}

.map_left{position:absolute;left:2.0rem;top:50%;z-index: 10;transform: translateY(-50%);}
.map_left .map_l_btn{background:#fff;border-radius:0.8rem;}

/*관심구역*/
.interest_area{position:absolute;left:2.0rem;bottom:2.0rem;z-index: 11;display:flex;flex-direction: column-reverse;align-items: flex-start;}
.btn_interest{background: #fff;padding: 0 1.5rem 0 1.0rem;border-radius: 0.8rem;}
.itrs_list{background: #fff;padding: 2.0rem;border-radius: 1.4rem;width:38.2rem;max-height: 28rem;overflow-y: auto;display:none;}
.itrs_list.show{display:block;}
.itrs_box{border-bottom:1px solid var(--border);padding-bottom:1.5rem;margin-bottom:1.5rem;}
.itrs_box:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}
.itrs_box li{display:flex;align-items: center;margin-bottom:1.0rem;}
.itrs_box li:last-child{margin-bottom:0;}

/*지도안 요소*/
.map_cluster_position {
    position: absolute;
    z-index: 1;
    top: 20%;
    left: 6rem;
    display: flex;
}
.map_cluster {
    display: flex;
    border-radius: 50%;
    color: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   border: 1px solid #7235FD;background: #7235fde6;
   font-size:1.6rem;
   cursor: pointer;
}
.map_cluster > div{margin-bottom:0.2rem;font-size:1.4rem;white-space: nowrap;}
.map_cluster:hover{color:#fff;}
.map_cluster.map_grade01{border-color:#7235FD;background: #7235fde6;width: 13rem;height: 13rem;}
.map_cluster.map_grade02{border-color:#9465FD;background: #9465FDe6;width: 10rem;height: 10rem;}
.map_cluster.map_grade03{border-color:#9D74FF;background: #9D74FFe6;width: 9rem;height: 9rem;}
.map_cluster.map_grade04{border-color:#C1A7FF;background: #C1A7FFe6;width: 8rem;height: 8rem;}
.map_cluster.map_grade05{border-color:#C9B2FF;background: #C9B2FFe6;width: 7rem;height: 7rem;}
.map_cluster.active{background: #fff;color:#7235FD;border-width: 2px;font-weight: 700;box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);}

.marker_complex_position{
    position: absolute;
    z-index: 1;
    top: 40%;
    left: 20rem;
    display: flex;
}
.marker_complex {
    max-width: 31rem;
    min-width: 20rem;
    background: #fff;
    border: 1px solid #BBBBBB;
    padding: 2.0rem 2.0rem 2.5rem;
    border-radius: 1.4rem;
   line-height: 140%;
   position: relative;
}
.marker_complex.marker_complex327{max-width: 32.7rem;min-width: 32.7rem;}
.marker_complex:after {
    content: '';
    display: block;
    width: 2.0rem;
    height: 1.8rem;
    background: url(../image/marker_complex.png) no-repeat center / cover;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 14px, 0);
}


/*지역보고서 및 상세리포트*/
.detail_panel_wrap{position:absolute;right:0;top:0;bottom: 0;z-index:101;}
.detail_panel_wrap.hide{display:none;}
.panel_handle {
    width: 3.0rem;
    height: 5.4rem;
    background-color:#fff;
   border-radius:0.8rem 0 0 0.8rem;
   border:1px solid #B1B1B1;
   border-right:0;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
   box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
    z-index: 10;
}
.panel_handle:after{content:'';display:block;width:1.9rem ;height:3.1rem; background: url(../image/panel_handle.png) no-repeat center;background-size:cover;margin: 0 auto;}
.panel_handle.arrow_r:after{transform: rotate(0deg);}

.detail_panel{width:97rem;background:#fff;box-shadow:0 0.3rem 1.0rem rgba(0,0,0,0.1);height: 100%;position:relative;z-index: 10;overflow-y: auto;right:0;overflow-x:hidden;}
.detail_panel.hide{display:none;}


.detail_panel .panel_hd {display: flex;justify-content: space-between;height: 6.4rem;align-items: center; padding: 0 3.0rem;background: #fff;position: sticky;top: 0;z-index: 3;}
.detail_panel .panel_hd .panel_hd_r{display: flex;align-items: center;}
.detail_panel .panel_hd .sel_lc_name{display: flex;align-items: center;}
.detail_panel .panel_hd .base_date{display: flex;align-items: center;}
.detail_panel .panel_tab{position: sticky;top: 6.4rem;display:flex;align-items: center;border-bottom:1px solid var(--border-100);padding-left:3.0rem;padding-right:3.0rem;justify-content: space-between;z-index: 2;}
.detail_panel .panel_tab .btn_roudned {height: 3.2rem;width: 3.2rem;margin-left: 1.0rem;}

.panel_tit{display: flex;justify-content: space-between;align-items: center;}
.graph_area{min-height:33rem;}
.label_rd{display:inline-block;width:1.4rem;height:1.4rem;border-radius:50%;}

.panel_content .row{margin-left:-1.0rem;margin-right:-1.0rem;}
.panel_content .row > .col,
.panel_content .row > [class*=col-] {
  padding-right: 1.0rem;
  padding-left: 1.0rem;
}


.tabin_filter{display:flex;align-items: center;}
.tabin_filter .sel_name{display:flex;align-items: center;align-self: flex-start; flex-shrink: 0;}
.tabin_filter .filter_dt{display:flex;align-items: center;flex-wrap:wrap;justify-content: flex-end;gap: 0.8rem;}

.tabin_filter.mb_20 {position: fixed !important;top: 196px;padding: 20px 0;margin-bottom: 0;width: calc(100% - 1001px);background: #fff;z-index: 9;}
.panel_content.p-5.cultureBtnInfo {padding-top:80px !important}

/*히트맵 팝업*/
.hit_map_pop {
    position: absolute;
    top: 50%;
    left: 2.0rem;
    z-index: 10;
    transform: translateY(-50%);
}
.hit_map_pop .hit_map_cont{background: #fff; width: 46.7rem;padding:2.5rem;border-radius:1.4rem;}
.hit_map_pop .hit_map_cont .hit_cont {
    max-height: 43rem;
    overflow-y: auto;
    overflow-x: clip;
}


/*날짜선택*/
.form-control-week.form-control-month{min-width: 14rem;}
.form-control-week {
	padding: 0;
	border-radius: 0.6rem;
	border: 1px solid var(--border-300);
	justify-content: center;
	min-width: 18rem;

}
.form-control-week .form-control {
	height: 3.8rem;
	background: transparent;
	border: 0;
	padding-left: 1.0rem;
	padding-right: 1.0rem;
	border-radius: 0;
	border-right:1px solid var(--border-100);
	flex:1 1 auto;
	width:100%;
	font-size:1.4rem;
}
.form-control-week .dropdown:last-child .form-control{border-right:0;}
.form-control-week .dropdown-menu {
	min-width: 100%;
	max-height: 24rem;
	overflow-y: auto;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	font-size:1.4rem;
}
.form-control-week .dropdown:nth-child(1) .form-control{min-width:6.7rem;}
.form-control-week .dropdown-menu .dropdown-item{padding: 0.6rem 0;text-align: center;}

/*로딩*/
.panel_loading {
    background: #fff;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 97rem;
    overflow-y: hidden;
   display:none;
}
.map_loading{position:absolute;top:0;left:0;z-index:1000;width: 100%;background: rgba(255, 255, 255, 0.7);align-items: center;justify-content: center;height: 100%;display:none;}
.panel_loading.show, .map_loading.show{display:flex;}
.loading_img{width:6.0rem;animation: rotate_image 3s linear infinite;transform-origin: 50% 50%;}
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}

/*찜하기*/
.bookmark_btn {
    border: 0;
    background-image: url(../image/bookmark_off.png);
    width: 4.0rem;
    height: 4.0rem;
    background-color: transparent;
    background-size: 2.4rem;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    position: relative;
    z-index: 1;
	border:1px solid var(--border);
	border-radius:50%;
	flex-shrink: 0;
	align-self: flex-start;
}
.bookmark_btn.active,
.bookmark_btn[aria-pressed="true"]{background-image: url(../image/bookmark_on.png);}




/*메인*/
.main_sec{margin-bottom:14rem;}
.benner-text p{color:var(--white);}
.benner-area{position: absolute; z-index: 1;   top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.benner-bg-area{position: relative;  width: 100%;  top: 0;  left: 50%;  transform: translateX(-50%);max-width: 100%;  height: 900px; overflow: hidden;}
.benner-bg-area img{width: 100%; height: 100%; object-fit: cover;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {width: 35px;  border-radius: 6px;  background-color: #fff;}
.swiper-pagination-bullet {overflow: hidden;  width: 12px;  height: 12px;  font-size: 1px;  line-height: 1;  color: transparent;   white-space: nowrap;  border-radius: 50%;  background-color: #fff;  display: inline-block;  margin: 0 6px !important;}
.swiper-pagination-box{position: absolute; z-index: 10; width: 100%;  bottom: 10%;  left: 50%;  transform: translateX(-50%);  max-width: 1440px; display: flex; align-items: center;}
.swiper-pagination-box .swiper-pagination{position:unset; width: auto;}
.btn-autoplay{width:36px; height:36px; border:0; background-color:#ffffff00; background:url(../image/stop.png); margin-right: 9px;}
.btn-autoplay.on{background:url(../image/play.png)}
.main_bn .swiper-button-prev:after, .main_bn .swiper-button-next:after{content: '';}
.main_bn .swiper-button-prev{background:url(../image/slide_prev_w.png); width: 70px;  height: 90px; left:3.0rem;}
.main_bn .swiper-button-next{background:url(../image/slide_next_w.png); width: 70px;  height: 90px;  right: 3.0rem;}
.trend_plus{display:flex; justify-content: center; gap:20px;}
.trend_plus li p{color:var(--white); }
.trend_plus li{width:calc(50% / 3); height:51.0rem; position: relative; border-radius:1.6rem; transition: width 1s;}
.trend_plus li.hover{width:50%;}
.trend_plus li:nth-child(1){background:url(../image/trend-plus1.jpg);}
.trend_plus li:nth-child(2){background:url(../image/trend-plus2.jpg);}
.trend_plus li:nth-child(3){background:url(../image/trend-plus3.jpg);}
.trend_plus li:nth-child(4){background:url(../image/trend-plus4.jpg);}
.tp_textbox{padding:3.8rem; 3.0rem; background: linear-gradient(0deg, rgba(48,48,48,0.93) 0%, rgba(48,48,48,0) 100%); position: absolute; border-radius:1.6rem; width: 100%; bottom: 0; left: 0;}
.trend_plus li .tp_textbox > div{max-height:0; overflow:hidden; opacity:0;}
.trend_plus li.hover .tp_textbox > div{max-height:100%; opacity:1; transition: all 1s;}
.trend_plus li.hover .tp_textbox > div p{text-wrap-mode: nowrap;}
.marketing_plus{margin-bottom:17rem;}
.insite_plus{background-color:#0d0d0c; padding:13rem 0 10rem;}
.insite_plus ul li a{display:block;height:50rem; padding: 4rem 3.2rem; border-radius: 1.6rem; background-size:cover;background-repeat:no-repeat;background-position:center;}
.insite_plus ul li:nth-child(1) a{background-image:url(../image/main_insite_plus01.jpg);}
.insite_plus ul li:nth-child(2) a{background-image:url(../image/main_insite_plus02.jpg);}
.insite_plus ul li:nth-child(3) a{background-image:url(../image/main_insite_plus03.jpg);}
.insite_plus ul li:nth-child(4) a{background-image:url(../image/main_insite_plus04.jpg);}
.main_member{margin-bottom:13rem;}
.data_product_item a {
    background: url(../image/data-product-left.jpg) no-repeat;
    display: flex;
    height: 20rem;
    background-position: center;
    background-size: cover;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    border-radius: 1.6rem;
    flex-direction: column;
    justify-content: center;
}
.data_product_item p{}
.data_product_right a{background: url(../image/data-product-right.jpg) no-repeat;}
.data_product_right .fs_17{color:rgba(255,255,255,0.8);}
.data_laboratory li{margin-bottom:2.0rem;}
.data_laboratory li .item{padding: 4.0rem 3.0rem 3.0rem;border: 1px solid #ebebeb; border-radius: 1.6rem;  position: relative;background: #fff;}
.notice_box li .item{padding: 3.0rem; border: 1px solid #ebebeb; border-radius: 1.6rem;  position: relative; overflow: hidden;}


/*게시판 관련 css*/
/*아이템*/
.item {display:block;}
.item .black-tag{position: absolute; top: 0; left: 0;  padding: 1.0rem;  background-color: #000;  font-size: 14px;  font-weight: 500;  color: #fff;  border-radius: 14px 0 14px 0;}
.item .dl-bottom{display: flex; align-items: center; justify-content: space-between;}
.item .g-tag-box{display: flex; flex-wrap: wrap;}
.item .g-tag{font-size: 1.4rem; font-weight: 300; background-color: #f3f3f3; padding: 5px;margin-right:0.5rem;}
.item .date{color:#666666;font-size:1.4rem;}
.item .dl-info{color:#666666;line-height:500;}
.item .thum{position:relative;overflow: hidden;}
.item .tit{font-size:22px;font-weight:700;}


.bo_sch{width:41.5rem;}
.bo_sch .col-auto{width:12.4rem;}


.bo_tit{border-top:1px solid #000;border-bottom:1px solid var(--border);padding:2.2rem 3.2rem;background:var(--light);}
.bo_date{display:flex;padding:1.6rem 3.2rem;border-bottom:1px solid var(--border);justify-content: flex-end;}
.bo_cont{padding:3.2rem 3.2rem;border-bottom:1px solid var(--border);}
.bo_cont .editer_area{margin-bottom:3.0rem;}

.bo_download{padding:1.6rem 3.0rem;border:1px solid var(--border-100);border-radius:0.6rem;}
.bo_download li{margin-bottom:1.0rem;}
.bo_download li:last-child{margin-bottom:0;}
.bo_download li a{display:flex;align-items: center;}
.bo_download li a img{margin-right:0.8rem;}

.faq_mng{position:relative;z-index:5;padding:0 1.5rem;}

.info_row{padding:3.2rem 3.0rem;border-top:1px solid #000;border-bottom:1px solid var(--border);}
.info_row li{margin-bottom:1.6rem;}
.info_row li:last-child{margin-bottom:0;}

/*faq*/
.faq_list{border-top:1px solid #000;}
.faq_list .faq_hd{padding:0 3.2rem;display:flex;border-bottom:1px solid var(--border);align-items: center;position: relative;z-index: 1;}
.faq_list .faq_hd .btn-link{justify-content: flex-start;padding:2.5rem 0;}
.faq_list .faq_hd .btn-link:after {
    content: '';
    display: block;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.06);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
	transition:all .1s ease-out .01s;
}
.faq_list .faq_hd .btn-link[aria-expanded="false"] img{transform: rotate(0deg);}
.faq_list .faq_hd .btn-link[aria-expanded="true"] img{transform: rotate(180deg);}
.faq_list .faq_hd .btn-link[aria-expanded="true"]:after {opacity: 1;transition:all .1s ease-out .01s;}
.faq_content{background:#F8F8F8;padding:3.0rem;}

.bo_gall li{margin-bottom:5.0rem;}
.bo_gall .thum{border:1px solid var(--border-100);border-radius:1.4rem;margin-bottom:2.3rem;}


/*데이터실험실*/
.labs_pg{padding-bottom:0;}
.labs_cont{padding-top:8.0rem;}
.btn.btn_ic_sel{border-width:1px !important;padding-left: 0.8rem; padding-right: 2.0rem;height: 5.6rem;border-radius: 5.0rem;}
.btn.btn_ic_sel img{filter: grayscale(100%);}
.btn.btn_ic_sel input:checked + img, .btn.btn_ic_sel.active img{filter: grayscale(0%);}

/*데이터관리*/
.data_progress_wrap{display:flex;align-items: center;}
.data_progress_wrap.hide{display:none;}
.data_progress{width:10rem;display:block;height:0.8rem;border-radius:1.0rem;background:var(--border-100);position:relative;}
.data_progress .ing{background:var(--primary);display:block;width:0%;height:100%;border-radius:1.0rem;position:absolute;top:0;left:0;}
.data_progress_wrap .perc {
    width: 4rem;
    text-align: center;
    margin-left: 1.5rem;
	font-size:1.4rem;
}
.down_user_box{max-height:70rem; overflow-y: auto;}

.download_box{max-height:30rem; overflow-y: auto;}
.download_box li{margin-bottom:1.2rem;}
.download_box li label{display:flex;align-items: center;padding:2.6rem 2.0rem;border:1px solid var(--border-100);border-radius:0.6rem;cursor: pointer;}
.download_box li:last-child{margin-bottom:0;}


.download_result li{margin-bottom:1.2rem;display:flex;align-items: center;}
.download_result li:last-child{margin-bottom:0;}


/*데이터 소개*/
.sec_left{width:44rem;}
.intro_tit {
    color: var(--primary);
    font-weight: 700;
    padding: 1.9rem 0;
    font-size: 2.0rem;
    margin: 0 auto 4.0rem;
    display: inline-block;
    border-bottom: 3px solid var(--primary);
}
.outline_box{
	color: var(--primary);
    border:1px solid var(--primary);
    padding: 1.2rem 3.7rem;
	font-weight: 500;
    border-radius: 4rem;
    display: inline-block;
}
.intro_sec01{margin-top:8rem;margin-bottom:12rem;}
.sec01_rounded {
    width: 40rem;
    height: 40rem;
    margin-right: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #bbb;
    border-radius: 50%;
}
.sec01_rounded .rounded_in {
    width: 25rem;
    height: 25rem;
    color: #fff;
    background: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    font-weight: 600;
}
.sec01_ul > ul > li{margin-bottom:2.0rem;}
.sec01_ul > ul > li > .media{padding:2.9rem 4.0rem;border:1px solid var(--border);border-radius:1.4rem;align-items: center;height: 100%;}
.sec01_ul > ul > li > .media .flex-fill{align-self: flex-start;}

.intro_sec02{padding:10.0rem 0;}
.intro_sec03{padding-top:12.0rem;}

.intro02_sec01{margin-top:8rem;margin-bottom:14rem;}
.intro02_box .box01{padding:4.0rem 3.0rem;border:1px solid var(--border);border-radius:1.4rem;height:44.3rem;}
.intro02_box .box_arrow{display:block;margin:3.0rem auto;width:17.5rem;height:4.8rem;background:url(../image/box_arrow.png)no-repeat center / cover;}
.intro02_box .box02{padding:4.5rem 2.0rem;background:var(--light);border-radius:1.4rem;text-align:center;}


.sec02_ul > ul > li{padding:5.0rem 3.0rem 6.0rem;background:var(--light);border-radius:1.4rem;margin-bottom:2.0rem;}
.sec02_ul > ul > li:last-child{margin-bottom:0;}


.gray_sec{padding-top:8.0rem;padding-bottom:10rem;}
.introd_box li{margin-bottom:5.0rem;}
.introd_box li .item_box{border-radius:1.6rem;background: #fff;align-items: center;overflow: hidden;}
.introd_box li .item_body{padding:3.0rem 5.0rem !important;}

/*푸터*/
.ft{padding:6.0rem 0 8rem;background:#2D2926;}
.ft .fnb a, .ft .fnb span{
    display: inline-block;
    font-weight: 600;
   color:#fff;
   opacity:0.8;
   padding:0 1.0rem;
   border-right:1px solid rgba(255,255,255,0.3);
}
.ft .fnb a:nth-child(1){padding-left:0;}
.ft .fnb a, .ft .fnb span{border:0;}
.ft .form-control-line.custom-select2{color:#888888;}
.ft .form-control-line.custom-select2:after{background-image: url(../image/ic_select_w.png);}

.ft .col-3{max-width: 22.078%;flex: 0 0 22.078%;}


.insightLogo p{margin-left: 12px;font-weight: 800;color: var(--gray);margin-top: 9px;font-size: 22px;}

/*범례 팝업*/
.legendModal {position:fixed;bottom:2.0rem;right:2.0rem;background:#fff;padding:1rem;border-radius:1.4rem;box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.06);z-index:20}
.legendModal li {font-weight:600;color:var(--gray-600);font-size:1.4rem !important;margin-bottom:4px;display:flex;align-items: center;}
.legendModal li:last-child{margin-bottom:0}
.legendModal li span.legendDot {width:12px;height:12px;border-radius:999px;display:inline-block;margin-right:6px;}
.legendModal li span.legendDot.map_grade01{background:#7235fde6}
.legendModal li span.legendDot.map_grade02{background:#9465FDe6}
.legendModal li span.legendDot.map_grade03{background:#9D74FFe6}
.legendModal li span.legendDot.map_grade04{background:#C1A7FFe6}
.legendModal li span.legendDot.map_grade05{background:#C9B2FFe6}

.layout_sb {display:flex;justify-content: space-between;align-items: center;}
.dpl_b {display:block;}
.pr2rem{padding-right:2.4rem !important}
.tac{text-align:center;}
.mr0{margin-right:0 !important}

/*culture*/
.cultureBtnInfo .tabin_filter.mb_20{position:relative;}
.cultureBtnInfo .tabin_filter.mb_20 .cultureBtnInfoText {display:none;}
.cultureBtnInfo .tabin_filter.mb_20 .cultureBtnInfoText.show{display: block;padding: 12px;border-radius: 8px;background: #fff;position: absolute;top: -55px;right: 0;border: 1px solid var(--gray-200);z-index: 9;font-size: 14px;}
.cultureBtnInfo .tabin_filter.mb_20 .cultureBtnInfoText.show:after {content: '';width: 10px;height: 10px;background: #fff;position: absolute;bottom: -6px;right: 16px;transform: rotate(45deg);border-bottom: 1px solid var(--gray-200);border-right: 1px solid var(--gray-200);}
.cultureBtnInfo .tabin_filter.mb_20 .cultureBtnInfoText span{color:#7936f3;font-weight: 600;;}

/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="false"] img{transform: rotate(0deg);}

 /* 펼쳐진 상태에서는 화살표 위 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="true"] img{transform: rotate(180deg);}


/*반응형 max 1400 xl*/
@media (max-width: 1500px) {

   /*hd*/
   .hd .container-fluid{height:var(--hd_height);padding-left:3.0rem;padding-right:3.0rem;}

   /*gnb_all*/
   .gnb_all .container-fluid {padding: 3.0rem 1.8rem 6.0rem;}
   #header .container-fluid .gnb .align-items-center {min-width:1000px;}
   .gnb_all .container-fluid{min-width:1000px;}
   .gnb_all .container-fluid .gnb_1dul{max-width:1000px;min-width:1000px;}
}

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {

} 


/*반응형 max 992px lg*/
@media (max-width: 991.98px) {


} 


/*반응형 max 767px md*/
@media (max-width: 767.98px) {

}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) { 
    
} 

/*반응형 max 375px*/
@media (max-width:375px) {


}