@charset "utf-8";

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 공통 */
.ellipsis { width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.ellipsis_two_line { width:100%; text-overflow:ellipsis; overflow:hidden; display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  
#mainContainer { position:relative; overflow-x:hidden; }
#mainContainer, #mainContainer * { line-height: 1.4; box-sizing: border-box; }
section { background-color:#fff; }
.section { position: relative; margin:0 auto; max-width:1300px; }
.sec03 { border-radius:0 150px 150px 0; }
/* .sec02, .sec04, .sec06 { background-color:#f4fcff; } */
.sec01, .sec03, .sec07, .sec08 { background-color:#f4fcff; }

/* 공통 css - swiper 커스텀 용 소스 백업 */
.swiper_next,.swiper_prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper_next.swiper-button-disabled,.swiper_prev.swiper-button-disabled {
    opacity: .15;
    cursor: auto;
    pointer-events: none
}

.swiper_next.swiper-button-hidden,.swiper_prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper_next,.swiper-navigation-disabled .swiper_prev {
    display: none!important
}

.swiper_next:after,.swiper_prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper_prev,.swiper-rtl .swiper_next {
    left: 10px;
    right: auto
}

.swiper_prev:after,.swiper-rtl .swiper_next:after {
    content: 'prev'
}

.swiper_next,.swiper-rtl .swiper_prev {
    right: 10px;
    left: auto
}

.swiper_next:after,.swiper-rtl .swiper_prev:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}
/* //공통 css - swiper 커스텀 용 소스 백업 */

/* swiper 페이징 공통 */
.swiper-pagination { top:-41px; height:100%; }

body { position:relative; top:0; transition:0.3s ease-in-out; }
body.top_banner_open { top:70px; transition:0.3s ease-in-out; }

/* top banner */
.main_top_banner { position:absolute; top:-70px; left:0; width:100%; background-color:#fff; transition:0.3s ease-in-out; z-index:10000; }
/* .main_top_banner.top_banner_open { top:0; } */
.top_banner_inner { display:flex; justify-content:center; align-items:center; width:100%; height:70px; border-bottom:1px solid #ccc; overflow:hidden; }
.top_banner_inner .top_banner_swiper { display:flex; justify-content:center; align-items:center; width:100%; }
.top_banner_swiper ul { width:100%; height:30px; }
.top_banner_swiper ul li a { display:flex; justify-content:center; align-items:center; padding:0 20px; width:100%; }
.top_banner_swiper ul li a .icon { display:inline-block; margin:-5px 15px 0 0; vertical-align:middle; }
.top_banner_swiper ul li a .icon img { max-width:inherit; }
.top_banner_swiper ul li a .banner_txt { max-width:65%; font-size:18px; font-weight:bold; color:#17295e; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.main_top_banner .cls_area { display:flex; justify-content:center; align-items:center; position:absolute; top:50%; right:50px; transform:translateY(-50%); z-index:9999; }
.main_top_banner .cls_area label { font-size:13px; font-weight:bold; color:#17295e; }
.main_top_banner .cls_area label input[type="checkbox"] { border-color:#17295e; }
.main_top_banner .cls_area .top_banner_cls { display:flex; justify-content:center; align-items:center; margin:0 0 0 10px; padding:0; width:20px; height:20px; background-color:transparent; }
.main_top_banner .cls_area .top_banner_cls img { width:100%; height:100%; }
/* 체크박스 커스텀 */
.main_top_banner .cls_area label input[type="checkbox"] { width:16px; height:16px; background:#fff; border-radius:3px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0; }
.main_top_banner .cls_area label input[type="checkbox"]::after { content:""; display:none; position:relative; top:50%; left:50%; width:5px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:translate(-50%, -57%) rotate(45deg); }
.main_top_banner .cls_area label input[type="checkbox"]:checked { background:#17295e; }
.main_top_banner .cls_area label input[type="checkbox"]:checked::after { display:block; }
/* addclass */	
/* #header_top.top_banner_open { top:70px; } */

/* main_visual */
/* .main_visual { position:relative; }
.main_visual:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:1; 
background:linear-gradient(to top, rgba(244,252,255,1) 1%, rgba(244,252,255,0.7) 8%, rgba(244,252,255,0) 25%); } */
/* background:linear-gradient(to bottom, rgba(244,252,255,0) 10%, rgba(244,252,255,0.25) 25%, rgba(244,252,255,0.5) 50%, rgba(244,252,255,0.75) 75%, rgba(244,252,255,1) 100%); */
/* background:linear-gradient(to top, rgba(244,252,255,1) 1%, rgba(5,5,42,0) 25%); */
/* mask-image:linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 30%); */
.main_visual { padding-top:17.188rem; width:100%; height:57.4375rem; background:#f4fcff url("../images/main/2024/bg_main_visual.png") left top/cover no-repeat; }
.main_visual h1 { font-size:1.875rem; font-weight:bold; color:#fff; text-align:center; letter-spacing:-0.063rem; }
.main_visual h1 b { /* font-size:2.25rem; */ color:#00adee; }
.main_visual h1 strong { display:block; margin-top:7px; font-family:"GmarketSansBold"; font-size:3.125rem; font-weight:bold; }
.srch_wrap { position:relative; margin:3.75rem auto 0 auto; max-width:1180px; }
/* 검색창 */
.srch_box { display:flex; justify-content:start; align-items:center; }
.srch_box .srch_input { display:flex; justify-content:start; align-items:center; position:relative; width:920px; max-width:920px; }
.srch_box .srch_input label{ width:100%; height:70px; }
.srch_box .srch_input input[type="text"] { padding:0 20px; width:100%; height:70px; background-color:#fff; border-radius:5px; }
.srch_box .srch_input input[type="text"]:focus { border:3px solid #fbbc05; outline:none; }
.srch_box .srch_input .srch_btn { position:absolute; top:50%; right:0; width:70px; height:70px; background:url("../images/main/2024/icon_srch.svg") center/30px 30px no-repeat; border-radius:5px; transform:translateY(-50%); }
.srch_box button { width:120px; height:70px; font-size:1.0625rem; font-weight:normal; color:#fff; border-radius:5px; }
.srch_box button.srch_dtl_btn { margin:0 10px; padding-left:35px; background:#153879 url("../images/main/2024/icon_dtl_srch.svg") 15px center/18px 18px no-repeat; }
.srch_box button.srch_map_btn { padding-left:35px; background:#0092e5 url("../images/main/2024/icon_map_srch.svg") 15px center/20px 18px no-repeat; }
/* 검색 도움말 */
.search_tooltip_button { position:absolute; top:90px; right:15px; font-size:1rem; font-weight:bold; color:#fbbc05 !important; background-color:transparent; border-radius:3px; outline:none !important; }
.search_tooltip_button i { margin:-3px 5px 0 0; font-size:1.3125rem; vertical-align:top; }
.search_tooltip { display:none; position:absolute; top:125px; right:0; padding:20px; width:500px; height:360px; text-align:center; color:#333; background:#fff; border:1px solid #d7d7d7; border-radius:0.3125rem; -webkit-box-shadow:1px 2px 6px rgba(128, 128, 128, 0.6); box-shadow:1px 2px 6px rgba(128, 128, 128, 0.6); overflow:hidden; z-index:10001; }
.search_tooltip .srch_tooltip_tbl { table-layout:fixed; width:100%; border-spacing:0; border-collapse:collapse;  }
.search_tooltip .srch_tooltip_tbl tr { border-bottom:1px solid #dfdede; }
.search_tooltip .srch_tooltip_tbl th { padding:8px; font-weight:bold; background-color:#efefef }
.search_tooltip .srch_tooltip_tbl td { padding:5px; font-size:90%; }
/* MAP 검색 */
.map_srch_wrap { display:flex; justify-content:space-between; align-items:center; position:relative; }
.srch_box.map_srch { margin-bottom:10px; }
.srch_box.map_srch .srch_input { display:flex; justify-content:start; align-items:center; position:relative; width:280px; }
.srch_box.map_srch .srch_input input[type="text"] { padding:0 20px; width:100%; height:35px; background-color:#fff; border-radius:5px; }
.srch_box.map_srch .srch_input label { height:35px; }
.srch_box.map_srch .srch_input .srch_btn { position:absolute; top:50%; right:0; width:35px; height:35px; background:url("../images/main/2024/icon_srch.svg") center/20px 20px no-repeat; border-radius:5px; transform:translateY(-50%); }
.srch_box.map_srch .srch_select { width:210px; margin-left:10px; height:35px; }
.srch_box.map_srch .reset_btn { margin-right:5px; width:35px; height:35px; background-color:#ccc; border-radius:5px; }
.srch_box.map_srch .reset_btn i { color:#fff; }
.map_srch_wrap .srch_list { position:absolute; top:34px; left:40px; padding:20px; width:500px; height:300px; background-color:#fff; border:1px solid #ddd; overflow:hidden; overflow-y:auto; z-index:1111; }
.map_srch_wrap .srch_list p { position:relative; line-height:20px; font-size:14px; font-weight:400; color:#333; cursor:pointer; }
.map_srch_wrap .srch_list p:not(:first-child) { margin-top:20px; }
.map_srch_wrap .srch_list p:after { content:""; position:absolute; left:0; bottom:-10px; width:100%; height:1px; background-color:#ddd; }
.map_srch_wrap .srch_list p:hover { color:#153879; }

/* 인기검색 */
.popular_srch { display:flex; justify-content:start; align-items:start; margin-top:1.25rem; font-size:1.063rem; font-weight:bold; color:#fff; }
.popular_srch p { min-width:70px; }
.popular_srch .word { max-width:970px; }
.popular_srch .word a { display:inline-block; margin:0 0 0.313rem 0.813rem; color:#fff; }
.popular_srch .word a:before { content:"#"; }

/* 메인 통계 */
.main_count, .main_count > div { display:flex; justify-content:center; align-items:center; }
.main_count { margin-top:9.063rem; }
.main_count > div {  width:425px; height:120px; background-color:#fff; }
.main_count > div.data_set { justify-content:start; padding-left:50px; border-radius:10px 0 0 10px; }
.main_count > div.file_cnt { justify-content:end; padding-right:50px; border-radius:0 10px 10px 0; }
.main_count > div .cnt_txt { padding-left:27px; color:#0092e5;}
.main_count > div .cnt_txt p:first-child { font-size:1rem; font-weight:500; }
.main_count > div .cnt_txt p:last-child { font-size:1.875rem; font-weight:bold; }
.main_count > div .cnt_txt p:last-child small { font-size:1.25rem; font-weight:bold; }

/* 퀵메뉴 - quick menu */
.m_quick { display:none; }
.quick_menu { position:absolute; top:1020px; right:80px; width:125px; height:605px; background-color:#262C41; border:1px solid #262C41; border-radius:10px; z-index:22; }
.quick_menu .quick_close { display:none; position:absolute; top:5px; right:5px; background-color:transparent; outline:none !important; }
.quick_menu .quick_close i { color:#fff; font-weight:bold !important; }
.quick_menu h3 { display:flex; justify-content:center; align-items:center; width:100%; height:70px; font-size:1rem; font-weight:500; color:#fff; text-align:center; border-radius:10px 10px 0 0; }
.quick_menu.fixed { position:fixed; top:100px; }
.quick_menu ul li { position:relative; }
.quick_menu ul li:not(:last-child):after { content:""; display:block; position:absolute; bottom:-1px; left:50%; width:80px; height:1px; background-color:rgba(38,44,64,0.35); transform:translateX(-50%); z-index:1; }
.quick_menu ul li a { display:block; font-size:1rem; font-weight:500; background-color:#fff; }
.quick_menu ul li a:hover { color:#0092e5; }
.quick_menu ul li a .menu_inner { display:flex; flex-direction:column; justify-content:center; align-items:center; padding:17px 0;  }
/* 퀵메뉴 아이콘 설정 */
.quick_menu ul li a .menu_inner .quick_icon { margin-bottom:10px; width:30px; height:30px; }
.quick_menu ul li a .menu_inner .quick_icon01 { background:url("../images/main/2024/icon_quick01.svg") center/26px 30px no-repeat; }
.quick_menu ul li a .menu_inner .quick_icon02 { background:url("../images/main/2024/icon_quick02.svg") center/30px 24px no-repeat; }
.quick_menu ul li a .menu_inner .quick_icon03 { background:url("../images/main/2024/icon_quick03.svg") center/30px 30px no-repeat; }
.quick_menu ul li a .menu_inner .quick_icon04 { background:url("../images/main/2024/icon_quick04.svg") center/30px 21px no-repeat; }
.quick_menu ul li a .menu_inner .quick_icon05 { background:url("../images/main/2024/icon_quick05.svg") center/30px 28px no-repeat; }
.quick_menu #goToTop { display:flex; justify-content:center; align-items:center; width:100%; height:51px; font-size:1rem; font-weight:500; color:#fff; text-align:center; background-color:transparent; outline:none; }

/* section 01 */
.sec01 { padding:3.125rem 0; }
.sec01 .sec_inner { padding:3.125rem 2.8125rem 3.125rem 2.8125rem; width:100%; height:100%; background-color:#fff; border:1px solid #ccc; border-radius:10px; }
.sec01 .sec_inner .total_cnt { display:flex; justify-content:space-between; align-items:center; height:260px; }
.total_cnt .total_head { position:relative; margin-top:2.1875rem; padding:0.3125rem; height:241px; }
.total_cnt .total_head .total_tab_head button { padding:0; font-size:1.375rem; color:#999; background-color:transparent; outline:none; }
.total_cnt .total_head .total_tab_head button:first-child { margin-right:1.25rem; }
.sec01 .sec_inner .total_conts { width:950px; height:270px; }
.sec01 .sec_inner .total_conts .tab_wrap { display:none; position:relative; }
.sec01 .sec_inner .total_conts .tab_wrap.on { display:block; }
.sec01 .sec_inner .total_conts .total_tab02 { padding:5px; width:100%; height:100%; overflow:hidden; }
.sec01 .sec_inner .total_conts .total_tab02 > div { display:flex; justify-content:space-between; align-items:center; }

.total_sum_cnt { margin-top:1.875rem; }
.total_sum_cnt .sum_cnt_row { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.25rem; }
.total_sum_cnt .sum_cnt_row p:first-child { margin-right:1.875rem; font-size:1rem; font-weight:500; color:#333; }
.total_sum_cnt .sum_cnt_row p:last-child { font-size:1.5625rem; font-weight:bold; color:#0092e5; }
/* .total_sum_cnt .total_tab.domestic { display:flex; justify-content:space-between; }
.total_sum_cnt .total_tab.domestic .sum_cnt_left p { margin:0 1.875rem 2.5rem 0; font-size:1rem; font-weight:500; color:#333; }
.total_sum_cnt .total_tab.domestic .sum_cnt_right p { margin:0 1.875rem 2.5rem 0; font-size:1.5625rem; font-weight:bold; color:#0092e5; } */

.total_cnt .total_head .total_tab_head button.on { position:relative; font-weight:bold; color:#0092e5; }
.total_cnt .total_head .total_tab_head button.on:after { content:""; display:block; position:absolute; top:-15px; left:50%; width:7px; height:7px; background-color:#0092e5; border-radius:50%; transform:translateX(-50%); }
.total_cnt .total_tab, .total_cnt .total_tab02 { display:none; }
.total_cnt .total_tab.on, .total_cnt .total_tab02.on { display:flex; flex-direction:column; }
/* .total_cnt .total_tab02.on { display:flex; } */

.cnt_card { width:32%; max-width:300px; height:100%; background-color:#fff; border-radius:10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor:pointer; }
/* card hover */
.cnt_card:hover { border:1px solid rgba(21,56,121,0.5); transform:scale(1.02); transition:all 0.3s; }
.cnt_card:hover h3 a { color:#153879; text-decoration:underline !important;  transition:all 0.3s; }
/* .cnt_card:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } */
/* .cnt_card:not(:last-child) { margin-right:1.25rem; } */
.cnt_card h3 { margin:1.25rem 1.25rem 0; height:55px; font-size:1.25rem; font-weight:500; color:#333; letter-spacing:-0.0938rem; }
.cnt_card h3 a { display:block; width:100%; color:#333; word-break:break-all; }
.cnt_card .cnt_box { display:flex; justify-content:space-between; margin:1.125rem 0.625rem 0.625rem; padding:1.25rem; height:157px; border:1px solid #ddd; border-radius:10px; }
.cnt_card .cnt_box > div { display:flex; flex-direction:column; justify-content:start; align-items:start; }
.cnt_card .cnt_box > div p { font-size:0.969rem; font-weight:normal; color:#333; }
.cnt_card .cnt_box .cnt_left p { margin-bottom:1.75rem; padding-left:1.875rem; }
.cnt_card .cnt_box .cnt_left p.data { background:url("../images/main/2024/icon_data.svg") left top/22px 20px no-repeat; }
.cnt_card .cnt_box .cnt_left p.files { background:url("../images/main/2024/icon_file.svg") left top/22px 16.3px no-repeat; }
.cnt_card .cnt_box .cnt_left p.field { background:url("../images/main/2024/icon_field.svg") left top/22px 21.8px no-repeat; }
.cnt_card .cnt_box .cnt_right p { margin-bottom:1.75rem; font-weight:bold; color:#153879; letter-spacing:-1px; }
/* 영문페이지 */
.eng_body .cnt_card .cnt_box .cnt_left p { margin-bottom:1.375rem; padding-left:1.875rem; }
.cnt_card .cnt_box .cnt_left p.files em { line-height:1; }
/* sec01 페이징 */
.cnt_paging { position:absolute; top:50%; left:50%; width:107%; transform:translate(-50%, -85%); z-index:1; }
.cnt_paging .paging_inner { position:relative; width:100%; height:23px; }
.cnt_paging .paging_inner .swiper-pagination-fraction { top:50%; left:50%; font-size:1rem; font-weight:500; transform:translate(-50%,-50%);  }
.cnt_paging .paging_inner .domestic_next { right:0 !important; }
.cnt_paging .paging_inner .domestic_prev { left:0 !important; }
.cnt_paging .paging_inner .domestic_next, .cnt_paging .paging_inner .domestic_prev { z-index:11; } 
.cnt_paging .paging_inner .domestic_next:after, .cnt_paging .paging_inner .domestic_prev:after { font-size:2.375rem; }
.cnt_paging .paging_inner .domestic_prev:after, .cnt_paging .paging_inner .domestic_next:after {  font-family:"xeicon" !important; color:#263741; }
.cnt_paging .paging_inner .domestic_prev:after { content:"\e93d" !important; }
.cnt_paging .paging_inner .domestic_next:after { content:"\e940" !important; }
.cnt_paging .paging_inner .swiper-pagination-bullet-active { background-color:#333 !important; }
/* .cnt_paging .paging_inner .domestic_next.swiper-button-disabled,
.cnt_paging .paging_inner .domestic_prev.swiper-button-disabled { opacity:1 !important; } */

/* section 02 */
.sec02 { border-radius:0 130px 130px 0; }
.sec02 .sec_inner { padding:3.125rem 0; width:100%; height:100%;  }
.sec02 .sec_inner h2 { margin-bottom:1.25rem; padding-left:0.9375rem; font-size:1.25rem; font-weight:bold; color:#333; }
.sec02 .classification { display:flex; justify-content:space-between; align-items:center; position:relative; padding:0 6.875rem; width:100%; height:224px; background-color:#fff;; border:1px solid #ccc; border-radius:15px; overflow:hidden; }
.sec02 .classification .item { display:flex; flex-direction:column; justify-content:center; align-items:center; margin-right:6rem; cursor:pointer; }
.sec02 .classification .item span { display:inline-block; margin-top:1.5625rem; width:100px; font-size:0.9375rem; font-weight:normal; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.sec02 .classification .item .item_icon { transition:all 0.7s; }
/* 마우스 오버 효과 */
.sec02 .classification .item:hover span { font-weight:bold; color:#153879; }
.sec02 .classification .item:hover .item_icon { transform:rotateY(360deg); transition:all 0.7s; }

/* 과학기순분류 아이콘 설정 */
.sec02 .classification .item .item_icon { width:100px; height:100px; } 
.sec02 .classification .item .item_icon01 { background:url("../images/main/2024/icon_tech01.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon02 { background:url("../images/main/2024/icon_tech02.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon03 { background:url("../images/main/2024/icon_tech03.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon04 { background:url("../images/main/2024/icon_tech04.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon05 { background:url("../images/main/2024/icon_tech05.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon06 { background:url("../images/main/2024/icon_tech06.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon07 { background:url("../images/main/2024/icon_tech07.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon08 { background:url("../images/main/2024/icon_tech08.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon09 { background:url("../images/main/2024/icon_tech09.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon10 { background:url("../images/main/2024/icon_tech10.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon11 { background:url("../images/main/2024/icon_tech11.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon12 { background:url("../images/main/2024/icon_tech12.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon13 { background:url("../images/main/2024/icon_tech13.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon14 { background:url("../images/main/2024/icon_tech14.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon15 { background:url("../images/main/2024/icon_tech15.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon16 { background:url("../images/main/2024/icon_tech16.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon17 { background:url("../images/main/2024/icon_tech17.svg") center/100px no-repeat; }
.sec02 .classification .item .item_icon18 { background:url("../images/main/2024/icon_tech18.svg") center/100px no-repeat; }

.sec02 .classification .classification_pasing { width:100%; height:100%; }
/* sec02 페이징 */
.sec02 .classification .classification_pasing .class_next, .sec02 .classification .classification_pasing .class_prev { width:50px; }
.sec02 .classification .classification_pasing .class_next { right:23px; }
.sec02 .classification .classification_pasing .class_prev { left:23px; }
.sec02 .classification .classification_pasing .class_next:after, .sec02 .classification .classification_pasing .class_prev:after { content:""; width:32px; height:100%; }
.sec02 .classification .classification_pasing .class_next:after { background:#fff url("../images/main/2024/icon_arrow_right.svg") center/32px no-repeat; }
.sec02 .classification .classification_pasing .class_prev:after { background:#fff url("../images/main/2024/icon_arrow_left.svg") center/32px no-repeat; }
.sec02 .classification .classification_pasing .swiper_btn_wrap { position:absolute; top:0; width:90px; height:100%; z-index:1;  }
.sec02 .classification .classification_pasing .swiper_btn_wrap:after { content:""; display:block; width:100%; height:100%; background-color:#fff; }
.sec02 .classification .classification_pasing .swiper_btn_wrap:first-child { right:0; }
.sec02 .classification .classification_pasing .swiper_btn_wrap:last-child { left:0; }
/* .sec02 .classification .classification_pasing .class_next.swiper-button-disabled,
.sec02 .classification .classification_pasing .class_prev.swiper-button-disabled { opacity:1 !important; } */

/* section 03 */
.sec03 .sec_inner { padding:3.125rem 0; width:100%; height:100%; }
.sec03 .sec_inner h2 { margin-bottom:1.25rem; padding-left:0.9375rem; font-size:1.25rem; font-weight:bold; color:#333; }
.sec03 .data_use { display:flex; justify-content:space-between; align-items:center; }
.sec03 .data_use .use_card { margin-right:1.5625rem; padding:2.625rem 1.875rem; width:305px; height:340px; color:#fff; border-radius:15px; letter-spacing:0.0563rem; cursor:pointer; transition:all 0.3s; }
.sec03 .data_use .use_card:last-child { margin-right:0; }
.sec03 .data_use .use_card:hover { transform:scale(1.03); transition:all 0.3s; }
.sec03 .data_use .use_card p { margin-bottom:1.25rem; font-size:1.25rem; font-weight:400; }
.sec03 .data_use .use_card h3 { margin-bottom:1.5625rem; font-size:1.5rem; font-weight:bold; }
.sec03 .data_use .use_card p.use_desc { font-size:0.875rem; }
/* 커뮤니티 */
.sec03 .data_use .resrch_data { position:relative; width:305px; height:340px; color:#fff; /* border:1px solid #e9e9e9; */ border-radius:15px; letter-spacing:0.0563rem; cursor:pointer; transition:all 0.3s; overflow:hidden; }
.sec03 .data_use .resrch_data:hover { transform:scale(1.03); transition:all 0.3s; }
.sec03 .data_use .resrch_data .resrch_card { padding:2.625rem 1.875rem; color:#333; cursor:pointer; }
.sec03 .data_use .resrch_data .resrch_card:hover { transform:scale(1); transition:all 0.3s; }
.sec03 .data_use .resrch_data .resrch_card .resrch_card_inner { display:inline-block; width:100%; height:100%; }
.sec03 .data_use .resrch_data .resrch_card p { margin-bottom:1.25rem; font-size:1.25rem; font-weight:400; }
.sec03 .data_use .resrch_data .resrch_card h3 { margin-bottom:1.5625rem; font-size:1.5rem; font-weight:bold; }
/* 연구데이터 - 페이징 */
.resrch_paging { position:absolute; top:18px; right:15px; z-index:2222; }
.resrch_paging .paging_inner { position:relative; width:80px; height:18px; }
.resrch_paging .paging_inner .swiper-pagination-fraction { top:50%; left:50%; font-size:0.8125rem; color:#333; letter-spacing:0; transform:translate(-50%,-50%);  }
.resrch_paging .paging_inner .resrch_next { right:0 !important; }
.resrch_paging .paging_inner .resrch_prev { left:0 !important; }
.resrch_paging .paging_inner .resrch_next, .resrch_paging .paging_inner .resrch_prev { z-index:11; } 
.resrch_paging .paging_inner .resrch_next:after, .resrch_paging .paging_inner .resrch_prev:after { font-size:0.875rem; font-weight:bold; }
.resrch_paging .paging_inner .resrch_prev:after, .resrch_paging .paging_inner .resrch_next:after {  font-family:"bootstrap-icons" !important; color:#777; }
.resrch_paging .paging_inner .resrch_prev:after { content:"\F284" !important; }
.resrch_paging .paging_inner .resrch_next:after { content:"\F285" !important; }
.resrch_paging .paging_inner .swiper-pagination-bullet-active { background-color:#333 !important; }
/* .resrch_paging .paging_inner .resrch_next.swiper-button-disabled,
.resrch_paging .paging_inner .resrch_prev.swiper-button-disabled { opacity:1 !important; } */
/* 배경 */
.sec03 .data_use .use_card:nth-of-type(1) { background:url("../images/main/2024/bg_use_card01.png") left top/100% 100% no-repeat; }
.sec03 .data_use .use_card:nth-of-type(2) { background:url("../images/main/2024/bg_use_card02.png") left top/100% 100% no-repeat; }
.sec03 .data_use .use_card:nth-of-type(3) { background:url("../images/main/2024/bg_use_card03.png") left top/100% 100% no-repeat; }
.sec03 .data_use .resrch_data .resrch_card { background:url("../images/main/2024/bg_use_card04.png") left top/100% 100% no-repeat; }
.sec03 .data_use .resrch_data .resrch_card:last-child { background:#fff url("../images/main/2024/bg_use_card05.png") left top/100% 100% no-repeat; border-radius:15px; }

/* section 04 */
.sec04 .sec_inner .list_tab_body .swiper-wrapper { display:flex; justify-content:space-between; align-items:center; }
/* section 04 / section 07 공통 */
.sec_list { border-radius:130px 0 0 130px; }
.sec_list .sec_inner { padding:3.125rem 0 3.125rem 0; width:100%; max-width:1310px; height:100%; }
.sec_list .sec_inner .list_tab_head { margin-bottom:0.625rem; padding-left:1.25rem; font-size:1.25rem; font-weight:bold; color:#333; }
.sec_list .sec_inner .list_tab_head button { padding:0; color:#999; background:none; outline:none; }
.sec_list .sec_inner .list_tab_head button:not(:last-child) { margin-right:1.25rem; }
.sec_list .sec_inner .list_tab_head button.on { position:relative; font-weight:bold; color:#0092e5; }
.sec_list .sec_inner .list_tab_head button.on:after { content:""; display:block; position:absolute; top:-15px; left:50%; width:7px; height:7px; background-color:#0092e5; border-radius:50%; transform:translateX(-50%); }
.sec_list .sec_inner .list_body { position:relative; padding-left:5px; }
.sec_list .sec_inner .list_tab_body { display:none; padding:0.3125rem; overflow:hidden; }
.sec_list .sec_inner .list_tab_body.on { display:block; }
.sec_list .sec_inner .list_tab_body .list_card { margin-right:1.5625rem; padding:1.25rem; width:25%; max-width:305px; height:360px; background-color:#fff; border:1px solid #ccc; border-radius:15px; transition:all 0.3s; }
.sec_list .sec_inner .list_tab_body .list_card:last-child { margin-right:0; }
.sec_list .sec_inner .list_tab_body .list_card .list_category { margin-bottom:0.5rem; font-size:1.125rem; font-weight:bold; color:#153879; }
.sec_list .sec_inner .list_tab_body .list_card h3 { margin-bottom:2.5rem; height:56px; font-size:1.25rem; font-weight:bold; }
.sec_list .sec_inner .list_tab_body .list_card h3 a { display:block; color:#333; word-break:break-all; }
.sec_list .sec_inner .list_tab_body .list_card .list_txt { margin-bottom:0.875rem; height:134px; color:#777; word-break:break-all; overflow:hidden; }
.sec_list .sec_inner .list_tab_body .list_card .list_btm { display:flex; justify-content:space-between; align-items:center; }
.sec_list .sec_inner .list_tab_body .list_card .list_btm span { display:block; position:relative; padding:0.0625rem 0.625rem; font-size:0.875rem; font-weight:400; color:#153879; border:1px solid #153879; border-radius:5px; }
.sec_list .sec_inner .list_tab_body .list_card .list_btm span.btm_right { padding-left:1.875rem; }
.sec_list .sec_inner .list_tab_body .list_card .list_btm span.btm_right:before { content:""; display:block; position:absolute; top:50%; left:10px; width:14px; height:11px; background:url("../images/main/2024/icon_view.svg") center/14px 11px no-repeat; transform:translateY(-50%); }
.sec_list .sec_inner .list_tab_body .list_card .list_btm span.recent_logo { padding:0; font-size:0; border:none; }
.sec_list .sec_inner .list_tab_body .list_card .list_btm span.recent_logo img { height:26px; }
/* card hover */
.sec_list .sec_inner .list_tab_body .list_card:hover { border:1px solid rgba(21,56,121,0.5); transform:scale(1.02); transition:all 0.3s; cursor:pointer; transition:all 0.3s; }
.sec_list .sec_inner .list_tab_body .list_card:hover h3 a { color:#153879; text-decoration:underline !important; transition:all 0.3s; }

/* 인기데이터/최신데이터 - 페이징 */
.list_paging { position:absolute; top:-36px; right:-2px;  }
.list_paging .paging_inner { position:relative; width:94px; height:23px; }
.list_paging .paging_inner .swiper-pagination-fraction { top:50%; left:50%; font-size:1rem; font-weight:500; transform:translate(-50%,-50%);  }
.list_paging .paging_inner .popular_next { right:0 !important; }
.list_paging .paging_inner .popular_prev { left:0 !important; }
.list_paging .paging_inner .popular_next, .list_paging .paging_inner .popular_prev { z-index:11; } 
.list_paging .paging_inner .popular_next:after, .list_paging .paging_inner .popular_prev:after { font-size:1.25rem; font-weight:bold; }
.list_paging .paging_inner .popular_prev:after, .list_paging .paging_inner .popular_next:after {  font-family:"bootstrap-icons" !important; color:#263741; }
.list_paging .paging_inner .popular_prev:after { content:"\F284" !important; }
.list_paging .paging_inner .popular_next:after { content:"\F285" !important; }
.list_paging .paging_inner .swiper-pagination-bullet-active { background-color:#333 !important; }
/* .list_paging .paging_inner .popular_next.swiper-button-disabled,
.list_paging .paging_inner .popular_prev.swiper-button-disabled { opacity:1 !important; } */

/* section 05 */
.sec05 .sec_inner { padding:3.125rem 0; width:100%; height:100%; }
.sec05 .menu_link { display:flex; justify-content:space-between; align-items:center; }
.sec05 .menu_link .menu_card { position:relative; margin-right:1.5625rem; padding:3.4375rem; width:305px; height:300px; color:#fff; border-radius:15px; letter-spacing:0; cursor:pointer; transition:all 0.3s; }
.sec05 .menu_link .menu_card:last-child { margin-right:0; }
.sec05 .menu_link .menu_card p { margin-bottom:0.1875rem; font-size:1.25rem; font-weight:bold; }
.sec05 .menu_link .menu_card h3 { font-size:0.9375rem; font-weight:bold; }
.sec05 .menu_link .menu_card .menu_card_more { position:absolute; bottom:2.5rem; right:3.125rem; }
/* 마우스 오버 효과 */
/* .sec05 .menu_link .menu_card:hover { transform:scale(1.03); transition:all 0.3s; } */
.sec05 .menu_link .menu_card:hover .menu_card_more { right:2.5rem; transition:all 0.3s; }
/* 배경 */
.sec05 .menu_link .menu_card:nth-of-type(1) { background:url("../images/main/2024/bg_menu_card01.png") center/100% 100% no-repeat; }
.sec05 .menu_link .menu_card:nth-of-type(2) { background:url("../images/main/2024/bg_menu_card02.png") center/100% 100% no-repeat; }
.sec05 .menu_link .menu_card:nth-of-type(3) { background:url("../images/main/2024/bg_menu_card03.png") center/100% 100% no-repeat; }
.sec05 .menu_link .menu_card:nth-of-type(4) { background:url("../images/main/2024/bg_menu_card04.png") center/100% 100% no-repeat; }

/* section 06 */
.sec06 { border-radius:0 130px 130px 0; }
.sec06 .sec_inner { padding:3.125rem 0; width:100%; height:100%; overflow:hidden; }
.sec06 .link_banner .swiper-slide { display:flex; justify-content:space-between; align-items:center; padding:0 60px; }
.sec06 .link_banner .swiper-slide h3 { flex-shrink:0; position:relative; margin-bottom:30px; padding-bottom:20px; width:330px; font-size:1.1875rem; color:#333; }
.sec06 .link_banner .swiper-slide h3:after { content:""; position:absolute; bottom:0; left:0; width:100px; height:3px; background-color:#153879; }
.sec06 .link_banner .banner_logo { display:flex; justify-content:start; align-items:center; flex-grow:1; padding:0 30px; height:100px; background-color:#fff; border-radius:10px; }
.sec06 .link_banner .banner_logo a { display:inline-block; margin:5px 10px; width:33.333%; text-align:center; }
.sec06 .link_banner .banner_logo a img { height:40px; }
/* sec06 페이징 */
.baner_paging .paging_inner .swiper-pagination-fraction { top:50%; left:50%; font-size:1rem; font-weight:500; transform:translate(-50%,-50%);  }
.baner_paging .paging_inner .banner_next { right:0 !important; }
.baner_paging .paging_inner .banner_prev { left:0 !important; }
.baner_paging .paging_inner .banner_next, .baner_paging .paging_inner .banner_prev { z-index:11; } 
.baner_paging .paging_inner .banner_next:after, .baner_paging .paging_inner .banner_prev:after { font-size:2.375rem; font-weight:normal; }
.baner_paging .paging_inner .banner_prev:after, .baner_paging .paging_inner .banner_next:after {  font-family:"xeicon" !important; color:#333; }
.baner_paging .paging_inner .banner_prev:after { content:"\e93d" !important; }
.baner_paging .paging_inner .banner_next:after { content:"\e940" !important; }
.baner_paging .paging_inner .swiper-pagination-bullet-active { background-color:#333 !important; }
/* .baner_paging .paging_inner .banner_next.swiper-button-disabled,
.baner_paging .paging_inner .banner_prev.swiper-button-disabled { opacity:1 !important; } */

/* section 07 */
.sec07 .sec_inner { padding:3.125rem 0 4.375rem 0; width:100%; height:100%; }
.sec07 .list_tab_body .tab_body_inner { display:flex; justify-content:space-between; align-items:center; }
.sec07 .list_tab_body .list_more { position:absolute; top:-45px; right:0; font-family:"xeicon" !important; font-size:1.8125rem; color:#333; background-color:transparent; outline:none; }
.sec07.sec_list .list_body .list_tab_body .list_btm span { display:inline-block; padding:0; font-size:1rem; font-weight:400; color:#777; border:none; border-radius:0; }

/* section 08 */
.sec08 .sec_inner { padding:3.125rem 0; width:100%; height:100%; }
.sec08 .sec_inner .link_banner02 { display:flex; justify-content:space-between; align-items:center; }
.sec08 .sec_inner .link_banner02 a { margin-right:1.5625rem; padding:0.9375rem 0; width:305px; text-align:center; background-color:#fff; border-radius:10px; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition:all 0.3s; }
.sec08 .sec_inner .link_banner02 a:last-child { margin-right:0; }
.sec08 .sec_inner .link_banner02 a:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); transition:all 0.3s; }
.sec08 .sec_inner .link_banner02 a img { height:50px; }

/* 미디어 쿼리 */
@media screen and (min-width: 359px) {
    .main-top .main-searchbox .main-search .search-btn {
        display: inline-block;
    }
}

@media screen and (min-width: 479px) {

    .main-top .main-searchbox .main-search .detail-search-btn span {
        display: inline;
    }
}

@media screen and (min-width: 639px) {
    .main-top h1 {
        font-size: 1.8rem;
    }
    
    .main-top h1 strong {
        font-size: 2rem;
    }

    .main-top .main-searchbox {
        display: flex;
        justify-content: center;
        align-items: stretch;
    }
    
    .main-top .main-searchbox .main-search {
        flex-grow: 1;
    }
    
    .main-top .main-searchbox .main-search .search-btn {
        margin-right: 10px;
        font-size: 1.2rem;
    }

    .main-top .main-searchbox .map-search-btn {
        flex-shrink: 0;
        width: 120px;
        height: 50px;
        font-size: 1.1rem;
    }

    .main-top .main-searchbox .map-search-btn i {
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 767px) {
    .main-top {
        padding-top: 61px;
        padding-bottom: 40px;
    }

    .main-top h1 {
        padding: 30px 0 20px;
    }
    
    .main-top h1 strong {
        font-size: 2.4rem;
    }

    .main-top .main-searchbox {
        border-radius: 20px;
    }

    .main-top .main-searchbox .main-search {
        padding: 5px 20px;
        border-radius: 20px;
    }

    .main-top .main-searchbox .main-search .search-input {
        height: 70px;
    }

    .main-top .main-searchbox .main-search .detail-search-btn {
        height: 58px;
        line-height: 58px !important;
        padding: 0 25px;
        border-radius: 29px;
    }

    .main-top .main-searchbox .map-search-btn {
        width: 140px;
        height: 80px;
    }

    .main-top .main-searchbox .map-search-btn i {
        font-size: 1.4rem;
    }

    .main-top .domestic-overseas .mnu {
        margin-bottom: 40px;
    }

    .main-top .domestic-overseas .data-slide .data-slide-con h3 {
        height: 60px;
        line-height: 1.2;
        font-size: 1.2rem;
    }

    .main-top .domestic-overseas .data-slide .data-slide-con .dscbox {
        height: 160px;
        margin: 0 -10px;
    }

    .main-top .dateset-filenum {
        margin-bottom: 0;
    }

    .main-top .dateset-filenum .df-con {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 120px;
        padding: 0 30px;
    }

    .main-top .dateset-filenum .df-con figure {
        flex-shrink: 0;
        margin-right: 20px;
    }

    .main-top .dateset-filenum .df-con dl {
        flex-grow: 1;
        margin-top: 0;
        text-align: left;
    }
}

@media screen and (min-width: 1000px) {
    .main-top {
        padding-top: 84px;
        padding-bottom: 90px;
        background-position: top center;
        background-size: cover;
        background-repeat: fixed;
    }

    .main-top h1 {
        font-size: 2.4rem;
    }
    
    .main-top h1 strong {
        font-size: 3.2rem;
    }

    .main-top .main-searchbox .main-search .search-btn {
        width: 50px;
        height: 50px;
    }

    .main-top .dateset-filenum {
        margin-top: 70px;
        box-shadow: 0 0px 30px rgba(0,0,0,0.1);
    }

    .main-top .dateset-filenum .df-con {
        padding: 0 50px;
    }

    .main-top .dateset-filenum .df-con figure {
        margin-right: 30px;
    }

    .main-top .dateset-filenum .df-con dl dt {
        margin-bottom: 0;
    }

    .main-top .dateset-filenum .df-con dl dd {
        font-size: 2.2rem;
    }

    .main-top .domestic-overseas {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 40px;
    }

    .main-top .domestic-overseas .left-box {
        flex-shrink: 0;
        width: 290px;
        padding-top: 20px;
    }

    .main-top .domestic-overseas .dataset-file-volume dl:not(:first-child) {
        margin-top: 20px;
    }

    .main-top .domestic-overseas .dataset-file-volume dl dt {
        width: 90px;
    }
    
    .main-top .domestic-overseas .dataset-file-volume dl dd {
        text-align: left;
    }

    .main-top .domestic-overseas .right-box {
        position: relative;
        flex-grow: 1;
        width: 990px;
        padding: 0 2px;
    }

    .main-top .domestic-overseas .right-box .data-slide {
        overflow: hidden;
        padding: 0 30px;
        padding-bottom: 10px;
    }

    .main-top .domestic-overseas .data-slide .data-slide-con {
        padding: 20px 20px 10px;
    }

    .main-top .domestic-overseas .data-slide .data-slide-con .dscbox {
        height: 160px;
        margin: 0 -10px;
    }

    .main-top .domestic-overseas .arrow-box {
        margin-top: 0px;
    }
    
    .main-top .domestic-overseas .arrow-box .swiper-button {
        position: absolute;
        top: calc(50% - 25px);
        width: 50px;
        height: 50px;
        margin: 0;
        font-size: 2rem;
        text-align: center;
        z-index: 1000;
    }
    
    .main-top .domestic-overseas .arrow-box .swiper-button.swiper-prev {
        left: -20px;
    }
    
    .main-top .domestic-overseas .arrow-box .swiper-button.swiper-next {
        right: -20px;
    }
}



/* DataON 연계 국내 연구개발기관, 연구데이터 과학기술분류, 연구데이터 활용 */
.main-data-storage {
    --point-color: #0092E5;

    position: relative;
    overflow: hidden;
    padding: 20px;
    background-color: #E5F2FC;
}

.main-data-storage .height-scroll {
    position: relative;
    height: 300px;
    overflow-x: hidden;
	overflow-y: auto;
	-ms-overflow-style: scrollbar;
}

.main-data-storage .height-scroll::-webkit-scrollbar {
	width: 10px;
}

.main-data-storage .height-scroll::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0.1);
}

.main-data-storage .height-scroll::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: rgba(0,0,0,0.2);
    cursor: pointer;
}

.main-data-storage .height-scroll::-webkit-scrollbar-thumb:hover {
	background-color: var(--point-color);
}

.main-data-storage .mds-inbox {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 20px rgba(0,0,0,0.08);
}

.main-data-storage .mds-con h2 {
    margin-bottom: 20px;
    font-size: 1.4rem;
    color: #000;
    text-align: center;
}

.main-data-storage .mds-con a .arrowico {
    color: #00478A;
    font-size: 1.2rem;
}

.main-data-storage .mds-con a:hover .arrowico {
    color: #fff;
}

.main-data-storage .arrow-box {
    margin-top: 10px;
    text-align: center;
    font-size: 0;
}

.main-data-storage .arrow-box .swiper-button {
    display: inline-block;
    margin: 0 10px;
    background-color: transparent;
    font-size: 1.6rem;
    color: #0092E5;
}

@media screen and (min-width: 1000px) {
    .main-data-storage {
        padding: 80px 20px;
    }

    .main-data-storage .height-scroll {
        height: 390px;
    }

    .main-data-storage .mds-con a .arrowico {
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 1280px) {
    .main-data-storage {
        padding: 80px 0;
    }

    .main-data-storage .arrow-box {
        display: none;
    }
}


/* DataON 연계 국내 연구개발기관 */
.mds-organization ul li {
    position: relative;
}
.mds-organization ul li:not(:first-child) {
    border-top: 1px solid rgba(0,0,0,0.15);
}

.mds-organization ul li a {
    position: relative;
    display: block;
    padding: 15px 15px 15px 15px;
}

.mds-organization ul li a .logomark {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    font-size: 0;
}

.mds-organization ul li a .logomark img {
    max-width: 80%;
    max-height: 40px;
}

.mds-organization ul li a .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding-right: 45px;*/
    background-color: var(--point-color);
    color: #fff;
    font-weight: 500;
    transition: .2s;
    opacity: 0;
}

.mds-organization ul li a .arrowico {
    position: absolute;
    top: calc(50% - 15px);
    right: 15px;
    height: 30px;
    line-height: 30px;
    z-index: 10;
}

@media screen and (min-width: 1000px) {
    .mds-organization ul li a {
        padding: 14px 15px 14px 15px;
    }

    .mds-organization ul li a .logomark {
        height: 50px;
    }

    .mds-organization ul li a .logomark img {
        max-height: 50px;
    }

    .mds-organization ul li a:hover .txt {
        opacity: 1;
    }
}


/* 연구데이터 과학기술분류 */
.mds-taglist {
    padding: 20px;
}

.mds-taglist .taglist-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
}

.mds-taglist .tag-link-btn {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 9px 15px;
    margin: 6px 0px;
    border: 1px solid #D1D1D1;
    font-weight: 500;
    border-radius: 25px;
    transition: .2s;
    width:31%;
}
.mds-taglist .tag-link-btn em{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 75%;
}

@media screen and (min-width: 1000px) {
    .mds-taglist .taglist-inner {
        gap: 7px 10px;
    }

    .mds-taglist .tag-link-btn:hover {
        border-color: var(--point-color);
        background-color: var(--point-color);
        color: #fff;
    }
    .mds-taglist .tag-link-btn em{
	font-size: 90%;
}
}


/* 연구데이터 활용 */
.mds-datause-list ul li:not(:first-child) {
    /*margin-top: 10px;*/
}

.mds-datause-list ul li a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    transition: .2s;
}
.mds-datause-list ul li .rowspan1 {
	height: 52px;
	
	}
.mds-datause-list ul li .rowspan2 {
	height: 114px;
	cursor: auto;
	}
.mds-datause-list ul li .rowspan3 {
	height: 176px;
	cursor: auto;
	}

.mds-datause-list ul li a .arrowico {
    position: absolute;
    top: calc(50% - 15px);
    right: 15px;
    height: 30px;
    line-height: 30px;
    z-index: 10;
}

@media screen and (min-width: 1000px) {
.mds-datause-list ul li .rowspan1 {
	height: 70px;
	}
.mds-datause-list ul li .rowspan2 {
	height: 150px;
	}
.mds-datause-list ul li .rowspan3 {
	height: 230px;
	}

    .mds-datause-list ul li .rowspan1:hover {
        background-color: var(--point-color);
        color: #fff;
    }
}



/* 메인 사진 링크 */
.main-pic-link {
    position: relative;
    padding: 20px;
    background-color: #F5F5F5;
}

.main-pic-link .mpl-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin: -1%;
}

.main-pic-link .mpl-list a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 48%;
    margin: 1%;
    border-radius: 10px;
    font-size: 0;
    color: #fff;
}

.main-pic-link .mpl-list a img {
    width: 100%;
}

.main-pic-link .mpl-list a em {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background-color: rgba(0,0,0,0.6);
    font-size: 1.2rem;
}

@media screen and (min-width: 639px) {
}

@media screen and (min-width: 767px) {
    .main-pic-link .mpl-list {
        margin: 0 auto;
    }

    .main-pic-link .mpl-list a {
        width: 23%;
        margin: 0;
    }
}

@media screen and (min-width: 1000px) {
    .main-pic-link {
        padding: 80px 20px;
    }

    .main-pic-link .mpl-list a em {
        padding: 20px 25px;
    }
}

@media screen and (min-width: 1280px) {
    .main-pic-link {
        padding: 80px 0;
    }
}


/* 인기데이터, 최신데이터 */
.main-latestdata {
    position: relative;
    padding: 20px;
    background-color: #CCE5E9;
}

.main-latestdata .mnu {
    margin-bottom: 30px;
}

.main-latestdata .mnu .latestdata-mnu-btn {
    position: relative;
    padding: 6px 0;
    background-color: transparent;
    color: #212121;
    font-size: 1.4rem;
}

.main-latestdata .mnu .latestdata-mnu-btn:not(:first-child) {
    margin-left: 40px;
}

.main-latestdata .mnu .latestdata-mnu-btn.active {
    border-bottom: 3px solid #0092E5;
    color: #000;
    font-weight: 700;
}

.main-latestdata .ldl-list {
    overflow: hidden;
}

.latest-data-list {
    position: relative;
}

.latest-data-list .ldl-con {
    overflow: hidden;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}

.latest-data-list .ldl-con .local-global-cate {
    display: inline-block;
    height: 30px;
    line-height: 30px !important;
    padding: 0 15px;
    background-color: #666;
    color: #fff;
    border-radius: 10px;
}

.latest-data-list .ldl-con .local-global-cate.cate-local {
    background-color: #153879;
}

.latest-data-list .ldl-con .local-global-cate.cate-global {
    background-color: #DC2915;
}

.latest-data-list .ldl-con .subject {
    display: block;
    height: 190px;
    margin-top: 20px;
}

.latest-data-list .ldl-con .subject .tit {
    display: block;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    overflow: hidden;
    max-height: 56px;
    -webkit-line-clamp: 2;
    line-height: 1.3rem;
    -webkit-box-orient: vertical;
    font-weight: 500;
    font-size: 1.2rem;
}

.latest-data-list .ldl-con .subject .txt {
    display: block;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    overflow: hidden;
    max-height: 100px;
    margin-top: 10px;
    -webkit-line-clamp: 4;
    line-height: 1.3rem;
    -webkit-box-orient: vertical;
}

.latest-data-list .ldl-con .subject .date {
    display: block;
    margin-top: 10px;
    font-size: 0.9rem;
    font-weight: 500;
    color: #999;
}

.latest-data-list .ldl-con .link-mark {
    display: inline-block;
    margin-top: 30px;
}

.latest-data-list .ldl-con .link-mark img {
    height: 26px;
}

.latest-data-list .topten-box {
    height: 296px;
}

.latest-data-list .topten-list .height-scroll {
    position: relative;
    height: 256px;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: scrollbar;
}

.latest-data-list .topten-list .height-scroll::-webkit-scrollbar {
    width: 6px;
}

.latest-data-list .topten-list .height-scroll::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.03);
}

.latest-data-list .topten-list .height-scroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0,0,0,0.1);
    cursor: pointer;
}

.latest-data-list .topten-list .height-scroll::-webkit-scrollbar-thumb:hover {
    background-color: var(--point-color);
}

.latest-data-list .topten-list ul.table-ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1%;
}

.latest-data-list .topten-list ul.table-ul li {
    padding: 15px 0;
}

.latest-data-list .topten-list ul.table-ul.table-ul-tit li {
    height: 40px;
    padding: 0 0 10px;
    border-bottom: 2px solid #333;
}

.latest-data-list .topten-list ul.table-ul li:not(:first-child) {
    border-top: 1px solid #ddd;
}

.latest-data-list .topten-list ul.table-ul li > div {
    font-weight: 400;
}

.latest-data-list .topten-list ul.table-ul.table-ul-tit li > div {
    font-weight: 700;
    font-size: 0.8rem;
}

.latest-data-list .topten-list ul.table-ul li .b-no,
.latest-data-list .topten-list ul.table-ul li .b-company,
.latest-data-list .topten-list ul.table-ul li .b-loca,
.latest-data-list .topten-list ul.table-ul li .b-hit {
    flex-shrink: 0;
    text-align: center;
}

.latest-data-list .topten-list ul.table-ul li .b-subject {
    flex-grow: 1;
}

.latest-data-list .topten-list ul.table-ul li .b-subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.latest-data-list .topten-list ul.table-ul li .b-company {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.latest-data-list .topten-list ul.table-ul li .b-no {
    width: 12%;
}

.latest-data-list .topten-list ul.table-ul li .b-company {
    width: 20%;
}

.latest-data-list .topten-list ul.table-ul li .b-loca {
    width: 18%;
}

.latest-data-list .topten-list ul.table-ul li .b-hit {
    width: 18%;
    color: #666;
}

.latest-data-list .arrow-box {
    margin-top: 10px;
    text-align: center;
    font-size: 0;
}

.latest-data-list .arrow-box .swiper-button {
    display: inline-block;
    margin: 0 10px;
    background-color: transparent;
    font-size: 1.6rem;
    color: #0092E5;
}

@media screen and (min-width: 639px) {
}

@media screen and (min-width: 767px) {
    .main-latestdata .mnu {
        margin-bottom: 40px;
    }

    .main-latestdata .mnu .latestdata-mnu-btn {
        font-size: 1.4rem;
    }

    .main-latestdata .mnu .latestdata-mnu-btn:not(:first-child) {
        margin-left: 40px;
    }
}

@media screen and (min-width: 1000px) {
    .main-latestdata {
        padding: 120px 20px;
    }

    .latest-data-list .ldl-con {
        padding: 30px 25px;
    }

    .latest-data-list .ldl-con .local-global-cate {
        height: 34px;
        line-height: 34px !important;
    }

    .latest-data-list .topten-box {
        height: 300px;
    }

    .latest-data-list .topten-list .height-scroll {
        height: 265px;
    }
}

@media screen and (min-width: 1280px) {
    .main-latestdata {
        padding: 120px 0px;
    }
    
     .latest-data-list .topten-list ul.table-ul li .b-loca {
        width: 12%;
    }
    
    .latest-data-list .topten-list ul.table-ul li .b-hit {
        width: 12%;
    }

    .latest-data-list .arrow-box {
        margin-top: 0px;
    }
    
    .latest-data-list .arrow-box .swiper-button {
        position: absolute;
        top: calc(50% - 50px);
        width: 80px;
        height: 100px;
        margin: 0;
        font-size: 3.6rem;
        text-align: center;
    }
    
    .latest-data-list .arrow-box .swiper-button.swiper-prev {
        left: -100px;
    }
    
    .latest-data-list .arrow-box .swiper-button.swiper-next {
        right: -100px;
    }
}


/* 공지사항, 뉴스, 자료실, 행사안내 */
.main-latestbox {
    position: relative;
    padding: 20px;
}

.main-latestbox .latest-box {
    padding: 15px 0;
}

.main-latestbox .latest-box h2 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.4rem;
    color: #000;
}

.main-latestbox .latest-box h2 em {
    flex-grow: 1;
}

.main-latestbox .latest-box h2 a.more-btn {
    flex-shrink: 0;
    display: block;
    height: 30px;
    line-height: 28px !important;
    padding: 0 10px;
    border: 1px solid #00478A;
    font-size: 1rem;
}

.main-latestbox .latest-box h2 a.more-btn i {
    color: #00478A;
}

.main-latestbox .latest-box ul {
    border-top: 2px solid #333;
}

.main-latestbox .latest-box ul li {
    padding: 0 5px;
    border-bottom: 1px solid #DEDEDE;
}

.main-latestbox .latest-box ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
}

.main-latestbox .latest-box ul li a em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.main-latestbox .latest-box ul li a span.date {
    flex-shrink: 0;
    width: 60px;
    text-align: right;
}

@media screen and (min-width: 767px) {
    .main-latestbox .flex-spacebetween {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }

    .main-latestbox .latest-box {
        width: 48%;
        padding: 20px 0;
    }
}

@media screen and (min-width: 1000px) {
    .main-latestbox {
        padding: 100px 20px;
    }

    .main-latestbox .latest-box {
        width: 49%;
        padding: 30px 0;
    }

    .main-latestbox .latest-box h2 {
        margin-bottom: 30px;
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 1280px) {
    .main-latestbox {
        padding: 100px 0;
    }

    .main-latestbox .latest-box {
        width: 620px;
    }
}


/* 메인 롤링 배너 */
.main-rollingbanner {
    padding: 20px;
    background-color: #E5F2FC;
}

.main-rollingbanner .respon-w1280px {
    overflow: hidden;
}

.main-rollingbanner .mr-con h3 {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    color: #000;
    font-size: 1.4rem;
}

.main-rollingbanner .mr-con h3:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 3px;
    background-color: #212121;
    content: '';
}

.main-rollingbanner .mr-con .rollingbanner-list {
    overflow: hidden;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
    font-size: 0;
}

.main-rollingbanner .mr-con .rollingbanner-list a {
    display: inline-block;
    margin: 5px 10px;
    text-align: center;
}

.main-rollingbanner .mr-con .rollingbanner-list a img {
    height: 28px;
}

.main-rollingbanner .arrow-box {
    margin-top: 10px;
    text-align: center;
    font-size: 0;
}

.main-rollingbanner .arrow-box .swiper-button {
    display: inline-block;
    margin: 0 10px;
    background-color: transparent;
    font-size: 1.6rem;
    color: #0092E5;
}

@media screen and (min-width: 639px) {
    .main-rollingbanner .mr-con .rollingbanner-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .main-rollingbanner .mr-con .rollingbanner-list.list3 a {
        width: 33.3333%;
    }

    .main-rollingbanner .mr-con .rollingbanner-list.list4 a {
        width: 25%;
    }
}

@media screen and (min-width: 1000px) {
    .main-rollingbanner {
        padding: 40px 20px;
    }

    .main-rollingbanner .mr-con .flex-spacebetween {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .main-rollingbanner .mr-con h3 {
        flex-shrink: 0;
        width: 330px;
        margin-bottom: 0;
        font-size: 1.2rem;
    }

    .main-rollingbanner .mr-con .rollingbanner-list {
        flex-grow: 1;
        height: 100px;
    }

    .main-rollingbanner .mr-con .rollingbanner-list.list3 a img {
        height: 40px;
    }

    .main-rollingbanner .mr-con .rollingbanner-list.list4 a img {
        height: 40px;
    }
}

@media screen and (min-width: 1280px) {
    .main-rollingbanner {
        padding: 20px 0px;
    }

    .main-rollingbanner .respon-w1280px {
        padding: 20px 60px;
    }

    .main-rollingbanner .arrow-box {
        margin-top: 0px;
    }

    .main-rollingbanner .mr-con .rollingbanner-list.list3 {
        padding: 0 50px;
    }

    .main-rollingbanner .mr-con .rollingbanner-list.list3 a img {
        height: 50px;
    }

    .main-rollingbanner .mr-con .rollingbanner-list.list6 {
        padding: 0 40px;
    }

    .main-rollingbanner .mr-con .rollingbanner-list.list6 a img {
        height: 40px;
    }

    .main-rollingbanner .mr-con .rollingbanner-list.list4 {
        padding: 0 50px;
    }

    .main-rollingbanner .mr-con .rollingbanner-list.list4 a img {
        height: 50px;
    }
    
    .main-rollingbanner .arrow-box .swiper-button {
        position: absolute;
        top: calc(50% - 50px);
        width: 60px;
        height: 100px;
        margin: 0;
        font-size: 3rem;
    }
    
    .main-rollingbanner .arrow-box .swiper-button.swiper-prev {
        left: -10px;
        text-align: left;
    }
    
    .main-rollingbanner .arrow-box .swiper-button.swiper-next {
        right: -10px;
        text-align: right;
    }
}


/* 메인 하단 링크 */
.main-banner-link {
    position: relative;
    padding: 20px;
}

.main-banner-link .mbl-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.main-banner-link .mbl-list a {
    display: block;
    width: 48%;
    padding: 10px;
    margin: 2% 0;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    border-radius: 10px;
}

.main-banner-link .mbl-list a img {
    height: 40px;
}

@media screen and (min-width: 767px) {
    .main-banner-link .mbl-list {
        flex-wrap: nowrap;
    }

    .main-banner-link .mbl-list a {
        width: 24%;
        margin: 0;
    }
}

@media screen and (min-width: 1000px) {
    .main-banner-link {
        padding: 50px 20px;
    }
}

@media screen and (min-width: 1280px) {
    .main-banner-link {
        padding: 50px 0;
    }

    .main-banner-link .mbl-list a {
        padding: 15px 0;
        width: 290px;
    }

    .main-banner-link .mbl-list a img {
        height: 50px;
    }
}

/************************************
		### 2024년 스타일 추가 ###
************************************/

.main_popupZone .mainSwiper { width:100%; }
.main_popupZone.layerPop .layerConts .main_btn_area  { position:absolute; bottom:calc(50% - 365px); left:50%; width:280px; text-align:center; transform:translateX(-50%); z-index:22222; }


.main_popupZone .layerConts .main_btn_area .main_btn { display:flex; justify-content:space-between; align-items:center; width:280px; height:40px; background-color:#212429; border-radius:40px; }
.main_popupZone .layerConts .main_btn_area .main_btn .main_btn_move { position:relative; width:62px; height:40px; z-index:22222; }
.main_popupZone .layerConts .main_btn_area .main_btn .main_btn_move .swiper-button-next:after,
.main_popupZone .layerConts .main_btn_area .main_btn .main_btn_move .swiper-button-prev:after { font-size:13px; color:#d0d7e4; }
/* .main_popupZone .layerConts .main_btn_area .main_btn input[type="checkbox"] { margin-top:-4px; vertical-align:middle; } */
.main_popupZone .layerConts .main_btn_area .main_btn label { display:inline-block; margin-top:-4px; font-size:13px; color:#d0d7e4; vertical-align:middle; letter-spacing:0.3px; }
.main_popupZone .layerConts .main_btn_area .main_btn button { display:flex; justify-content:center; align-items:center; margin-left:10px; width:40px; height:40px; background-color:#d0d7e4; border:none; border-radius:50%; cursor:pointer; vertical-align:middle; outline:none; }
.main_popupZone .layerConts .main_btn_area .main_btn button i { font-size:30px; font-weight:bold; color:#153879; }

.main_popupZone .layerConts  .swiper-slide { display:flex; justify-content:center; align-items:center; }
.main_popupZone .layerConts  .swiper-slide .type_etc { display:flex; justify-content:center; align-items:center; /* height:550px; */ }
.main_popupZone .layerConts  .swiper-slide .type_etc img { height:100%; }

/* 메인페이지 팝업 페이징 커스텀 */
.popup_pagination { top:-41px; height:100%; }
.popup_pagination .swiper-pagination-bullet { width:10px; height:10px; background-color:#ccc; opacity:1; }
.popup_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width:25px; background-color:#fdac36 !important; border-radius:10px; }
.main_popupZone .layerConts .main_btn_area .main_btn .main_btn_move .swiper-button-next  { right:0 !important; }
/* .main_popupZone .layerConts .main_btn_area .main_btn .main_btn_move .swiper-button-next.swiper-button-disabled,
.main_popupZone .layerConts .main_btn_area .main_btn .main_btn_move .swiper-button-prev.swiper-button-disabled { opacity:1 !important; } */

/* 체크박스 커스텀 */
.chk_design { display:none; }
.chk_design + label span { display:inline-block; width:14px; height:14px; margin:0; background:url("../images/main/icon_checkbox.svg") 0 0 / 14px 14px no-repeat; vertical-align:middle; cursor:pointer; }
.chk_design:checked + label span { background:url("../images/main/icon_checkbox_checked.svg") 0 0 / 14px 14px no-repeat; }
.chk_design + label span { margin:-2px 5px 0 0;  }
.chk_design + label:hover { font-weight:bold; color:var(--color-blue); }

/* 공지 팝업 */
.layerPop.main_popupZone { background:rgba(0,0,0,0.5); }

/* .swiper-button-next { right:-20px !important; }
.swiper-button-prev { left:-20px !important; } */

/* -------------------------------- */
@media screen and (min-width: 639px) {
}

@media screen and (min-width: 767px) {
}

@media screen and (min-width: 979px) {
}

@media screen and (min-width: 1239px) {
}

@media screen and (min-width: 1439px) {
}