@charset "utf-8";
	
/* Media Query - 올포원 */

@media all and (max-width:1757px) {

.m_quick { display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; bottom:50px; right:30px; opacity:0; transition:all 0.3s; z-index:22; }
.m_quick.fixed { position:fixed; opacity:1; transition:all 0.3s; }
.m_quick.fixed.active { opacity:0; }
.quick_btn, .go_top { display:flex; justify-content:center; align-items:center; right:30px; width:70px; height:70px; color:#fff; border-radius:50%; background-color:#153879; /* background-image:linear-gradient(315deg, #153879 0%, #0092e5 54%); */ outline:none !important; z-index:2; }
.quick_btn { margin-bottom:10px; }

.quick_menu { right:-125px; height:616px; transition:all 0.3s; }
.quick_menu .quick_close { display:block; }
.quick_menu h3 { padding-top:10px; height:80px; }
.quick_menu.active { top:50%; right:10px; transition:all 0.3s; transform:translateY(-50%); }

/* 서브페이지 퀵 메뉴 */
.quick_menu.sub_quick { display:none; }

}

@media all and (max-width:1600px) {

#header_top .header_wrap { padding:0 100px; transition:all 0.3s; }
/* 서브메뉴 개별 이동 */
#header_top #gnb > ul > li:nth-of-type(3) > .sub > ul { justify-content:end; margin-right:49%; }
#header_top #gnb > ul > li:nth-of-type(4) > .sub > ul { justify-content:end; margin-right:36%; }

}

@media all and (max-width:1440px) {
.site_map #header_top #gnb > ul { margin-left:50px; }
}

@media screen and (max-width:1380px){
	
#header_top #gnb > ul > li > .sub > ul > li { width:25%; }
/* 서브메뉴 개별 이동 */
#header_top #gnb > ul > li:nth-of-type(3) > .sub > ul { justify-content:end; margin-right:0%; width:auto; }
#header_top #gnb > ul > li:nth-of-type(4) > .sub > ul { justify-content:end; margin-right:0%; width:auto; }

}

@media all and (max-width:1317px) {
	
/* section 공통 */ 
section { padding:0 20px; }

}

@media all and (max-width:1280px) {

.main_top_banner .cls_area { right:20px; } 
#header_top .header_wrap { padding:0 30px; transition:all 0.3s; }

}

@media all and (max-width:1240px) {
.sec01 { padding:2.143rem; }
.sec02 .sec_inner, .sec03 .sec_inner, .sec06 .sec_inner, .sec08 .sec_inner { padding:2.143rem 0; }
.sec_list .sec_inner { padding:3.125rem 0 2.143rem 0; }
/* section 01 */
/* .sec01 .sec_inner .total_conts { width:594px; } 지울것 */
.sec01 .sec_inner { padding-top:20px; padding-bottom:20px; }
.sec01 .sec_inner .total_cnt { flex-direction:column; height:inherit; }
/* 국내/해외 탭 */
.total_cnt .total_head { width:100%; max-width:900px; height:140px; }
.sec01 .sec_inner .total_conts { width:100%; max-width:950px; height:270px; }
.total_cnt .total_sum_cnt .total_tab { flex-direction:row; justify-content:space-between; }
/* .total_cnt .total_sum_cnt .total_tab .sum_cnt_row { margin-bottom:10px; } */

}

@media all and (max-width:1200px) {

/* header / sitemap */
#header_top .header_wrap #logo a img { height:45px; }
#header_top .header_wrap .gnb { width:600px }
#header_top .gnb { margin:0 20px; }
#header_top .gnb > ul { position:static; }
#header_top .gnb > ul > li > a { font-size:18px; }
#header_top .gnb_bg .gnb_etcMenu { width:17%; }
#header_top #gnb > ul > li > .sub > ul > li > a { font-size:1.019rem; }
/* 서브 메뉴 > 오른쪽 메뉴 */
#header_top .gnb_bg .gnb_etcMenu ul li a { padding-left:0.625rem; }
#header_top .gnb_bg .gnb_etcMenu ul li a i { display:none; }

.site_map #header_top #gnb > ul > li { width:13%; }
.site_map #header_top #gnb > ul > li > a { font-size:1.4rem; } 

/* main visual */
.srch_wrap { padding:0 30px; max-width:980px; }
.srch_box .srch_input { width:700px; max-width:700px; }
.popular_srch .word { max-width:770px; }
.search_tooltip_button { right:35px; }

/* section 공통 */ 
.sec02, .sec03, .sec_list, .sec06 { border-radius:0; }

/* 페이징 */
.cnt_paging { left:50%; right:inherit; transform:translate(-50%, -85%); }
/* section 02 */
.sec02 .classification .classification_pasing .swiper_btn_wrap { width:110px; }
/* section 03 */
.sec03 .data_use .use_card p { font-size:17px; }
.sec03 .data_use .use_card h3 { font-size:21px; }
.sec03 .data_use .resrch_data .resrch_card p { font-size:17px; }
.sec03 .data_use .resrch_data .resrch_card h3 { font-size:21px; }

/* section 04 */
.sec_list .sec_inner .list_tab_body .list_card { margin-right:0; width:23.5%; max-width:inherit;  }

/* section 05 */

/* section 07 */


}

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

/* 공지 팝업 */
.layerPop .layerConts .layerContsInner { scale:0.8; }
.main_popupZone.layerPop .layerConts .main_btn_area { bottom:calc(50% - 300px); }
/* section 03 */
/* .sec03 .data_use { flex-wrap:wrap; gap:20px }
.sec03 .data_use .use_card { margin-right:0; width:48.8%; }
.sec03 .data_use .resrch_data { width:48.8%; } */
.sec03 .data_use .use_card { margin-right:0; width:23%; height:280px; }
.sec03 .data_use .resrch_data { width:23%; height:280px; }
/* section 05 */
.sec05 .menu_link .menu_card { margin-right:0; width:23%; height:240px; }



}

