@charset "UTF-8";

@media (max-width: 1440px){
	/* 기본 */
	body,html{font-size:15px;
	  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
	  -ms-text-size-adjust : none;  /* IE */
	  -moz-text-size-adjust : none;  /* 파이어폭스 */
	  -o-text-size-adjust : none;  /* 오페라 구버전 */
	}
	.inner{width:100%;padding-right:1.25rem;padding-left:1.25rem; margin:0 auto; box-sizing:border-box}	
	#gnb,.gnb_r_wp,.s-nav-t  {display:none;}
	#header #mMenu{display:block;z-index:920;}
	#header .logo_box{left:20px;}	
	.loca_nav{right:24px;bottom:24px;}
	#footer > .inner{padding-right:1.25rem;padding-left:1.25rem;}

	/* 메인 */
	.main_v_sd {width:100%;overflow:hidden;}
	.main_v_sd .item .sd_l{left:20px;}

	.main_v_sd .item > .inner{padding-left:480px;}
	.main_v_sd .item .sd_l{width:460px;}
	.main_vsual_wp .slick-dots{right:80px;}	
	.main_vsual_wp .s-nav-b .slick-nav a{right:20px;}
	.tab_cont{overflow-x:auto;padding-bottom:32px;}
	.tab_cont li{min-width:180px;}
	.tab_cont li a{padding:2rem 1.5rem;}
	.tab_cont li + li{margin-left:1.25rem;}
	.main_sec02 .main_board_tab:before{width:100%;left:0;}
	.main_sec02 .main_board_tab{padding:32px}
	.main_sec02 .tit_wp:before{left:20px;width:calc(100% - 100px);}
	.main_sec02 .board_tabs li a.more{top:-100px}
	.main_sec03{padding:20px;}
	.main_sec05{padding-left:20px;padding-right:20px;}
	.main_sec05 .inner:before{width:100%;left:0px;}
	.main_sec05 .sec_bottom{padding-left:0;}
	.main_sec05 .sec_bottom .tit{position:relative;top:0;margin-bottom:1rem;}
	.main_sec05 .sec_bottom .ul_wp{position:relative;}
	.main_sec05 .sec_bottom .ul_wp:before{content:'';position:absolute;right:-2px;top:0;width:56px;height:100%;background:url('/_KOR/img/scroll_bg.png') repeat-y right center;}
	.main_sec05 .sec_bottom .ul_wp:after{content:'';position:absolute;right:-2px;top:50%;margin-top:-8px;width:16px;height:17px;background:url('/_KOR/img/scroll_arrow.png') repeat-y right center;}
	.main_sec05 .sec_bottom ul{overflow-x:auto;align-items:center;}
	.main_sec05 .sec_bottom ul li{min-width:190px;}
	.main_sec05 .sec_bottom ul li a{display:block;}
	.main_sec07 .inner{padding:0 20px;}
	.main_sec07 .sec_title{position:relative;top:0;margin-bottom:1rem;}
	.main_sec07 .main_banner_wp .slick-nav{top:6px;left:154px;}
	.main_sec07 .more{top:0;right:20px;}

	/* 서브 */	
	.img_fix {overflow:auto !important;position:relative;}
	.img_fix .inbox{margin: 0 auto;}

}

@media (max-width: 1280px){
	#snb{display:none;}
	.sbu_cont_wp{width:100%;padding-right:1.25rem;padding-left:1.25rem;}
	.img_fix .inbox{max-height:800px}

	/* 메인 - 수위정보 탭 */
	.tab_map_wp {width:100%;}

}

