@charset "utf-8";

/*basic*/
.sub_flex{display:flex; flex-wrap:wrap; gap:20px;height:100%;}
.sub_flex + .sub_flex{margin-top:20px;}
.sub_flex > .sub_cont{width:calc((100% - 20px) / 2);}
.sub_list > li + li{margin-top:11px;}
.sub_list > li > a{overflow:hidden; display:block; line-height:1.4; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.sub_list > li > span{overflow:hidden; display:block; line-height:1.4; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
/*splide*/
.splide .sub_list > li{width:100%; height:24px !important; margin:0;}
.splide .sub_list a:hover, .splide .sub_list a:focus, .splide .sub_list a:active{text-decoration:underline; text-underline-position:under;}
.splide.brd_splide{visibility:visible;}
.splide.brd_splide .splide__list{flex-wrap:wrap;}
.splide.brd_splide .sub_list > li{margin-bottom:10px;}
.splide.brd_splide:not(.is-active) .sub_list > li:last-of-type{margin-bottom:0;}
/*header*/
.header{position:relative; display:flex; align-items:center; padding:15px 0; width:100%; z-index:10;}
.header .logo > a{position:relative; display:block; width:178px; height:38px; background:url('/images/nfsi/front/information/board/logo.png') no-repeat;}
.gnb{display:flex; justify-content:center; border: 1px solid var(--purple-10);border-radius: 20px;background-color: #fff;}
.gnb > li > a{display:block;;padding:10px 16px; font-size:18px;text-align:center; font-weight:500; color:var(--blck-60);}
.gnb > li > a:hover, .gnb > li > a:focus, .gnb > li > a:active{color:var(--navy);}
/* .gnb > li > a:hover, .gnb > li > a:focus, .gnb > li > a:active{color:var(--purple-70);} */
.gnb > li.on > a{color:var(--whte); text-decoration:none; border-radius:25px;  background:var(--navy);/* background:var(--purple); */}
.gnb > li.on > a:focus{outline:2px dashed #fff;outline-offset:-2px;}
/* .gnb_wrap{display:flex; width:calc(100% - 350px); justify-content:center;} */
.gnb_wrap{width:max-content; position:absolute;left:50%;transform:translateX(-50%);z-index:99999999;}
/*sub layout*/
.sub_wrap{min-height:calc(100vh - 97px); padding:30px; border-radius:20px; border:1px solid var(--purple-10); background:var(--purple-gr);}
.sub_wrap.status_wrap{display:flex;flex-direction:column;}
.sub_wrap.status_wrap .sub_flex{flex:1;}
.sub_cont{padding:25px; border-radius:20px;border: 1px solid var(--purple-10); background:var(--whte-gr);}
.sub_cont_countrytop10{padding:25px 25px 0 25px;}
.sub_tit{position:relative; margin-bottom:15px; padding-bottom:15px; font-size:20px; font-weight:700; color:var(--blck-80); border-bottom:1px solid var(--purple-30);}
.sub_tit_info{position:absolute; bottom:3px; right:0; font-size:15px; font-weight:600; color:var(--blck-40);}
.brd_wrap{border:1px solid var(--gray); background:var(--whte);}
.brd_cont{display:flex; align-items:center; flex-wrap:wrap; gap:10px;border: 1px solid var(--whte);border-radius: 20px;background-color: rgba(255,255,255,0.5);}
.brd_cont + .brd_cont{margin-top:8px;}
.brd_cont .splide{width:calc(100% - 140px); margin-top:4px;}
/* 기존 시안 컬러 */
 .brd_stat{width:125px; padding:9px; font-weight:500; color:var(--whte); text-align:center; border-radius:20px; background:var(--navy-80);}
.brd_lgs{background:var(--blue);}
.brd_gbt{background:var(--blue-80);}
.brd_rse{background:var(--blue-60);}
.sub_cont.brd_wrap>.brd_cont li>a{color: var(--blck-80);}
/* 보라색 시안 컬러 */
/* .brd_stat{width:125px; padding:9px; font-weight:500; color:var(--whte); text-align:center; border-radius:20px; background:var(--purple);}
.brd_lgs{background:var(--purple-80);}
.brd_gbt{background:var(--purple-60);}
.brd_rse{background:#6C71F9;}
.sub_cont.brd_wrap>.brd_cont:nth-of-type(2) li>a{color: var(--purple-80);}
.sub_cont.brd_wrap>.brd_cont:nth-of-type(3) li>a{color: var(--purple-60);}
.sub_cont.brd_wrap>.brd_cont:nth-of-type(4) li>a{color: #6C71F9;} */

/*world map*/
.map_wrap.sub_cont{overflow:auto; position:relative; display:flex; justify-content:flex-end; align-items:center; flex:1 0; padding:0; min-height:calc(100vh - 445px);border: 0;border-radius: 0;background:transparent;}
.map_tit{position:absolute; top:0; left:0; font-size:18px; font-weight:500; color:var(--blck-80);  z-index:1;}
.map_tit > h3{position: relative;padding-left: 40px;font-size:30px; font-weight:700;line-height: 1;}
.map_tit > h3::before{content: "";position: absolute;top: 0;left: 0;display: block;width: 30px;height: 30px;background: url('/images/nfsi/front/information/board/tit_icon.svg');}
.map_tit > h3 > span{font-size:16px;}
.map_btn{position:absolute; bottom: 0; left: calc(100% - 100px); display:flex;justify-content: right; z-index:10;}
.map_btn > button:focus{outline-offset:-2px;}
.map_btn > button{width:50px; height:50px; border:1px solid var(--purple-10); background:var(--whte);}
.map_btn > button:before{content:""; display:block; width:18px; height:18px; margin:0 auto; background:url('/images/nfsi/front/information/board/icon_wrap.png') no-repeat;}
.map_btn > button.btn_plus{border-radius: 8px 0 0 8px; }
.map_btn > button.btn_minus{border-radius: 0 8px 8px 0;}
.map_btn > button.btn_minus:before{background-position-y:-20px;}
.map_img{height:100%; max-height:620px; margin-top:-100px;}
/*260618_수정*/
.map_btm_infor{position:absolute; left:0; bottom:0; }
.map_legend{max-width:fit-content; display: flex;align-items: flex-end ;padding:20px; font-size:13px;border-radius: 20px; background:linear-gradient(360deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.7) 100%);backdrop-filter: blur(3px);box-shadow: 5px 5px 5px rgba(0,0,0,0.05);}
.map_legend > ul > li{position:relative;}
.map_legend > ul > li + li{margin-top:8px;}
.map_legend > ul > li:before{content:""; display:inline-block; width:22px; height:22px; margin-right:8px; vertical-align:middle; border-radius:50%; background:var(--navy);}
.map_legend > ul > li.map_md:before{background:var(--navy-60);}
.map_legend > ul > li.map_sm:before{background:var(--navy-40);}
.map_legend > p{font-size:12px; margin-top:10px;}
.map_btm_infor .info_txt{margin-top:15px;}

/*count*/
.count_wrap.sub_cont{width:35%; min-width:540px; padding:0; border: 0;background:none;}
.count_wrap .sub_cont{height:calc(100% - 398px);margin-bottom: 10px; border:1px solid var(--purple-10);border-radius: 20px; background:linear-gradient(360deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.7) 100%);backdrop-filter: blur(25px);box-shadow: 5px 5px 5px rgba(0,0,0,0.05);}
.sub_cont h3.count_tit{position:relative; padding-left:30px; font-size:26px; margin-bottom:10px;}
.sub_cont h3.count_tit::before{content: "";position: absolute;top: 50%;left: 0; transform:translateY(-50%);display: block;width: 23px;height: 23px;background: url('/images/nfsi/front/information/board/tit_icon02.svg');}
.count_wrap .sub_cont.brd_wrap{height: auto;margin: 0;}
.map_count{display:flex; justify-content:space-between; gap:20px; margin-bottom:10px;}
.map_count > li{flex:1 0; padding:17px; font-size:18px; font-weight:700; color:var(--whte); text-align:center; border: 1px solid #EAE8FF; border-radius:15px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #F4F3FF 100%);box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);}
.map_count > li:nth-of-type(2){border-color: #D6FAFF;background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #EEFDFF 100%);}
.map_count > li:nth-of-type(3){border-color:#FFE1EF;background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, #FFEDF6 100%);}
.map_count > li > p {position: relative;padding-left: 30px;text-align: left;color: var(--blck-80);font-size: 16px;font-weight: 700;line-height: 24px;}
.map_count > li > p::before{content: "";position: absolute;top: 0;left: 0;width:24px;height: 24px;background: url('/images/nfsi/front/information/board/mc_icon01.svg')no-repeat center;}
.map_count > li:nth-of-type(2) > p::before{background: url('/images/nfsi/front/information/board/mc_icon02.svg') no-repeat center;}
.map_count > li:nth-of-type(3) > p::before{background: url('/images/nfsi/front/information/board/mc_icon03.svg') no-repeat center;}
.map_count > li:nth-of-type(2) > :is(span){color: #0D9EAE;}
.map_count > li:nth-of-type(3) > :is(span){color: #EE2B8C;}
.map_count > li > span{display:block;color:var(--purple); text-align:right; font-size: 30px;font-weight: 700;}
.flag_count{display:grid; grid-template-columns:repeat(2, 1fr); grid-auto-flow: column; gap:10px; height:calc(100% - 53px); counter-reset:number;}
.flag_count > li{position:relative; padding-left:82px; font-size:16px; font-weight:500; text-align:center; background-image:url('/images/nfsi/front/information/board/flag/icon_flag.png'); background-repeat:no-repeat; background-size:74px 49px; background-position-y:bottom; counter-increment:number; counter-increment:number;}
.flag_count > li:nth-child(n+6){grid-column:2;}
.flag_count > li > p{position:relative; padding:1px 0 8px 0;}
.flag_count > li > p:before{content:counter(number); position:absolute; left:0; top:0; width:18.75px; height:18px; font-size:13px;font-weight: 300; color:var(--whte); line-height:18px; border-radius:50%; background:var(--navy);/* background:var(--purple); */}
.flag_count > li > span{display:flex; justify-content:center; align-items:center; height:calc(100% - 25px); padding:3px 0; font-size:16px; color:var(--navy); border-radius: 23px;background:var(--gray-20);}
/*search*/
.srch_wrap{position:relative; z-index:1;}
.srch_cntr{position:relative; display:block; width:100%; padding:18px; font-size:18px; font-weight:700; color:var(--whte); border-radius:20px 20px 0 0;  background:var(--blue-80);/* background:var(--purple-70); */}
.srch_cntr:focus{outline:2px dashed #fff;outline-offset:-2px;}
.srch_cntr:after{content:""; display:inline-block; width:15px; height:8px; margin:-2px 0 0 10px; vertical-align:middle; background:url('/images/nfsi/front/information/board/icon_wrap.png') -60px 0 no-repeat; transition:transform .5s;}
.srch_cntr.on:after{transform:rotate(180deg); transition:transform .5s;}
.srch_cntr.on>.srch_detail{display: block !important;}
.srch_detail{position:relative; display:none; width:100%; padding:25px; border:1px solid var(--blue-80); border-top:none; background:var(--whte);}
.srch_detail dl{display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.srch_detail dl + dl{margin-top:15px;}
.srch_detail dt{position:relative; width:100px; padding:0 0 0 15px;}
.srch_detail dt:before{content:""; position:absolute; top:5px; left:0; width:5px; height:5px; border-radius:50%; background:var(--blue-80);/* background:var(--purple); */}
.srch_detail dd{display:flex; flex-wrap:wrap; align-items:center; gap:3px;}
.srch_detail dd:only-of-type{width:calc(100% - 100px);}
.srch_detail .info_txt{width:calc(100% - 200px);}
.srch_btn{display: flex;justify-content: center;gap: 8px;margin-top: 15px;padding-top: 15px;border-top: 1px solid var(--purple-10);}
.srch_info{display:flex; flex-wrap:wrap; gap:8px; width:100%; }
.srch_info:has(>.srch_stat){margin-top:10px;}
.srch_info .srch_stat{padding:12px 12px 10px 12px; font-size:15px; font-weight:500;color:var(--navy); /* color:var(--purple); */ border-radius:20px; background:var(--blue-20); /* background:#F4F3FF; */}
.srch_info .srch_stat > button{display:inline-block; width:11px; height:11px; margin:-3px 0 0 8px; vertical-align:middle; background:url('/images/nfsi/front/information/board/icon_wrap.png') -20px -20px no-repeat;}
.info_txt{position:relative; padding-left:24px; font-weight:500; color:var(--navy-80); /* color:var(--purple-70) */; line-height:1.2; word-break:keep-all;}
.info_txt:before{content:""; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/images/nfsi/front/information/board/icon_wrap.png') -80px 0 no-repeat;}
/*sumoselect*/
.srch_detail .SumoSelect{width:20%; vertical-align:middle;}
.srch_detail .SumoSelect>.CaptionCont{height:37px; padding:0 35px 0 0; vertical-align:middle; border-radius:3px; border:1px solid var(--gray-30);}
.srch_detail .SumoSelect>.CaptionCont>label{width:35px;}
.srch_detail .SumoSelect>.CaptionCont>label>i{width:35px; height:35px; background:url('/images/nfsi/front/information/board/inp_wrap.png') right 0 no-repeat;}
.srch_detail .SumoSelect>.CaptionCont>span, .srch_detail .SumoSelect>.CaptionCont>span.placeholder, .srch_detail .SumoSelect.open .search-txt{padding:0 10px; font-style:normal; color:var(--blck-50); line-height:35px;}
.srch_detail .SumoSelect.open>.CaptionCont, .srch_detail .SumoSelect:focus>.CaptionCont, .srch_detail .SumoSelect:hover>.CaptionCont{border-color:var(--blue); box-shadow:none; cursor:pointer;}
.srch_detail .SumoSelect.open>.CaptionCont>label>i, .srch_detail .SumoSelect:focus>.CaptionCont>label>i, .srch_detail .SumoSelect:hover>.CaptionCont>label>i{background-position-y:-35px;}
.srch_detail .SumoSelect.open>.optWrapper{top:37px;}
.srch_detail .SumoSelect>.optWrapper{box-shadow:2px 3px 3px rgba(0,0,0,.05);}
.srch_detail .SumoSelect>.optWrapper>.options li.opt{padding:10px;}
.srch_detail .SumoSelect>.optWrapper>.MultiControls{box-shadow:none;}
.srch_detail .SumoSelect>.optWrapper.multiple>.options li.opt{padding-left:33px;}
.srch_detail .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p{padding:10px; font-size:15px; color:var(--blck-70); vertical-align:middle;}
.srch_detail .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus{box-shadow:none; border-color:#dcdcdc; background-color:#f1f1f1;}
.srch_detail .SumoSelect .select-all>label, .srch_detail .SumoSelect>.CaptionCont, .srch_detail .SumoSelect>.optWrapper>.options li.opt label{font-size:14px; color:var(--blck-50);}
.srch_detail .SumoSelect .select-all>span, .srch_detail .SumoSelect>.optWrapper.multiple>.options li.opt span{margin-left:-30px;}
.srch_detail .SumoSelect .select-all>span i, .srch_detail .SumoSelect>.optWrapper.multiple>.options li.opt span i{border-color:#767676; box-shadow:none;}
.srch_detail .SumoSelect .select-all.partial>span i, .srch_detail .SumoSelect .select-all.selected>span i, .srch_detail .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{background-color:#0078D7;}
/*alert*/
.alert_wrap{position:absolute; top:14px; right:25px; text-align:right; z-index:9;z-index:99999999;}
.alert_btn{position:relative; padding:10px 12px; font-size:18px; font-weight:600; color:var(--whte); border-radius:25px; background:var(--pink);}
.alert_btn:before{content:""; display:inline-block; width:18px; height:18px; margin:-4px 8px 0 0; vertical-align:middle; background:url(/images/nfsi/front/information/board/icon_wrap.png) -80px -20px no-repeat;}
.alert_layout{display:flex; flex-direction:row-reverse; width:100%;}
.alert_list{position:relative; display:none; max-width:38vw;max-height:350px; margin-top:10px; padding:20px; text-align:left; border-radius:20px; border:2px solid var(--pink);border-radius: 20px; background:var(--pink-gr);}
.alert_list > li{ position:relative; padding:10px 10px 8px 10px; font-size:15px; font-weight:500; color:var(--pink); word-break:keep-all; border: 1px solid var(--pink-10);border-radius: 20px;background:var(--whte);}
.alert_list > li + li{margin-top:8px;}
.alert_list > li:before{content:""; display:inline-block; width:15px; height:13px; margin:-2px 8px 0 0; vertical-align:middle; background:url('/images/nfsi/front/information/board/icon_wrap.png') -100px 0 no-repeat;}
.alert_list > li > a{display:inline;}
.alert_num{position:relative; margin-left:3px;}
.alert_num:before{content:"+"; display:inline-block; margin:-5px 2px 0 0; vertical-align:middle;}
/*chart*/
.sub_cont .chart_scroll {position:relative;display:flex;flex-direction:column-reverse;overflow-x:auto;overflow-y:hidden;}
.chart_wrap{position:relative; max-width:100%; height:calc(100vh - 266px);}
.sub_cont .chart_wrap{min-width:800px;}
.chart_msg{position:absolute; top:50%; left:50%; width:100%; font-size:16px; font-weight:500; color:var(--navy); text-align:center; line-height:1.3; transform:translate(-50%,-50%);}
.chart_msg:before{content:""; display:block; width:60px; height:60px; margin:0 auto 20px auto; background:url('/images/nfsi/front/information/board/icon_wrap.png') 0 -60px no-repeat;}
.sub_flex .chart_wrap{min-height:230px; height:calc(50vh - 226px);}
/* .sub_flex .chart_wrap_countrytop10{height:230px;} */
.chart_data_text{position:absolute;width:0;height:0;font-size:0;}
.chart_accessible_legend{display:flex;justify-content:center;gap:10px;min-width:800px;padding:3px;font-size:15px;color:#333;}
.chart_accessible_legend>button{display:flex;gap:5px;align-items:center;white-space:nowrap;}
.chart_accessible_legend>button .legend_color{top:0;left:0;display:block;width:12px;height:12px;border-radius:50%;}
.sub_flex .sub_cont_countrytop10 .chart_scroll{flex-direction:row;justify-content:center;padding-top:5px;}
.sub_flex .sub_cont_countrytop10 .chart_scroll .chart_wrap{min-width:calc(800px - 80px);min-height:260px;}
.sub_cont_countrytop10 .chart_accessible_legend{flex-direction:column;gap:5px;}
.sub_flex .sub_cont_countrytop10 .chart_accessible_legend,.sub_flex .sub_cont_countrytop10 .chart_accessible_legend>button{min-width: 80px;}
/* 인사이트맵 */
.sub_cont.is_map{border-radius: 0 0 20px 20px;border: 0px;background-color: transparent;}

/* focus */
.splide__track li>a:focus{border:1px dashed #000 !important;outline:none;}
.SumoSelect:focus{outline:2px dotted #000; outline-offset:1px;}
.SumoSelect>.optWrapper>.options>li.opt:focus,
.srch_detail .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus{border:2px dotted #000;border-bottom:2px dotted #000 !important;outline-offset:-2px;outline:none;}

#loading { display: flex; align-items: center; justify-content: center; background: #e8edf2; border-radius: 12px; }
.spinner { width: 40px; height: 40px; border: 4px solid #1e3a5f; border-top-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; margin: 0 auto 12px; }
@keyframes spin { to { transform: rotate(360deg); } }
.country-path { transition: fill 0.2s; cursor: pointer;}

/* 수출지원 정보채널 안내 */
.sub_chnltit{text-align:center; margin:0 auto 15px; }
.sub_chnltit h3{font-size:34px; font-weight:700; margin-bottom:10px;}
.sub_chnltit div{display:flex; justify-content:center; align-items:center; gap:10px; font-size:18px; font-weight:400; color:#666;}
.sub_chnltit > div {flex-direction:column;}
.sub_chnltit div button{font-size:14px; font-weight:500; border:1px solid #0F3561; border-radius:20px; padding:6px 14px; }
.sub_chnltit div .mn_close{color:#fff; background:#0F3561; }
.sub_chnltit div .mn_open{color:#0F3561; background:#fff; }
.sub_chnltit div .mn_close.unvailable {background: #888;border-color: #888;color: #fff;cursor: default; pointer-events: none; }
.sub_chnltit div .mn_open.unvailable {color: #888;border-color: #888; background: #fff;cursor: default; pointer-events: none;}

.sub_grid{display:grid; gap:20px; height:100%; grid-template-columns:repeat(3, 1fr);min-height:calc(100vh - 300px);}
.sub_chnl_item{box-shadow:5px 5px 5px rgba(0, 0, 0, 0.05); height:calc(100% - 35px);border-radius:20px; background:#fff; }
.sub_chnl_item .chnl_item_tit{display:flex; align-items:center; gap:10px; color:#fff; border-radius:20px 20px 0 0; padding: 15px 25px 55px; box-shadow:5px 5px 5px rgba(0,0,0,0.05);}
.sub_chnl_item.itemst_nv .chnl_item_tit{background:#213784; }
.sub_chnl_item.itemst_b01 .chnl_item_tit{background:#2D4CB7;}
.sub_chnl_item.itemst_b02 .chnl_item_tit{background:#3A61EA;}
.chnl_item_tit .item_tit_no{font-weight:300; text-align:center; border:2px solid #fff; border-radius:10px; padding:8px 13px;}
.chnl_item_tit .item_tit_no span{font-size:13px; margin-bottom:10px;}
.chnl_item_tit .item_tit_no p{font-size:28px; }
.chnl_item_tit .item_tit_nm h4{font-size:22px; font-weight:700; margin-bottom:10px;}
.chnl_item_tit .item_tit_nm span{font-size:15px; font-weight:300;  word-break:keep-all;}

.accd{display:flex; gap:12px;flex-direction:column; padding:25px; background:#fff; border-radius:20px; transform:translateY(-35px);}
.accd--animated .accd_lb::before{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}
label.acd_01{position:relative;display:flex;align-items:center; padding:0 10px 10px 0;}
label.accd_lb span{font-size:16px; font-weight:700; }
.sub_chnl_item.itemst_nv .accd_lb{color:#213784;}
.sub_chnl_item.itemst_b01 .accd_lb{color:#2D4CB7;}
.sub_chnl_item.itemst_b02 .accd_lb{color:#3A61EA;}

.acd_01::before{content:'';display:block;width:24px;height:24px;background:url('/images/nfsi/front/information/board/ch_iconwrap.png') 0 0 no-repeat; margin-right:2px;}
#group-2+.acd_01::before{background-position:-24px 0;}
#group-3+.acd_01::before{background-position:-48px 0;}
#group-4+.acd_01::before{background-position:-72px 0;}
#group-5+.acd_01::before{background-position:-96px 0;}
#group-6+.acd_01::before{background-position:-120px 0;}
#group-7+.acd_01::before{background-position:-144px 0;}
#group-8+.acd_01::before{background-position:-168px 0;}
#group-9+.acd_01::before{background-position:-192px 0;}
#group-10+.acd_01::before{background-position:-216px 0;}
#group-11+.acd_01::before{background-position:-240px 0;}
#group-12+.acd_01::before{background-position:-264px 0;}
label.acd_01::after{content:''; position:absolute; right:0; display:block;width:12px;height:12px;background:url('/images/nfsi/front/information/board/ch_iconwrap.png') 0 -24px no-repeat; transform:rotate(-180deg);}
.accd__input:not(:checked) + label.acd_01{border-bottom:1px solid #E8ECEF; }
.accd__input:checked + label.acd_01::after{transform:rotate(0deg);}

.accd_lb--icon-img::after{background-position:-48px 0}
.accd__input {position: absolute;width: 1px;height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.accd__input:focus-visible + label.accd_lb { outline: 2px dotted #000; outline-offset: 2px; border-radius: 4px;}
.accd__sub{display:none; max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), padding 0.4s ease; background: #F0F2F5; border-radius: 8px; padding: 0 10px 0 20px; }
.accd__input:checked ~ .accd__sub {display:block; max-height: 1000px; padding: 2px 10px 6px 20px; }
.accd__sub > li{display:flex; position:relative; padding:6px 0; border-bottom:1px dashed #fff; }
.accd__sub > li:last-child{border-bottom:none;}
.sub_chnl_item .accd__sub > li span::before{content:'·'; font-size:20px; margin-right:5px;}
.sub_chnl_item.itemst_nv .accd__sub > li span::before{color:#213784;}
.sub_chnl_item.itemst_b01 .accd__sub > li span::before{color:#2D4CB7;}
.sub_chnl_item.itemst_b02 .accd__sub > li span::before{color:#3A61EA;}
.accd__sub > li span{font-size:14px; font-weight:400; color:#444; }
.accd__sub--is-visible{display:block}
label.acd_02::after{content:''; position:absolute; top:3px; right:0; display:block;width:14px;height:14px;background:url('/images/nfsi/front/information/board/ch_iconwrap.png') -12px -24px no-repeat; }
.accd__input:checked + label.acd_02::after{background-position:-26px -24px;}
.accd__sub .accd__item_chd{flex-direction:column; }
.accd__sub .accd__item_chd ul{background:rgba(255,255,255,0.8); }
.accd__input:checked ~ .accd__sub--l2{margin-top:8px; padding:8px;}
.accd__sub .accd__item_chd ul li{padding:2px;}
.accd__sub .accd__item_chd ul li a span{font-size:13px; }
.accd__sub .accd__item_chd ul li a span::before{content:'-'; font-size:13px; color:#444; margin-right:3px;}
.sub_chn .info_txt{display:flex; width:fit-content; margin:0 auto;}

@media screen and (max-width:1600px){
	.map_btm_infor .info_txt{max-width:80%;}
}
@media screen and (max-width:1400px){
	.srch_detail .info_txt{display:block; margin:10px 0 0 0; padding-left:22px;}
	.info_txt:before{top:1px; zoom:0.9;}
}
@media screen and (max-width:1200px){
	body{padding:0 15px 15px 15px;}
	.sub_wrap{min-height:calc(100vh - 83px);}
	.sub_flex > .sub_cont{width:100%;}
	.map_wrap.sub_cont{display:block; width:100%; padding-bottom:20px; min-height:calc(100vh - 230px); border-bottom:1px solid #D7DFEB;}
	.map_tit{position:relative; top:auto; left:auto;}
	.map_btn{top: 10px;bottom: unset;left: unset;right: 0; zoom:0.8;}
	.map_btn > button.btn_minus{border-top:1px solid var(--gray-30); border-left:none;}
	.map_img{position:relative; right:auto; display:block; max-width:95%; height:auto; margin:35px auto 10px auto;}
	.map_btm_infor{position:sticky; left:auto; top:100%; margin-top:40px;}
	.map_legend > ul{display:flex; flex-wrap:wrap; gap:10px;}
	.map_legend > ul > li{width:100%;}
	.map_legend > ul > li + li{margin-top:0;}
	.map_legend > ul > li:before{width:10px; height:10px; margin:-3px 5px 0 0;}
	.map_btm_infor .info_txt{max-width:unset; width:100%;}
	.count_wrap.sub_cont{width:100%; min-width:0;}
	.count_wrap .sub_cont{height:auto;}
	.srch_cntr{padding:15px; font-size:16px;}
	.srch_detail{padding:15px; font-size:15px;}
	.srch_detail dl{flex-wrap:wrap; gap:8px;}
	.srch_detail dt, .srch_detail dd, .srch_detail dd:only-of-type{width:100%; padding:0 0 0 12px;}
	.srch_detail dl + dl, .srch_detail dd + dt{margin-top:10px;}
	.srch_detail .info_txt{width:100%;}
	.srch_btn{position:relative; top:auto; right:auto; margin-top:10px;}
	.srch_btn button{width:calc(50% - 2px);}
	.srch_info .srch_stat{font-size:14px;}
	.alert_wrap{top:15px; right:15px;}
	.sub_flex .chart_wrap{height:300px;}
	.chart_wrap{max-width: inherit;height:400px;padding: 0px; margin: 0px; border-width: 0px; cursor: default;} 
	.sub_flex .sub_cont_countrytop10 .chart_scroll{padding-bottom:15px;}
}
@media screen and (max-width:1000px){
	.header{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%;}
	.header .logo > a{position:relative; top:auto; left:auto;}
	.gnb_wrap{position:relative; left:unset; transform:translateX(0); margin:12px 0 0 0;}
	.map_wrap.sub_cont{min-height:calc(100vh - 290px);}
	
	.alert_wrap{position:fixed; top:auto; bottom:15px;width: auto;max-width: unset;}
	.alert_btn{padding:12px; border-radius:5px;}
	.alert_btn:before{display:block; margin:2px auto 4px auto;}
	.alert_num{display:block; margin:0;}
	.alert_list{max-width:80%;}
	.alert_list>li{overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.alert_layout{position:absolute;right:0;bottom:100px;width:100vw;}
	.info_txt{font-size:14px;}
	
	.sub_chn .sub_grid {display:flex; flex-wrap:wrap; }
	.sub_chn .sub_grid .sub_chnl_item{width:100%;}
	.accd{min-height:unset; padding:25px 25px 0 25px;}
	.sub_chn .info_txt{margin-top:15px;}
}
@media screen and (max-width:800px){
	.sub_wrap{min-height:calc(100vh - 116px); padding:20px;}
	.sub_cont, .map_wrap.sub_cont{padding-bottom:20px;}
	.map_wrap.sub_cont{min-height:auto;}
	.sub_tit{font-size:16px;}
	.sub_list{font-size:15px;}
	.header .logo > a{background-size:cover;}
	.gnb > li > a{font-size:16px;}
	.alert_wrap{max-width: 100%;}
	.brd_cont{gap:5px; font-size:15px;}
	.brd_stat, .brd_cont .splide{width:100%;}
	.map_tit > h3{font-size:22px;padding-left: 27px;}
	.map_tit > h3::before{zoom: 0.65;}
	.map_btn{zoom: 0.65;}
	.map_count{gap:12px;}
	.sub_cont h3.count_tit{font-size:22px; padding-left:27px;}
	.sub_cont h3.count_tit::before{zoom: 0.8;}
	.map_count > li{font-size:16px;}
	.map_count > li > span{padding:6px 20px;}
	.flag_count{display:flex; flex-wrap:wrap; flex-direction:column; height:auto;}
	.flag_count > li{width:100%; padding-left:78px; font-size:15px; background-size:71px 47px;}
	.flag_count > li > span{font-size:16px;}
	.brd_cont + .brd_cont{margin-top:4px;}
	.srch_cntr{padding:12px; font-size:15px;}
	.srch_detail dd{gap:3px;}
	.srch_detail input[type="text"]{width:100% !important;}
	.srch_detail select{width:100% !important; margin-left:0 !important;}
	.srch_detail select:first-of-type{margin:5px 0 3px 0;}
	.srch_detail .SumoSelect{width:100%;}
	.srch_info .srch_stat{padding:10px 10px 8px 10px;}
	.srch_btn button{width:100%; font-size:15px;}
	.srch_btn button:before{zoom:0.95;}
	.alert_btn{padding:8px 10px; font-size:15px;}
	.alert_list{padding:15px;}
	.alert_list > li{font-size:14px;}
	.chart_msg{font-size:14px;}
	.chart_msg:before{margin:0 auto 15px auto; zoom:0.9;}
	.map_legend{max-width:unset; width:100%; }
	.map_legend > ul{position:relative; }
	.map_legend > p{position:absolute; right:20px; bottom:20px;}
	
	.sub_chnltit h3{font-size:22px; word-break:keep-all; }
	.sub_chnltit > div {font-size:14px;}
}
@media screen and (max-width:600px){
	.header{padding:15px 0;}
	.gnb_wrap{width:100%; }
	.gnb_wrap .gnb{display:grid; grid-template-columns: repeat(2, 1fr); width:100%;}
	.gnb_wrap .gnb>li{}
	.gnb_wrap .gnb>li>a{font-size:16px;padding:10px 12px;}
	.count_wrap .sub_tit{padding-bottom:5px;}
	.sub_cont h3.count_tit{margin-bottom:35px;}
	.map_count{flex-wrap:wrap;}
	.map_count > li{flex:1 0 100%; display:flex; justify-content:space-between; align-items:center; padding:16px;}
	.map_count > li > span{margin-top:0;font-size: 20px;}
	.sub_tit_info{bottom:auto; left:0; display:block; margin-top:10px; font-size:13px; }
	.srch_detail input[type="date"]{width:100%;}
	
	.chnl_item_tit .item_tit_nm h4{font-size:20px;}
	.chnl_item_tit .item_tit_nm span{font-size:13px;}
}
@media screen and (max-width:500px){
	.map_btn{top:55px; left:0; right:auto; }
	.map_img{margin:55px auto 10px auto;}
	
	.sub_chnl_item .chnl_item_tit{padding:15px 20px 55px;}
	.accd{padding:20px 20px 0 20px;}
}
@media screen and (max-width:400px){
	.gnb_wrap .gnb>li>a{font-size:14px;}
	.map_tit > h3, .sub_cont h3.count_tit{font-size:20px;}
	.sub_chnltit h3{font-size:20px;}
}