@media all and (max-width:1024px) {
	
/* top banner */
.top_banner_swiper ul li a .banner_txt { max-width:60%; }
	
}

@media all and (max-width:1000px) {
	
/* top banner */
.top_banner_swiper ul li a .banner_txt { font-size:16px; }
/* main visual */
.main_visual { padding-top:190px; height:730px; }
.srch_wrap { padding:0; max-width:777px; }
.srch_box { justify-content:center; }
.srch_box .srch_input { width:500px; max-width:500px; }
.popular_srch { justify-content:center; margin-top:40px; }
.popular_srch .word { width:670px; height:53px; overflow:hidden; }
.search_tooltip_button { top:77px; right:2%; }

/* 모바일 사이트맵 */
.mo_mem { height:5rem; }
#header_top .header_wrap { display:flex; justify-content:space-between; height:80px !important; }
#header_top #logo.myD_logo { margin-top:-1.4rem  }
/* #header_top .etc_menu .btn_total i::before  { content:"\e903" } */
#header_top .etc_menu ul { width:inherit; }
#header_top .etc_menu ul li:not(:last-child) { display:none; }
#header_top .etc_menu ul.link { justify-content:end; }
#header_top .etc_menu .link.login { display:none; }
#header_top #gnb * { font-family:"Noto Sans KR", sans-serif !important; }
#header_top #gnb { display:none; margin:0; position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; box-sizing:border-box; overflow:auto; z-index:50; }
#header_top #gnb > ul { display:block; padding:1rem 0 0 0.5rem; width:8rem; height:calc(100% - 5rem); background:#d5edff; box-sizing:border-box }
#header_top #gnb > ul > li { width:100% }
#header_top #gnb > ul > li > .sub { width:100%; min-height:inherit; top:5rem; padding:1rem 0.5rem 0 8.5rem; border-top:1px solid #ddd }
#header_top #gnb > ul > li > a { margin-top:1rem; display:block; position:relative; padding:0; height:auto; line-height:2.4rem; text-align:left; font-size:1rem; color:#333; transition:all 0.5s; z-index:11; }
#header_top #gnb > ul > li:first-child > a { margin-top:0 }
#header_top #gnb > ul > li > a.on { color:#1845b5 }
#header_top #gnb > ul > li > a.on:after { opacity:1 }
#header_top #gnb > ul > li > a.on+.sub { display:block; background:#fff; background-clip:content-box }
#header_top #gnb > ul > li.on .sub {  display: block; background:#fff; background-clip:content-box; }
#header_top #gnb > ul > li > .sub > ul { flex-direction:column; padding:0 }
#header_top #gnb > ul > li > .sub > ul > li { width:100%; margin:0 }
#header_top #gnb > ul > li > .sub > ul > li > a { position:relative; display:block; padding:0.7rem 0.2rem; height:auto; line-height:inherit; font-size:1rem; color:#333; border:0; border-bottom:1px solid #ddd; border-radius:0; }
#header_top #gnb > ul > li > .sub > ul > li > a.dep:after { content:"\e942"; font-family:"xeicon"; display:inline-block; position:absolute; right:0.2rem; top:50%; margin-top:-0.7rem; line-height:1; font-size:1.4rem; transition:all .3s }
#header_top #gnb > ul > li > .sub > ul > li > a.on.dep:after { transform:rotate(180deg); color:#555 }
#header_top #gnb > ul > li > .sub > ul > li > a.empty:after { display:none }
#header_top #gnb > ul > li > .sub > ul > li > a.on,
#header_top #gnb > ul > li > .sub > ul > li > a:focus,
#header_top #gnb > ul > li > .sub > ul > li > a:hover { background:none; color:#000 }
#header_top #gnb > ul > li > .sub > ul > li > a.on+ul { display:block; background:#f2f2f2 }
#header_top #gnb > ul > li > .sub > ul > li > a::after { display:none }
#header_top #gnb > ul > li > .sub > ul > li > ul { display:none; padding:0.8rem 0.5rem }
#header_top #gnb > ul > li > .sub > ul > li > ul > li { margin-top:0.6rem }
#header_top #gnb > ul > li > .sub > ul > li > ul > li:first-child { margin-top:0 }
#header_top #gnb > ul > li > .sub > ul > li > ul > li > a { font-size:0.9rem }
/* 서브메뉴 개별 이동 */
#header_top #gnb > ul > li:nth-of-type(3) > .sub > ul { width:100%; }
#header_top #gnb > ul > li:nth-of-type(4) > .sub > ul { width:100%; }

#header_top #gnb .all_close { display:block }
/* section 01 */
.domestic .swiper-slide.cnt_card, .overseas .swiper-slide.cnt_card { width:48.8%; max-width:inherit; }
/* section 04 */
.sec_list .sec_inner .list_tab_body .list_card { width:48.5%; max-width:inherit; }
/* section 06 */
.sec06 .link_banner .swiper-slide { flex-direction:column; }
.sec06 .link_banner .swiper-slide h3, .sec06 .link_banner .banner_logo { width:100%; }
.sec06 .baner_paging .swiper_next, .sec06 .baner_paging .swiper_prev { top:calc(50% + 50px); }
/* section 07 */
.tab_body_inner { flex-wrap:wrap; gap:15px; }
/* section 08 */
.sec08 .sec_inner .link_banner02 a img { height:45px; }

}