@media (max-width: 1024px){
	/* 기본 */
	#footer .inner .f_top{flex-wrap:wrap;}
	#footer .f_top .relate_f_wp{margin-top:32px;width:100%;}
	#footer .f_top .relate_site{margin:-8px;}
	#footer .f_top .relate_site > li{width:calc((100% - 32px) / 2);}

	/* 메인 */
	.main_v_sd .item > .inner{padding-left:380px;}
	.main_v_sd .item .sd_l{width:340px;}
	.main_sec03 .inner{padding-left:32px;padding:32px;}
	.main_sec03 .sec_title{position:relative;padding:0 0 20px ;}
	.main_sec03 .sec_title span{display:inline-block;}
	.main_sec04 .tab_cont > ul{min-height:260px}

	/* 메인 - 수위정보 탭 */
	.tab_map_wp {width:100%;}
	.wl_map_nav {flex-wrap:wrap;}
	.wl_map_nav .tablink {padding:5px 10px;margin-bottom:5px;}
	#wlm00 .table {max-height:318px;}
	#wlm01 .table {overflow-y:scroll;max-height:318px;} /*240710*/
	#wlm01 .table::-webkit-scrollbar {
		width: 10px;
	  }
	#wlm01 .table::-webkit-scrollbar-thumb {
		background-color:#BEDAFF;
		border-radius: 10px;
		background-clip: padding-box;
		border: 2px solid transparent;
	  }
	#wlm01 .table::-webkit-scrollbar-track {
		background-color:#163e72;
		border-radius: 10px;
		box-shadow: inset 0px 0px 5px white;
	  }
	#wlm03 .table {overflow-y:scroll;max-height:318px;} /*240710*/
	#wlm03 .table::-webkit-scrollbar {
		width: 10px;
	  }
	#wlm03 .table::-webkit-scrollbar-thumb {
		background-color:#BEDAFF;
		border-radius: 10px;
		background-clip: padding-box;
		border: 2px solid transparent;
	  }
	#wlm03 .table::-webkit-scrollbar-track {
		background-color:#163e72;
		border-radius: 10px;
		box-shadow: inset 0px 0px 5px white;
	  }
	#wlm02 .tb_box, #wlm04 .tb_box {height:340px;}

}