@media all and (max-width: 975px) {
/* section 01 페이징 */
.cnt_paging { width:110%; }
/* 맵검색 */
/* .map_srch_wrap { flex-direction:column; align-items:start } */
.srch_box.map_srch .srch_input { width:100%; max-width:280px;}
.temp_tip.tip_btn { position:absolute; top:-41px; right:0; }
}

@media all and (max-width: 800px) {
/* top banner */
.top_banner_swiper ul li a { width:75%; }

/* quick menu */
.quick_btn, .go_top { width:55px; height:55px; font-size:12px; }
.quick_menu { width:95px; height:530px; }
.quick_menu h3 { font-size:14px; }
.quick_menu ul li a { font-size:14px; }
.quick_menu ul li a .menu_inner { padding:10px 0; }
.quick_menu #goToTop { font-size:14px; }
/* section 01 */
.sec01 .sec_inner .total_conts .total_tab02 { padding:5px 7px; }
/* section 02 */
/* .sec02 .classification .item .item_icon { background-size:70px; } */
.sec02 .classification .classification_pasing .swiper_btn_wrap { width:70px; }
/* section 03 */
.sec03 .data_use { flex-wrap:wrap; gap:25px; justify-content:center; }
.sec03 .data_use .use_card, .sec03 .data_use .resrch_data { flex:1 1 47.5%;; /* max-width:305px; */ height:340px; }
/* section 05 */
.sec05 .menu_link { flex-wrap:wrap; gap:25px; justify-content:center; }
.sec05 .menu_link .menu_card { flex:1 1 47.5%;; height:300px; }
/* section 06 */
.sec06 .link_banner .swiper-slide { padding:0; }
.sec06 .link_banner .swiper-slide:first-child h3 { margin-bottom:30px; }
.sec06 .link_banner .banner_logo { padding:0 15px; }
.sec06 .baner_paging { position:absolute; bottom:55px; left:50%; width:95px; transform:translateX(-50%); z-index:1; }
.sec06 .baner_paging .paging_inner .swiper-button-next:after, .sec06 .baner_paging .paging_inner .swiper-button-prev:after { font-size:30px; }
.sec06 .baner_paging .swiper_next, .sec06 .baner_paging .swiper_prev { top:calc(50% + 25px); }
}