@media (max-width: 990px){
	
	/* 기본 */
	#footer .f_link_wp{background:none;padding:0 0 16px;border-bottom:1px dashed rgba(255,255,255,.1);}
	#footer .f_link li:first-child a{padding-left:8px}
	#footer .f_link li a{margin:2px;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;font-size:.875rem;font-weight:500;}
	#footer .f_link li:not(:last-child) a:before{display:none;}

	/* 메인 */
	.main_v_sd .item .sd_r .map_img{transform:scale(.7);margin:0 -30%;}
	.main_tab_list{text-align:center;}
	.main_tab_list > li .tab_cont{top:118px;padding-top:0;}
	.main_tab_list > li .more{top: unset;bottom: -74px;right:50%;margin-right:-66px;}
	.tab_sd .item .thumb{height:140px;}
	.main_tab_list > li:last-child > a {margin-right: 0 !important;}
	
	.main_sec04 .inner > .dp_flex{flex-wrap:wrap;}
	.main_sec04 .inner > .dp_flex > *{width:100%;}
	.main_sec04 .sec_r{padding-left:0;}
	.main_sec04 .sec_r{height:auto !important;}
	.main_sec04 .alrim_wp .item{margin: -8px;}
	.main_sec04 .alrim_wp .item a{margin:8px}

	.main_sec05 .inner .inbox{padding:20px 0;}
	.main_sec05 .sec_top ul{flex-wrap:wrap;margin:0 -0px;}
	.main_sec05 .sec_top li{width:100%;margin:8px 0;}
	.main_sec05 .sec_top .sec_l{position:relative;}
	.main_sec05 .sec_top .sec_l a,.main_sec05 .sec_top .sec_r a{padding:24px;border-radius:16px}
	.main_sec05 .sec_top .sec_l .t_box{position:relative;padding-left:120px;}
	.main_sec05 .sec_top .sec_l .ico{position:absolute;top:0;left:0;transform:scale(.7);margin:-6% -3%;}
	.main_sec05 .sec_top .sec_l .more{position:absolute;top:44px;right:20px;}
	.main_sec05 .sec_top .sec_r{padding-left:0;height:auto !important;margin-top:8px;flex-direction:inherit;}
	.main_sec05 .sec_top .sec_r a{margin:4px;}

	.main_sec06 .water_link{margin:-8px;flex-wrap:wrap;}
	.main_sec06 .water_link li{width:calc((100% - 48px) / 3);margin:8px;}
	
	/* 서브기본 */
	.table_wp {width: 100%;overflow-x:scroll;margin-bottom:30px}  
	.table_wp .basic_tb {width:770px;}
	.table_wp .notice{display:block;padding:10px;background:#fff8f7;color:#f44336;border-radius:4px;margin-bottom:4px;} 

	/* 서브 */
	.depth4_tab ul{overflow-x:auto;white-space:nowrap;display:block;}
	.depth4_tab li{display:inline-block;}
	#depth4_menu_div.depth4_tab li a{padding:12px;}
	.ul_list .tag + span{display:inline}

}

@media (max-width: 768px){
	/* #wlm00 .table {overflow-y:scroll;max-height:329px;} */ /*240710*/
}

@media (max-width: 720px){
	/* 기본 */
	#header{height:72px;}
	#header .logo_box{top:-10px;}
	#header #mMenu{top:6px;}
	#footer .f_top .relate_site > li{width:100%;margin:4px 0;}
	#footer .f_top .relate_site > li > a{padding:12px 20px;}
	.sub{padding-top:72px}

	select,input{font-size:.875rem;margin-top:2px;margin-bottom:2px;}
	select{min-width:42px;padding:8px 18px 8px 8px;background-position:right 5px center}
	.custom_tb{font-size:.875rem;}
	.custom_tb tbody td, .custom_tb tbody th{padding:4px;}

	/* 메인 */
	.main_vsual_wp, .main_v_sd .item{height:auto;overflow:visible;}
	.main_v_sd .item > .inner{padding-left: 1.25rem;display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
	.main_v_sd .item.sd_01 .sd_l{padding-top:0;}
	.main_v_sd .item .sd_l{position:relative;top:0;left:0;width:100%;padding:0px 0 80px;}	
	.main_v_sd .item .sd_l .deco_text{display:none;}
	.main_v_sd .item .sd_l .deco_text *{display:inline-block}
	.main_v_sd .item .sd_r{height:480px;}
	.main_v_sd .item .sd_r .map_img{transform: scale(.65);margin: -100px -100px 40px;}
	.main_v_sd .item .sd_r .map_info {padding:.25rem;font-size:.688rem;width:114px;bottom:unset;top:88px}
	.main_v_sd .item .sd_r .map_info ul{display:inline-flex;flex-wrap:wrap;}
	.main_v_sd .item .sd_r .map_info li img{margin-right:4px;width:12px;vertical-align:middle;}

	.main_vsual_wp .slick-dots{right:unset;left:1.25rem;bottom: 28px}
	.main_vsual_wp .slick-dots button{padding:6px;margin:2px;font-size:.875rem;border-radius:16px;border:1px solid #ededed;}
	.main_vsual_wp .slick-dots button span{min-width:60px;border:0;padding:0}
	.main_vsual_wp .slick-dots button:before{display:none;}
	.main_vsual_wp .slick-dots .slick-active button{opacity:1;background:#fff;color:#3a71b5;}
	.main_vsual_wp .slick-dots .slick-active span{font-weight:700;}
	.main_vsual_wp .s-nav-b .slick-nav a{bottom:28px;width:32px;height:32px;}
	.main_vsual_wp .slick-nav a.slick-stop{background-position:-67px -540px;}
	.main_vsual_wp .slick-nav a.slick-play{background-position: -99px -540px;}

	.main_v_sd .slick-slide.slick-active .item.active .deco_text{animation-delay: .6s;}
	.main_v_sd .slick-slide.slick-active .item .tb_wp .subtitle_1{animation-delay: .7s;}
	.main_v_sd .slick-slide.slick-active .item .tb_t > *{animation-delay: .8s;}
	.main_v_sd .slick-slide.slick-active .item .tb_t > .txt_r{animation-delay: .9s;}
	.main_v_sd .slick-slide.slick-active .item .table{animation-delay: 1.0s;}
	.main_v_sd .slick-slide.slick-active .item .sd_l .tb_wp .info{animation-delay: 1.1s;}
	.main_v_sd .slick-slide.slick-active .item .map_wp{animation-delay: .3s;}
	.main_v_sd .slick-slide.slick-active .item .map_info{animation-delay: .8s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a,
	.main_v_sd .slick-slide.slick-active .item .sd_r .etc_gr a{animation-delay: .3s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(1){animation-delay: .4s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(2){animation-delay: .5s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(3){animation-delay: .6s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(4){animation-delay: .7s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(5){animation-delay: .8s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(6){animation-delay: .9s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(7){animation-delay: 1.0s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(8){animation-delay: 1.1s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(9){animation-delay: 1.2s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(10){animation-delay: .8s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(11){animation-delay: .9s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(12){animation-delay: 1.0s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(13){animation-delay: .7s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(14),
	.main_v_sd .slick-slide.slick-active .item .sd_r .etc_gr a:nth-child(1){animation-delay: .8s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(15),
	.main_v_sd .slick-slide.slick-active .item .sd_r .etc_gr a:nth-child(2){animation-delay: .9s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(16),
	.main_v_sd .slick-slide.slick-active .item .sd_r .etc_gr a:nth-child(3){animation-delay: 1.0s;}
	.main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(17){animation-delay: 1.1s;}

	.tab_cont li + li{margin:4px 0;}
	.tab_cont{overflow-x: inherit; padding-bottom: 0px}
	.tab_cont > ul{flex-wrap:wrap;}
	.tab_cont li{width:100%;flex:unset;}
	.tab_cont li a{padding:1rem;}
	.main_sec02 .main_board_tab{padding:16px;}
	.main_sec02 .board_tabs{height:580px;}
	.main_sec02 .board_tabs > li{padding:0;}
	.main_sec02 .tablink{font-size:1rem;border-radius:.5rem;padding:.5rem;text-align:center;}
	.main_sec02 .board_tabs > li:first-child{border-radius:.5rem 0 0 .5rem ;}
	.main_sec02 .board_tabs > li:last-child{border-radius:0 .5rem .5rem 0 ;}

	.main_sec02 .tab_cont li a .bo_tag{font-size:.875rem;}
	.main_sec02 .tab_cont li a .bo_tit{font-size:1rem;margin-bottom:.5rem;height:auto;}
	.main_sec02 .tab_cont li a .date{position:relative;}
	.main_sec02 .board_tabs li a.more{top:-80px;}

	.main_sec03 .inner{padding:24px;}
	.main_sec03 .main_qlink{flex-wrap:wrap;}
	.main_sec03 .main_qlink li{width:calc((100% - 16px) / 2);margin:4px;}
	.main_sec03 .main_qlink li a{padding:12px 4px;display:flex;align-items:center;text-align:left;}
	.main_sec03 .main_qlink a:before{transform:scale(.6);margin:-8px;}
	.main_sec03 .main_qlink a p{width:calc(100% - 45px);margin-left:8px;}

	.main_sec04 .tab_cont li a{padding:1.25rem;}
	.main_sec04 .tab_cont li a .bo_tit{font-size:1rem;line-height:1.3rem;min-height:auto;-webkit-box;-webkit-line-clamp: 2;height:2.6rem;margin-bottom:.5rem;}
	.main_sec04 .tab_cont li a .more{display:none;}
	.main_sec04 .inner > .dp_flex > *{height:580px;}
	.main_sec04 .alrim_wp .item,
	.main_sec04 .alrim_wp .item a{margin:0}
	.main_sec05 .sec_top .sec_l .t_box{padding-left:0;}
	.main_sec05 .sec_top .sec_l .ico{position:relative;transform: scale(.5);margin:-28px;}
	.main_sec05 .sec_top .sec_l .tit{margin-top:.5rem;}
	.main_sec05 .sec_top .sec_r{flex-wrap:wrap;}
	.main_sec05 .sec_top .sec_r a{flex:unset;width:100%;}
	.main_sec05 .sec_top .sec_l .tit{font-size:1.5rem;}
	.main_sec05 .sec_top .sec_l .desc{margin-bottom:.5rem;}

	.main_sec06 .water_link li{width:calc((100% - 16px) / 2);text-align:left;margin:4px;}
	.main_sec06 .water_link li a{position:relative;padding:16px 12px;padding-left:60px;}
	.main_sec06 .water_link li a span{font-size:1rem;}
	.main_sec06 .water_link li a:before{position:absolute;top:0;left:0;transform: scale(.5);margin:-4px -9px;}

	/* 서브 */
	#sub_wrap{padding-top:40px;}
	.sbu_cont_wp .sub_top h2{padding-right:60px;word-break:break-word;}
	.sbu_cont_wp .sub_top .page_print{top:0;margin-top:0;}
	.sbu_cont_wp .sub_top{margin-bottom:40px;}
	
	.subtab_dep3 ul{margin:0 0 24px 0; }
	.subtab_dep3 > ul li{width:calc(100% / 3);margin:-1px 0 0 -1px;}
	.subtab_dep3 > ul li a{border-radius:0;font-size:0.938rem;word-break: break-all;}
	.subtab_dep3 > ul li:first-child a{border-radius:8px 0 0 0}
	.subtab_dep3 > ul li:last-child a{border-radius: 0 0 8px 0}

	.depth4_tabN ul{margin-bottom:24px}

	.snb_010301 {overflow-x:auto;display:block;}
	.snb_010301 li{min-width:80px;}
	.snb_010301 li a{padding:8px;}

	.sec_col{flex-wrap:wrap;}
	.sec_col.sec_col_mo{margin:0}
	.sec_col.sec_col_mo > *{width:100%;margin:8px 0;}
	.step_list.sec_col_mo li:not(:last-child){margin-bottom:32px}
	.step_list > li:not(:last-child):before{right:50%;margin-right:-12px;margin-top:0;top:unset;bottom:-28px;transform: rotate(90deg);}
	.ico_list2 li:not(:first-child){margin-top:32px}
	.ico_list2 li:not(:first-child):before{left:50%;margin-left:-12px;margin-top:0;top:unset;top:-32px;transform: rotate(90deg);}

	.sec_leftbox{display:block;}
	.sec_leftbox .tit_box{width:100%;padding:0 0 16px;}
	.sec_leftbox .con_box{width:100%;padding-left:0;}

	.info_box{padding:16px}
	.info_box .txt_box{padding:8px 0 0 16px}

	.ul_list_half li{width:100%;margin:8px 0;padding-right:0px;}
	
	.sec_tit{flex-wrap:wrap;}

	.latest_update .t_box,.latest_update .b_box ul{flex-wrap:wrap;font-size:.938rem}
	.latest_update .t_box ul{display:flex;width:100%;margin-top:8px;border:1px solid #e4e8ec;border-radius:6px;overflow:hidden;}
	.latest_update .t_box li{flex:auto;margin-right:0 !important;text-align:center;}
	.latest_update .t_box li:not(:first-child){border-left:1px solid #e4e8ec;}	
	.latest_update .t_box li .tit{display:block;padding:8px;margin:0;width:100%;background:#f9fafb;}
	.latest_update .t_box li .con{padding:8px;width:100%;border-top:1px solid #e4e8ec;}
	.latest_update li .ico,.latest_update li .tit:before{display:none;}
	.latest_update li .tit{padding:0 4px 0 0;margin-right:4px}

	.ico_block{display:block;padding:32px !important;}
	.ico_block .text_box{margin-left:0 !important;margin-top:16px;}
	.ico_block .btn{width:100%}
	.ico_block .btn + .btn{margin:2px 0;}

	.from_search .from_wp .form_box + .form_box{margin-top:8px;margin-left:0;}

	.from_search .from_wp{padding:20px 12px;}
	.from_search .from_wp .btn.bg_navy{margin-top:4px;}

	/* 메인 - 수위정보 탭 */
	.tab_map_wp {width:100%;}

}

@media (max-width: 560px){
	.main_sec02 .board_tabs{height:580px;display:block;}
	.main_sec02 .board_tabs:after{content:"";width:100%;display:block;visibility:hidden;clear:both;}
	.main_sec02 .board_tabs > li{padding:0;margin:2px;float:left;border-radius:8px !important;}
	.main_sec02 .tab_cont{padding-top:0;top:86px;}

	/* 서브 */
	#depth4_menu_div.snb_010301 li:not(:first-child){padding-left:3px;margin-left:3px;}
	#depth4_menu_div.snb_010301 li a{padding:12px 8px;word-break:break-all;}
}

@media (max-width: 480px){
	.latest_update .t_box{padding:16px}

	/* 메인 - 수위정보 탭 */
	#wlm00 .table {max-height: 335px;}
	.main_v_sd .item.sd_01 .sd_l {min-height:515px;}
}

@media (max-width: 475px){

}

@media (max-width: 425px){

}

@media (max-width: 375px){
	.wl_map_nav {flex-wrap:wrap;}
	
	/* 메인 - 수위정보 탭 */
	#wlm00 .table {max-height: 292px;}
	#wlm01 .table {overflow-y:scroll;max-height:292px;}


}

@media (max-width: 360px){
	.main_sec02 .board_tabs > li{border:1px solid #ddd;background:#fafafa;color:#666}
	.main_sec02 .main_board_tab {padding:0}
	.main_sec02 .main_board_tab:before{background:none;

}

@media (max-width: 350px){
	.main_v_sd .item .sd_r .map_img {transform: scale(.62);margin: -100px -130px 40px;}
	.main_v_sd .item.sd_01 > .inner {padding-left:10px;padding-right:10px;}

}

@media (max-width: 320px){
	.main_v_sd .item .sd_r .map_img {transform: scale(.58);margin: -100px -130px 40px;}
}