@media all and (max-width: 767px) {
/* top banner */
.top_banner_inner { justify-content:start; }
.top_banner_swiper ul li a { justify-content:start; }
.top_banner_swiper ul li a .icon { margin-right:5px; }
/* 서브페이지 퀵메뉴 */
.m_quick.m_sub_quick.fixed { display:none; }
.quick_menu.sub_quick.fixed.active { display:none; }

.main_count > div { height:135px; }
.main_count > div.data_set { flex-direction:column; justify-content:center; align-items:center; padding-left:20px; }
.main_count > div.file_cnt { flex-direction:column; justify-content:center; align-items:center; padding-right:20px; }
.main_count > div.data_set img, .main_count > div.file_cnt img { width:41px; }
.main_count > div .cnt_txt { padding:0; text-align:center; }
.main_count > div .cnt_txt p:first-child { margin-top:10px; }
.main_count > div .cnt_txt p:last-child { font-size:20px; }
/* section 08 */
.sec08 .sec_inner .link_banner02 { flex-wrap:wrap; gap:25px; }
.sec08 .sec_inner .link_banner02 a { flex:1 1 47.5%; margin-right:0; }
}

@media all and (max-width: 700px) {
.srch_box button.srch_dtl_btn { padding:0; background-color:#153879; background-image:none; }
.srch_box button.srch_map_btn { padding:0; background-color:#0092e5; background-image:none; }
}

@media all and (max-width: 700px) {
/* top banner */
.top_banner_swiper ul li a { width:60%; }
}

@media all and (max-width: 674px) {
/* 공지팝업 */
.layerPop .layerConts { scale:0.8; }
.layerPop .layerConts .layerContsInner { scale:0.6; }
.main_popupZone.layerPop .layerConts .main_btn_area { bottom:calc(50% - 250px); }
/* main visual */
.main_visual { height:650px; }
.main_visual h1 { font-size:22px; }
.main_visual h1 b { font-size:28px; }
.main_visual h1 strong { font-size:30px;  }
.srch_wrap { margin:25px auto 0 auto; }
.search_tooltip { padding:10px; width:450px; }

/* section 06 */
.sec06 .link_banner .banner_logo { justify-content:start; flex-wrap:wrap; }
.sec06 .link_banner .banner_logo a { width:26.5%; }
.sec06 .baner_paging { bottom:20px; }
.sec06 .baner_paging .swiper_next, .sec06 .baner_paging .swiper_prev { top:50%; }

}

@media all and (max-width: 555px) {
	
/* section 04 */
.sec_list .sec_inner .list_tab_body .list_card { width:100%; }

}

@media all and (max-width: 540px) {
#header_top .etc_menu ul.link { width:auto !important; }
.main_visual { padding-top:150px; }
.main_count { margin-top:90px; }
#map { height:60%; }
#mapSearchModal { top:50%; height:90%; transform:translateY(-55%); }
/* section 01 페이징 */
.cnt_paging { width:115%; }
/* section 02 */
.sec02 .classification .item .item_icon { background-size:70px; }
/* 맵검색 */
.srch_box.map_srch { flex-direction:column; align-items:start; width:100%; }
.srch_box.map_srch .srch_input { width:88%; max-width:88%; }
.srch_box.map_srch .srch_select { margin:5px 0 0 0; width:88%; }
.srch_box.map_srch .reset_btn { position:absolute; top:0; right:0; margin-right:0; height:75px; }
.map_srch_wrap .srch_list { left:0; width:88%; }
.centerBtn_wrap { bottom:-35px; }

/* 국내/해외 탭 */
.total_cnt .total_head { height:150px; }
.total_cnt .total_sum_cnt { margin-top:1.25rem; }
.total_cnt .total_sum_cnt .total_tab { flex-wrap:wrap; flex-direction:row; justify-content:space-between; }
}

@media all and (max-width: 490px) {
/* 맵검색 */
.srch_box.map_srch .srch_input { width:78%; max-width:78%; }
.srch_box.map_srch .srch_select { margin:5px 0 0 0; width:78%; }
.map_srch_wrap .srch_list { left:0; width:78%; }
}

@media all and (max-width: 430px) {
.main_visual { height:597px; }
.main_visual h1 { font-size:20px; }
.main_visual h1 strong, .main_visual h1 b { font-size:25px; }
.srch_box { flex-direction:column; position:relative; }
.srch_box .srch_input { width:100%; max-width:inherit; }
.srch_box button.srch_dtl_btn, .srch_box button.srch_map_btn { position:absolute; top:75px; padding-left:35px; width:49.5%; height:45px; }
.srch_box button.srch_dtl_btn { left:-10px; background:#153879 url(../images/main/2024/icon_dtl_srch.svg) 45px center/18px 18px no-repeat; }
.srch_box button.srch_map_btn { right:0; background:#0092e5 url(../images/main/2024/icon_map_srch.svg) 40px center/20px 18px no-repeat; }
.search_tooltip_button { top:128px; }
.search_tooltip { top:155px; padding:5px; width:315px; }
.search_tooltip .srch_tooltip_tbl { font-size:12px; }
.popular_srch { display:none; }
.main_count { margin-top:100px; }
/* section 01 */
.sec01 .sec_inner { padding:10px; }
.cnt_card .cnt_box { margin:0.625rem; }
.cnt_card .cnt_box > div { width:50%; justify-content:start; }
.cnt_card .cnt_box .cnt_left { align-items:start; }
.cnt_card .cnt_box .cnt_right { align-items:end; }
.cnt_card .cnt_box .cnt_left p, .cnt_card .cnt_box .cnt_right p { margin-bottom:1.7rem; font-size:1.1rem; word-break:break-all }
.cnt_card .cnt_box .cnt_left p.data,
.cnt_card .cnt_box .cnt_left p.field,
.cnt_card .cnt_box .cnt_left p.files { width:100%; height:30px; background-size:33px 30px; background-position:0 center; }
.cnt_card .cnt_box .cnt_left p em,
.cnt_card .cnt_box .cnt_right p em { display:inline-block; margin-left:10px; width:100%; height:30px; }
/* section 01 페이징 */
.cnt_paging { width:125%; }
/* section 02 */
.sec02 .classification .item .item_icon { background-size:100px; }
.sec02 .classification .item span { font-size:1.063rem; }
/* section 06 */
.cnt_card .cnt_box .cnt_left p, .cnt_card .cnt_box .cnt_right p { margin-bottom:1rem; }
/* section 07 */
.sec07 .list_tab_body .list_more { top:-40px; }
.sec_list .sec_inner .list_tab_head button:not(:last-child) { margin-right:10px; }
	
}

@media all and (max-width: 380px) {
	
}

@media all and (max-width: 355px) {
/* section 01 */
.total_sum_cnt .sum_cnt_row { margin-bottom:0.1rem; }
/* section 06 */
.sec06 .link_banner .banner_logo a { width:17%; }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  /** Tablet  */
}

/* 모바일 : 320 ~ 430 */