@charset "utf-8";

#skiptoContent { display:none;}

/*기본 & 모바일*/
/*header 수정 김지아*/
.main_header{ position:absolute !important; left:0; top:0; width:100%; z-index: 99; }
/*끝*/
.hd_top{ background:#f2f2f2; }
.hd_weather_wrap{ display:flex; align-items: center; justify-content: space-between; padding:10px; }
.hd_weather{ display:flex; align-items: center; justify-content: space-between }
.hd_weather .weather{ display:flex; align-items: center; margin-right:10px; }
.hd_weather .weather p{ font-size:14px; }
.hd_weather .dust{ display:flex; align-items: center }
.hd_weather .dust p{ display:flex; align-items: center; font-size:14px; margin-left:10px; }
.hd_weather .dust p span{ display:inline-block; font-weight:500; margin-right:5px; }
.hd_weather .dust p em{ display:none; }
.hd_weather .hd_link{ display:none; }
.top_login{ display:none; }

/*gnb 수정 김지아*/
.m_gnb_wrap{ position:fixed; top:0; left:-200%; bottom:0; width:100%; background:rgba(0,0,0,0.6); transition:0.3s; z-index: 9999 }
/*끝*/
.m_gnb_wrap.open{ left:0; transition:0.3s; }
.m_gnb{ position:relative; width:90%; max-width:360px; margin-left:auto; background:#fff; padding:105px 30px 30px; height:100%; }
.m_gnb .logo{ position:absolute; top:30px; left:30px; padding-bottom:20px; }
.m_gnb .m_close{ position:absolute; right:30px; top:30px; }
.m_gnb_list{ border-top:#d3d3d3 solid 1px;  border-bottom:#d3d3d3 solid 1px;  height:90%; overflow:auto; }
.m_gnb_list > ul{ padding:15px;   }
.m_gnb_list > ul > li{ position:relative; }
.m_gnb_list > ul > li > a{ display:block; padding:10px 0; font-size:22px; font-weight:bold; color:#191919; }
.m_gnb_list > ul > li > ul{ display:none; margin:10px 0; border:#a5a5a5 solid 1px; border-radius: 10px; overflow:hidden }
.m_gnb_list > ul > li > ul > li > a{ display:block; padding:12px 15px; border-bottom:#ddd solid 1px;  }
.m_gnb_list > ul > li > ul > li > a:hover{ background:#fafafa; color:#3f8adf; font-weight:bold; }
.m_gnb_list > ul > li > ul > li:last-child > a{ border:0; }
.m_gnb_list > ul > li > ul > li > ul{ display:none; padding:10px 15px; border-bottom:#ddd solid 1px; }
.m_gnb_list > ul > li > ul > li > ul > li > a{ position:relative; display:block; padding:5px 10px 5px 15px; font-size:14px; }
.m_gnb_list > ul > li > ul > li > ul > li > a:before{ display:inline-block; width:6px; height:6px; content:""; position:absolute; left:0; top:9px; border-radius:10px; background:#666; }

.m_gnb_list > ul > li.has_sub:after{ position:absolute; top:9px; right:0; display:inline-block; width:25px; height:25px; background-image:url(../images/common/sprite.png); background-size:760px; background-position:-515px -71px; content:""; transition:0.3s }
.m_gnb_list > ul > li.has_sub.open:after{ background-position:-549px -71px; transition:0.3s }
.m_gnb .m_login{ display:flex; align-items: center; padding:20px 0; }
.m_gnb .m_login a{ display:inline-block; padding-right:10px; margin-right:10px; font-size:14px; letter-spacing:-.4px; }
.m_gnb .m_login a:not(:last-child){ border-right:#999 solid 1px; }

/* 2024.08.20 oneClick link */
.m_gnb .m_login .oneClick-link > a {color: #666; border-right: 1px solid #999;}
.m_gnb .m_login .oneClick-link > a > span:nth-of-type(1) {color: #f8992d;}
.m_gnb .m_login .oneClick-link > a > span:nth-of-type(2) {color: #3f8adf;}

.gnb_wrap{ border-bottom:#898c89 solid 1px; }
.gnb_wrap .container{ display:flex; justify-content: space-between; padding:10px; }
.gnb_wrap .gnb{ display:none; }
.gnb_wrap .etc_menu{ display:flex; align-items: center; }

/*gnb 수정 작업 - 김지아*/
.gnb_wrap .etc_menu > a{ margin-left:25px; cursor: pointer;}
.gnb_wrap .etc_menu > a i {color:#fff; font-size:1.5rem;}
/*끝*/

.gnb_wrap .etc_menu .icon_sitemap{ display:none; }

.sub_header{ position:relative; z-index: 100 }
.sub_header .gnb_wrap{ background:#fff; transition:0.3s; }
.sub_header .gnb_wrap .gnb > li > a{ color:#222 }

/*header 아이콘 작업 - 김지아*/
.sub_header .gnb_wrap .etc_menu > a.icon_love{display:block; width:25px; height:25px; background:url("../images/common/icon_heart_on.png")no-repeat; background-size:100%;}
.sub_header .gnb_wrap .icon_logo{ background-position:-221px 0; transition:0.3s  }
.sub_header .gnb_wrap .icon_sch{ background-position:-507px -55px;cursor: pointer;}
.sub_header .sp_icon.icon_sch.top_tot_sch_open {background: url('/site/kor/pbs/images/common/globalsearch.png') no-repeat !important;background-size:cover !important; width:30px; height:25px;}
/*끝*/

.sub_header .gnb_wrap .icon_sitemap{ background-position:-321px -55px; }
.sub_header .gnb_wrap .icon_menu{ background-position:-321px -55px; }

.gnb_all_wrap{ display:none }

/*관심페이지 작업 - 김지아*/
.love {position: relative;}
.love_wrap {justify-content:space-between; position: absolute;top:42px; right:0px; background: #fff; padding:15px;border-radius: 5px;border:1px solid #eee; z-index: 9;}
.love_wrap > div {width:170px;}
.love_wrap h3 {font-size:1rem;margin:13px 0 10px 0; text-align: center;font-size: .9rem;padding: 8px;border-radius: 30px;color: #326fe1;background: #ebf0fb;}
.love_wrap h3:first-child {margin:0px 0 10px 0;}
.love_wrap ul {max-height: 180px; overflow-y: auto;}
.love_wrap ul::-webkit-scrollbar {width: 2px;}
.love_wrap ul::-webkit-scrollbar-thumb {background-color:#3f8adf;}
.love_wrap ul::-webkit-scrollbar-track {background-color: #ebf0fb;}
.love_wrap ul li {position:relative; font-size:.9rem; padding-left:13px;}
.love_wrap ul li:last-child {margin-bottom:0;}
.love_wrap ul li a {position:relative; display: block; font-size:.9rem;}
.love_wrap ul li:hover a {text-decoration: underline;}
.love_wrap ul li a:before {content: "#"; display: inline-block; position: absolute; top:0; left:0; color:#004ad5; margin-right:5px;}
.love_wrap .pop li {padding-left:0;}
.love_wrap .pop li a:before {display: none;}
.love_wrap .pop li span {display: inline-block;width:15px;height:15px;line-height: 15px;text-align: center;border-radius: 100%;box-sizing: border-box;background: #333;color:#fff;font-size: .7rem;vertical-align: 2px;margin-right: 5px;}
.love_wrap .pop li:before {display: none;}
.love .location p {max-width: 70%;}
.love .location p i {color:#fab300;}
.love .location a {display: block; color:#fff; border-radius: 30px; border:1px solid #fff; padding:7px 15px; font-size:14px;}
/*끝*/

.top_sch_wrap{ display:block; visibility: hidden; position:fixed; left:0; top:-200%; right:0; background:rgba(0,0,0,0.6); z-index: 9999; transition:0.3s }
.top_sch_wrap.open{ visibility: visible;  top:0; bottom:0; transition:0.3s }
.top_sch_area{ position:relative; width:90%; margin:0 auto; padding:30px; background:#fff; z-index: 10000}
.top_sch_area .sch_row{ position:relative;  margin:20px 0 0; }
.top_sch_area .sch_row .top_sch_txt{ width:100%; height:50px; border:0; border-bottom:#222 solid 1px; padding:5px 0; font-size:20px; font-weight:300; }
.top_sch_area .sch_row .top_sch_txt::placeholder{ color:#666; }
.top_sch_area .sch_row .top_sch_btn{ position:absolute; right:5px; top:13px; border:0; }
.top_sch_area .sch_row p{ font-size:14px; margin-top:15px; line-height: 1.3 }
.top_sch_area .sch_row p a{ display:inline-block; color:#333; margin:0 8px; }
.top_sch_area .sch_close{ position:absolute; right:30px; top:30px; }


/* FIXME 글로벌통합검색 css >>> GRBTTSRT */
/*글로벌통합검색 작업 - 김지아*/
.top_tot_sch_wrap{ display:block; visibility: hidden; position:fixed; left:0; top:-200%; right:0; background:rgba(0,0,0,0.6); z-index: 9999; transition:0.3s }
.top_tot_sch_wrap.open{ visibility: visible;  top:0; bottom:0; transition:0.3s }
.top_tot_sch_area{ position:relative; width:90%; margin:0 auto; padding:30px; background:#fff; z-index: 10000}
.top_tot_sch_area .sch_row{ position:relative;  margin:20px 0 0; }
.top_tot_sch_area .sch_row .top_sch_txt{ width:100%; height:50px; border:0; border-bottom:#222 solid 1px; padding:5px 0; font-size:20px; font-weight:300; }
.top_tot_sch_area .sch_row .top_sch_txt::placeholder{ color:#666; }
.top_tot_sch_area .sch_row .top_sch_btn{ position:absolute; right:5px; top:13px; border:0; }
.top_tot_sch_area .sch_row p{ font-size:14px; margin-top:15px; line-height: 1.3 }
.top_tot_sch_area .sch_row p a{ display:inline-block; color:#333; margin:0 8px; }
.top_tot_sch_area .tot_sch_close{ position:absolute; right:30px; top:30px; }
/*끝*/


#main_con{ overflow:hidden }

.main_slider_wrap{ position:relative; }
.main_slider{ display:flex; height:100vh; min-height: 700px; }
.main_slider .slider{ position:relative; background-size:cover; overflow:hidden; z-index: 20; }
.main_slider .slider01{ background:#000 }
.main_slider .slider02{ background-image:url("../images/main/main_visual02.jpg"); }
.main_slider .slider03{ background-image:url("../images/main/main_visual03.jpg"); }
.main_slider .slider04{ background-image:url("../images/main/main_visual04.jpg"); }
#main_video{ display:block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width:auto; height:auto; min-width: 100%; min-height: 100%; opacity: 0.4; z-index: 1 }
.main_slider .inner{  position:relative; z-index: 10;  display:flex; align-items: center; justify-content: flex-start; flex-direction: column; padding:160px 30px 30px 30px; height:100%; }
.slider .slider_title{ color:#fff; text-align: center; }
.slider .slider_title .main_title .text{ font-size:14px; }
.slider .slider_title .main_title span{ display:block; font-size:26px; font-weight:bold; margin:5px 0 8px; }
.slider .slider_title .main_title .exp{ font-size:14px; color:#c9c9c9; line-height: 1.2; word-break: keep-all }
.slider .slider_title .sub_title{ display:none; }

.main_ctrl{ position:absolute; top:50%; left:0; right:0; z-index: 900;}
.main_ctrl a{ position:absolute; display:inline-flex; width:50px; height:50px; background:#000; justify-content: center; align-items: center; border-radius: 50px; }
.main_ctrl .main_prev{ left:0; }
.main_ctrl .main_next{ right:0; }

.slider_pager{ display:none !important; }

.local_water{ width:100%; padding:15px 0; text-align:center; }
.local_water .local_title{ display:flex; justify-content: center; align-items:center; color:#fff; }
.local_water .icon_place{ margin-right:5px; }
.local_water .local_title .set_local{ display:inline-flex; align-items: center; color:#fff; border:#fff solid 1px; padding:5px 10px; border-radius: 30px; font-size:12px; margin-left:10px; }
.local_water .local_title .set_local .icon_setting{ margin-left:4px;}
.local_water .local_step{ display:flex; align-items: center; padding:20px 0; }
.local_water .local_step li{ position:relative; width:25%; padding:0 5px; }
.local_water .local_step li:before,.local_water .local_step li:after{ display:inline-block; position:absolute; right:0; width:1px; height:25px; background:#a8a6a7; content:""}
.local_water .local_step li:before{ top:0; }
.local_water .local_step li:after{ bottom:0; }
.local_water .local_step li:last-child:before,.local_water .local_step li:last-child:after{ display:none; }
.local_water .local_step li span{ display:block; font-size:12px; color:#fff;  }
.local_water .local_step li em{ position:absolute; right:-13px; top:50%; text-indent:-9999px; width:13px; height:13px; border-right:#a8a6a7 solid 1px; border-bottom:#a8a6a7 solid 1px; transform:rotate(-45deg) translateY(calc(-50% - 3px))}

.local_popup{ display:none; position:fixed; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:#fff; width:80%; max-width:320px; z-index: 9999 }
.local_popup .title{ display:block; color:#fff; font-size:18px; background:#53A1FB; padding:15px 20px; text-align:left; }
.local_popup .btn_pop_close{ position:absolute; right:15px; top:15px; display:inline-block; text-indent:-9999px; width:15px; height:15px; background:url(../images/main/times.svg) center no-repeat; background-size:cover; }
.pop_con{ background:#fff; padding:30px; }
.pop_con .s_title{ color:#3F8ADF; font-size:18px; font-weight:500; display:block; margin-bottom:15px; text-align:left; }
.pop_con .select_row{ display:flex; justify-content: space-between; align-items: center; margin:10px 0; }
.pop_con .select_row label{ width:25%; font-weight:bold; text-align:left; }
.pop_con .select_row select{ width:70%; }
.pop_con .btn_set{ padding:20px 0 0; }
.pop_con .btn_set a{ display:inline-block; padding:15px 0; width:90px; color:#fff; border-radius: 5px; }
.pop_con .btn_set a.btn_blue{ background:#3F8ADF; }
.pop_con .btn_set a.btn_blk{ background:#454545; }

.local_popup_area{ display:none; position:fixed; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:#fff; width:80%; max-width:320px; z-index: 9999 }
.local_popup_area .title{ display:block; color:#fff; font-size:18px; background:#53A1FB; padding:15px 20px; text-align:left; }
.local_popup_area .btn_pop_close{ position:absolute; right:15px; top:15px; display:inline-block; text-indent:-9999px; width:15px; height:15px; background:url(../images/main/times.svg) center no-repeat; background-size:cover; }



.water_data{ display:flex; flex-direction: column; width:100%; max-width:380px; }
.water_data .data_percent{ display:flex; justify-content: space-between; align-items: center;  }
.data_circle{ width:100px; height:100px; border:#a8a6a7 solid 1px; border-radius: 100px; display:flex; flex-direction: column; justify-content: center; align-items: center }
.data_circle .title{ font-size:16px; font-weight:bold; color:#fff; margin-top:5px; }
.data_circle .s_title{ display:block; margin-top:5px; font-size:10px; font-weight:bold; color:#c8c9cb; }
.data_circle .per{ display:block; margin-top:5px; font-size:16px; font-weight:bold; color:#c8c9cb; color:#fab300; }
.data_circle a{ display:inline-block; background:#fff; border-radius:30px; font-size:10px; padding:2px 4px 3px; margin-top:5px; }
.data_circle:hover{ background:#1a2941; border:0; transition:0.3s }
.data_circle:hover a{ background:none; color:#fff; border:#a8a6a7 solid 1px; transition:0.3s }

.data_qual{ padding:20px 0; }
.data_qual .q_title{ display:flex; align-items: center; color:#fff; font-size:18px; font-weight:bold;  }
.data_qual .q_title a{ color:#fff; font-size:12px; border:#fff solid 1px; border-radius: 30px; padding:5px 10px; font-weight:500; margin-left:10px; }
.data_qual .q_title .icon_new{ margin-left:5px; vertical-align: 1px }
.data_qual .qual_list{ display:flex; padding:15px 0; }
.data_qual .qual_list li{ display:flex; flex-direction: column; align-items: center; width:33.333%; border:#acabac solid 1px; padding:10px 0; }
.data_qual .qual_list li .title{ font-size:14px; font-weight:500; color:#fff; }
.data_qual .qual_list li .bold{ font-size:24px; font-weight:bold; color:#fff; margin:5px 0 8px 0;  }
.data_qual .qual_list li .small{ font-size:12px; color:#fff; margin:2px 0;  }
.data_qual .qual_list li:hover{ background:rgba(0,73,184,0.7); border:0; }

/*물백과사전 slider02*/
.main_sch_wrap{ color:#fff; text-align: center; padding:50px 0; }
.main_sch_wrap .sch_title{ font-size:25px; font-weight:500; margin-bottom:20px; }
.main_sch_wrap .sch_row{ position:relative; width:85%; margin:0 auto; }
.main_sch_wrap .sch_row .main_sch_txt{ width:100%; height:40px; background:transparent; border:rgba(255,255,255,0.5) solid 2px; padding:5px 10px; color:#fff; }
.main_sch_wrap .sch_row .main_sch_txt::placeholder{ color:#fff; }
.main_sch_wrap .sch_row .main_sch_btn{ position:absolute; right:10px; top:10px; border:0; }
.main_sch_wrap .sch_row p{ font-size:14px; margin-top:15px; line-height: 1.3 }

/*물재해현황 slider03*/
.water_info{ width:100%; padding:50px 0; text-align: center; color:#fff; max-width:400px; }

/*물재해현황 작업 - 김지아*/
.water_info .title{ font-size:25px; font-weight:500; margin-bottom:20px; }
/*끝*/

.info_list ul{ display:flex; justify-content: space-between; }
.info_list ul li{ display:flex; flex-direction: column; align-items: center; width:100px; height:100px;  border:#acabac solid 1px; padding:15px 0 0; border-radius: 100px; }
.info_list ul li span{ margin-bottom:3px; }
.info_list ul li a{ display:inline-block; background:#fff; border-radius:30px; font-size:10px; padding:2px 4px 3px; margin-top:5px; }
.info_list ul li:hover{ background:#913e3f; border:0; transition:0.3s }
.info_list ul li:hover a{ background:none; color:#fff; border:#a8a6a7 solid 1px; transition:0.3s }
.water_info .tip{ margin-top:15px; font-size:14px; word-break: keep-all; line-height: 1.3 }

/*물재해현황 작업 - 김지아*/
.water_info .title > a.link {display: inline-flex; margin: 0 0 0 20px; padding: 4px 10px ;border: 1px solid #fff; border-radius: 5px; color: #fff; text-align: center; font-size: 15px;}
/*끝*/


/*글로벌 물이슈*/
.issue_list_wrap{ padding:50px 0; text-align: center }
.issue_list{ display:flex; }
.issue_list li{ width:145px; margin-right:10px; text-align:left; }
.issue_list li a{ display:flex; flex-direction: column; align-items: flex-start;  }
.issue_list li a div{ width:100%; height:160px; background-size:contain; background-repeat:no-repeat; padding:15px 0 0 15px; }
.issue_list li a div.global{ background-image:url("../images/main/bg_news01.png") }
.issue_list li a div.ko{ background-image:url("../images/main/bg_news02.png") }
.issue_list li a div span{ display:block; width:100%; color:#fff; font-weight:bold }
.issue_list li a div span.ca{ font-size:14px; margin-top:5px; font-weight:300; }
.issue_list li a p{ font-size:14px; line-height: 1.3; color:#fff; margin-top:10px;  padding:3px; word-break: keep-all }
.issue_list_wrap .view_more{ display:inline-block; padding:5px 20px; color:#fff; border:#fff solid 1px; margin-top:20px; border-radius: 30px; font-size:14px;  }
.issue_list li:nth-child(n+3){ display:none; }

.latest_area{ background:#f5f5f5 url("../images/main/bg_wave.svg") left bottom no-repeat; background-size:contain; padding-bottom:40px;  }
.notice_block{ position:relative; padding:30px 20px; min-height:300px; }
.notice_block h3{  display:inline-block; margin-right:10px; padding-bottom:10px; }
.notice_block h3 a{ display:block; color:#bbbbbb; font-size:22px; }
.notice_block h3.active{ border-bottom:#222 solid 2px; }
.notice_block h3.active a{ color:#2b2b2b; }
.notice_block h3.active a span{ color:#005bc2 }
.notice_block .view_more{  display:none; position:absolute; right:20px; top:30px; font-size:12px; background:#fff; padding:7px 10px; border-radius: 20px; border:#ddd solid 1px; }
.notice_list .date_box{ display:flex; justify-content: center; align-items: center; flex-direction: column; background:#005bc2; color:#fff; width:23%; height:70px; margin-right:10px; }
.notice_list .date_box span{ display:block; }
.notice_list .date_box span.date{ font-size:26px; font-weight:bold; margin-bottom:5px; }
.notice_list .date_box span.month{ font-size:14px; }
.notice_list .text_box{ width:75%; }
.notice_list .text_box .title{ display:block; font-size:18px; font-weight:bold; margin-top:3px;  }
.notice_list .text_box .title a{ display:block; line-height: 1.2; color:#222; }
.notice_list .text_box .exp{ font-size:14px; line-height: 1.2; margin-top:5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.notice_list{ display:none; position:absolute; top:75px; left:20px; right:20px; }
.notice_list > li{ display:flex; justify-content: space-between; margin:10px 0; }
.notice_list > li > a{ display:block; width:70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.notice_list > li.first{ padding-bottom:20px; margin-bottom:20px; border-bottom:#ddd solid 1px; }
.notice_block h3.active + ul{ display:block; }
.notice_block h3.active + ul + a{ display:inline-block; }

.main_banner{ position:relative; }
.banner_list li{ float:left; margin:1px;  }
.banner_list li a{ display:block; line-height:0; }
.banner_list li a img{ max-width:100%; }
.banner_list li a p{ font-size:14px; line-height:35px; padding:0 10px; background:#fff;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border:#e3e3e3 solid 1px; }
.bnr_ctrl{ display:flex; position:absolute; right:1px; bottom:1px; background:#f5f5f5; border:#000 solid 1px; }


.main_news_slider{ position:relative; background:#fff; padding:30px 20px; width:100%; overflow: hidden }
.main_news_slider .caroufredsel_wrapper{ width:530px !important; overflow:visible !important;}
.news_title {background: white; z-index: 99; margin-right:0 !important; padding-right: 105px;}
.news_title .s_title{ font-size:14px; font-weight:300; color:#7d7d7d; }
.news_title .title{ font-size:26px; font-weight:bold; color:#222; margin:10px 0 15px; }
.news_title .title br{ display:none; }
.news_title .title span:first-child{ color:#005bc2; }
.news_title .title span:last-child{ color:#c29121; }
.news_title .title span:last-child:after{ display:inline-block; width:25px; height:30px; content:""; background-image:url(../images/common/sprite.png); background-size:450px; background-position:-412px -44px; background-repeat:no-repeat; vertical-align: text-bottom; margin-left:10px;}
.news_slider .slide{ float:left; width:230px; height:300px; border-radius: 20px; padding:30px; background-size:cover; color:#494949; margin-right:15px; box-shadow: 4px 5px 7px 0 rgb(0 0 0 / 10%); }
.news_slider .slide.slide01{ background-image:url("../images/main/bg_banner01.jpg"); color:#0e3d5e; }
.news_slider .slide.slide02{ background-image:url("../images/main/bg_banner02.jpg"); color:#655d30; }
.news_slider .slide.slide03{ background-image:url("../images/main/bg_banner03.jpg"); color:#575246; }
.news_slider .slide.slide04{ background-image:url("../images/main/bg_banner04.jpg"); color:#2a4d45; }
.news_slider .slide.slide05{ background-image:url("../images/main/bg_banner05.jpg");  border:#e3e3e3 solid 1px; }
.news_slider .slide.slide06{ background-image:url("../images/main/bg_banner06.jpg");  border:#e3e3e3 solid 1px; }
.news_slider .slide .title{ font-size:25px; font-weight:bold; line-height: 1.2 }
.news_slider .slide .txt{ font-size:12px; font-weight:500; line-height: 1.2; margin-top:10px; }
.news_slider .slide a{ display:inline-block; border:#222 solid 1px; border-radius: 20px; padding:5px 15px; color:#222; font-size:14px; margin-top:10px; }
.news_ctrl{ display:flex; position:absolute; left: 300px; top:50px; background:#fff; z-index: 99; }

.bottom_links_wrap{  background:#f5f5f5; padding:10px 30px; }
.bottom_links_wrap .container{position:relative;}
.bottom_links a{ float:left; display:block; color:#777; padding:10px; }
.link_ctrl{ position:absolute; left:0; right:0; top:0; display:flex; justify-content: space-between; }
.link_ctrl a{position:absolute;top: 6px;}
.link_ctrl a.icon_link_prev{left: -20px;}
.link_ctrl a.icon_link_next{right: -20px;}

#footer_area{ background:#333; clear:both;}
#footer_area .container{ position:relative; }
.bottom_menu{ padding:20px; border-bottom:#505050 solid 1px; }
.bottom_menu ul{ display:flex; }
.bottom_menu ul li{ margin-right:15px; }
.bottom_menu ul li a{ color:#7f7f7f; display:inline-block; font-weight:bold; }
.bottom_menu ul li.bold a{ color:#efc50c; }

.copyright_wrap{ padding:20px 15px; }
.copyright p{ color:#505050; line-height: 1.2 }
.copyright p.addr{ font-size:14px; }
.copyright p.copy{ font-size:12px; margin:5px 0 10px }

.btm_sns{ display:flex; margin-bottom:25px; }
.btm_sns li { margin-right:10px; }
.btm_sns li a{ display:block; border-radius: 5px; text-indent:-9999px; }

/*관심페이지 팝업 작업 - 김지아*/
.go_top{ position: fixed; bottom:3%; right: 2%; z-index: 999;}
.go_page{ position: fixed; top: 82%; right: 2%; z-index: 999;}
.go_page .bg{content: ""; display: block; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.5); }
.go_page .popup_wrap {display:none; position: fixed; width:1000px; top:50%; left:50%; transform: translate(-50%,-50%);}
.go_page .popup_wrap .close a {position:relative; display: inline-block; margin-bottom:5px; padding:10px; width:45px; height:45px; background: #0078ff4a; color:#fff; border-radius: 100%; cursor: pointer;}
.go_page .popup_wrap .close a:before {content:""; display:block; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 30px; height:30px; background: #0078ff; border-radius: 100%;}
.go_page .popup_wrap .close a i {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:1.5rem;}
.go_page .popup_wrap .page {background: #fff; border-radius:5px; overflow: hidden;}
.go_page .popup_wrap .location .title {background:rgb(0 63 174 / 90%); padding:20px; justify-content: space-between; align-items: center;}
.go_page .popup_wrap .location h3 {background: none; padding:0; border:0; color:#fff;}
.go_page .popup_wrap .location ul {display:block; width:90%; margin:10px auto 0 auto;}
.go_page .popup_wrap .location ul li {position: relative; padding-left:23px;}
.go_page .popup_wrap .location ul li:before {font-family: 'bootstrap-icons'; content: "\F3E7"; display: inline-block; position: absolute; top:50%; left:0; transform: translate(0,-50%); color:#fab300; margin-right:5px;}
.go_page .popup_wrap .location a.setting {display: inline-block; padding:5px 10px; border:1px solid rgba(255,255,255,.5); color:#fff; border-radius:20px; font-size: .9rem; font-weight: 500;}
.go_page .popup_wrap .location a.setting:hover {color:#003faee6; background: #fff; transition: .3s;}
.go_page .popup_wrap .location a i {font-size:.8rem;}
.go_page .popup_wrap h3 {background: #ebf0fb; border:1px solid #ebf0fb; padding:10px 20px;font-size:1rem;text-align: center;  color:#326fe1; border-radius: 30px;}
.go_page .popup_wrap ul {display: inline-block; width:100%; max-height: 220px; overflow-y: auto; margin-top:10px;}
.go_page .popup_wrap ul::-webkit-scrollbar {width: 2px;}
.go_page .popup_wrap ul::-webkit-scrollbar-thumb {background-color:#3f8adf;}
.go_page .popup_wrap ul::-webkit-scrollbar-track {background-color: #ebf0fb;}
.go_page .popup_wrap ul li {min-width:150px; padding:7px; display:flex; justify-content:space-between; align-items: center;}
.go_page .popup_wrap ul li a {display: inline-block; color:#333;}
.go_page .popup_wrap ul li a:hover {text-decoration: underline;}
.go_page .popup_wrap ul li span {display: inline-block; font-family: 'bootstrap-icons'; content: "\F5DE"; cursor: pointer;}
.go_page .popup_wrap ul li span i {font-size:.8rem;  color:#999;}

.no_data {color:#848aa9; font-size:.9rem; margin:30px 0;}
.no_data i {font-size:1.1rem;}
.no_data p {margin:10px 0 20px 0;}
.no_data a {display:inline-block; color:#004ad5; text-decoration: none; width:70%;border: #f7921e solid 1px;color: #f7921e;background: #fff;border-radius: 20px;line-height: 30px;text-decoration: none; }
.no_data a i {font-size:.8rem;}

.go_page .popup_wrap .con {padding:30px; width:calc(100%/3);}
.go_page .popup_wrap .con.location {width:40%; padding:0;}

.go_page .popup_wrap .love {background: #f3f9ff;}
.go_page .popup_wrap .love li {position:relative; padding-left:15px;}
.go_page .popup_wrap .love li:before {content: "#"; display: inline-block; position: absolute; top:50%; left:0; transform: translate(0,-50%); color:#004ad5; margin-right:5px;}
.go_page .popup_wrap .love h3 { border: 1px solid #326fe1; background:none;}
.go_page .popup_wrap .pop li span {display:inline-block; background: #333; color:#fff; border-radius: 100%; width:15px; height:15px; text-align: center; font-size:.8rem; margin-right:5px;}
/*끝*/

/*.icon_page {width: 52px;height: 62px;background-size: 1080px;background-position: -804px -14px;}*/

/* 실시간현황 더보기 버튼 추가 */
.realtime-btn {width: 100%; display: flex; justify-content: center; margin: 10px 0 0 0;}
.realtime-btn a {display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff;  border-radius: 30px; border: 1px solid #fff; text-align: center;}

/*==============서브레이아웃================*/

.left_menu{ display:none; }

#content_area{ padding:25px 15px; }

.content_top{  margin-bottom:20px; border-bottom:#ddd solid 1px; }
.content_top h3{ font-size:25px; }

/*서브페이지 만족도 작업 - 김지아*/
.content_top h3 .star {display: inline-block;font-family: 'bootstrap-icons'; color:#FFC107; margin-left:.5rem; cursor: pointer;}
/*끝*/

.breadcrumb{ display:flex; padding:15px 0;  }
.breadcrumb li{ position:relative;margin-right: 12px;}
.breadcrumb li:after{ display:block;position:absolute;right: -10px;top:50%;transform:translateY(-50%);color:#666; width:6px; height:10px; background:url("../images/sub/angle_right_grey.svg") no-repeat; background-size:contain; content:"" }
.breadcrumb li:last-child{ margin-right:0; }
.breadcrumb li:last-child:after{ display:none;  }
.breadcrumb li a{ display:inline-flex; align-items: center; font-size:14px; font-weight:300; }
.breadcrumb li.home a:before{ display:inline-block; width:12px; height:12px; background:url("../images/sub/home.svg") no-repeat; background-size:contain; content:""; margin-right:3px; }

@media all and (min-width:641px) and (max-width:767px) {

	.local_popup{ transform:translateX(-50%) translateY(-25%); max-width: 500px; }
	.local_popup_area{ transform:translateX(-50%) translateY(-25%); max-width: 500px; }

	.pop_con{ display: flex;flex-wrap: wrap; justify-content:space-between}

	.pop_con .select_row{ width:50%; }
	.pop_con .select_row label{ width: 30%;font-weight:bold;text-align: right;}
	.pop_con .select_row select{width: 60%;}

}


/*관심페이지 모바일버전 작업 - 김지아*/
@media all and (max-width:1400px){
	.gnb_wrap .etc_menu .love_wrap {right:10px; transform:translate(0px, 25%);}
}

@media all and (max-width:1200px){
	.go_page .popup_wrap {width:95%; position: fixed; top:20%; left:50%; transform: translate(-50%,0%);}
	.go_page .popup_wrap .con {padding:20px;}
	.go_page .popup_wrap .con.location {width:50%;}
	.go_page .popup_wrap .location .title {padding:15px;}
}
/*끝*/

/*테블릿*/
/*관심페이지 모바일 작업 - 김지아*/
@media all and (max-width:768px) {
	.go_page .popup_wrap {width:90%; top:5%; flex-wrap:wrap !important;}
	.go_page .popup_wrap .con{width:100%;}
	.go_page .popup_wrap .page {flex-wrap: wrap; max-height: 80vh; overflow-y: auto;}

	.love_wrap {flex-wrap: wrap; top:0; transform: translate(0,30%);}
	.love_wrap > div {width:100%; margin-right:0 !important;}
	.love_wrap > div:first-child {margin-bottom:20px;}
	.love_wrap ul {max-height: 150px;}

	.go_page .popup_wrap ul {display: flex; flex-wrap: wrap; max-height:150px;}
	.go_page .popup_wrap ul li {width:calc(100%/2); padding:5px; min-width:auto;}
	.go_page .popup_wrap ul li a {font-size:.9rem;}
	.go_page .popup_wrap h3 {padding:8px; font-size:.9rem;}

	.go_page .popup_wrap .con.location {width:100%;}
	.go_page .popup_wrap .location ul {width: 100%; padding: 10px 20px 20px 20px;}
	.go_page .popup_wrap .location ul li {width:100%;}

}

@media all and (max-width:400px) {
	.go_page .popup_wrap {position: fixed; top:50%; left:50%; transform: translate(-50%,-50%); width:90%; flex-wrap:wrap !important;}
	.go_page .popup_wrap .love,.go_page .popup_wrap .pop {width:100%;}
	.go_page .popup_wrap ul {max-height:100px;}
	.go_page .popup_wrap ul li {width:100%; padding:7px;}
	.go_page .popup_wrap .location ul {display:block; padding:0 0 20px 0; width:90%;}
	/*끝*/
}


/*테블릿*/
@media all and (min-width:768px){

	.local_water{ min-width:400px; }
	.local_water .local_step li span{ display:block; margin-top:4px; }

	.main_slider{ height:auto; min-height:500px;  }
	.main_slider .slider{  justify-content: center }

	.issue_list li:nth-child(n+3){ display:block; }
	.issue_list li:nth-child(n+5){ display:none; }

	.latest_area .container{ display:flex; justify-content: space-between; align-items: center }
	.latest_area .notice_block{ width:49%; }
	.latest_area .main_banner{ width:49%; }

	.main_news_slider .caroufredsel_wrapper{ width:760px !important; overflow:visible !important;}

	.copyright p.addr br{ display:none; }

	/*==============서브레이아웃================*/

	.content_top{ display:flex; justify-content: space-between; align-items: flex-end; padding:20px 0; }

	.breadcrumb{ padding:0; }
}

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

	.main_news_slider .caroufredsel_wrapper{ width:1000px !important; overflow:visible !important;}

}
/*pc화면*/
@media all and (min-width:1280px){



	/*============서브레이아웃===========*/


}
@media all and (min-width:1400px){

	/*본문건너뛰기*/
	#skiptoContent { display:block; margin:0; padding:0; z-index:2000}
	a.quick_menu {display:block; font-size:1em; left:0; text-align:center; top:-10000px; position:absolute; width:100%; z-index:500;}
	a.quick_menu:hover,
	a.quick_menu:focus,
	a.quick_menu:active{ background:none repeat scroll 0 0 #404b64; color:#fff; font-weight:bold; height:40px; padding:10px 0; position:absolute; top:0; z-index:4000; }

	.container{ max-width:1400px; margin:0 auto; }

	.hd_weather_wrap{ padding:10px 0; }
	.hd_weather .weather{ margin-right:30px; }

	.hd_link{ display:flex; align-items: center; margin-left:30px; }
	.hd_link a{ display:inline-block; padding-right:15px; margin-right:15px; font-size:14px; }
	.hd_link a:first-child{ border-right:#999 solid 1px; }

	.top_login{ display:flex; }
	.top_login a{ display:inline-block; padding:0 20px; line-height: 30px; font-size:13px;  font-weight:500; border-radius: 20px; margin-left:10px;  }
	.top_login a.login{ border:#f7921e solid 1px;  color:#f7921e; background:#fff; }
	.top_login a.join{ color:#fff; background:#3f8adf; }
	.top_login a.link{ border:#c6c6c6 solid 1px; padding:3px 15px 0 15px; line-height: 1 }
	
	/* 2024.08.20 oneClick link */
	.oneClick-link > a {color: #111; font-size: 14px; border-radius: 20px; border: 1px solid #c6c6c6;}
	.oneClick-link > a > span:nth-of-type(1) {color: #f8992d;}
	.oneClick-link > a > span:nth-of-type(2) {color: #3f8adf;}
	.oneClick-link > a > sup {color: #408adf}
	
	.m_gnb_wrap{ display:none; }

	.gnb_wrap .container{ padding:30px 0; }
	.gnb_wrap .etc_menu a.icon_menu{ display:none; }
	.gnb_wrap .etc_menu a.icon_sitemap{ display:inline-block }

	.gnb_wrap{ transition:0.3s }
	.gnb_wrap .gnb{ display:flex; ; }
	.gnb > li > a{ display:block; font-size:18px; color:#fff; font-weight:bold; padding:20px 30px; }
	.gnb > li > div{ position:absolute; left:0; right:0; top:173px; background:#fff; }
	.gnb .sub_menu_title{ display:flex; justify-content: flex-start; flex-direction: column; align-items: flex-end; width:500px; min-width:250px; height:260px;  background-repeat:no-repeat; background-size:cover; padding:40px; }
	.gnb .sub_menu_title span{ display:inline-block; font-size:40px; font-weight:bold; color:#353535; }
	.gnb .sub_menu_title p{ font-size:12px; color:#aaa; margin-top:10px; }
	.gnb > li:nth-child(1) .sub_menu_title{ background-image:url("../images/common/bg_title01.jpg")}
	.gnb > li:nth-child(2) .sub_menu_title{ background-image:url("../images/common/bg_title02.jpg")}
	.gnb > li:nth-child(3) .sub_menu_title{ background-image:url("../images/common/bg_title03.jpg")}
	.gnb > li:nth-child(4) .sub_menu_title{ background-image:url("../images/common/bg_title04.jpg")}
	.gnb > li:nth-child(5) .sub_menu_title{ background-image:url("../images/common/bg_title05.jpg")}
	.gnb > li:nth-child(6) .sub_menu_title{ background-image:url("../images/common/bg_title06.jpg")}
	.gnb > li:nth-child(7) .sub_menu_title{ background-image:url("../images/common/bg_title07.jpg")}

	.gnb > li > div > ul{ display:flex; padding:30px 40px; }
	.gnb > li > div > ul > li{ width:200px; margin-right:10px; }
	.gnb > li > div > ul > li > a{ display:block; padding:17px 22px; font-weight:500; color:#565656; border:#ddd solid 1px; border-radius: 5px; }
	.gnb > li > div > ul > li > a:hover{ background:#3f8adf; border:#2365af solid 1px; color:#fff; transition:0.3s }
	.gnb > li > div > ul > li > ul{ padding:5px 12px; }
	.gnb > li > div > ul > li > ul > li{ margin:10px 0; }
	.gnb > li > div > ul > li > ul > li > a{ display:flex; align-items: center; font-weight:500; font-size:14px; }
	.gnb > li > div > ul > li > ul > li > a:before{ display:inline-block; width:4px; height:4px; border-radius: 5px; background:#c5c5c5; content:""; margin-right:6px; }
	.gnb > li > div > ul > li > ul > li > a:hover:before{ background:#3f8adf; width:10px; transition:0.3s }

	.sub_menu_wrap{ display:flex; max-height:0; transition:0.3s; overflow:hidden }
	.sub_menu_wrap.open{  max-height:300px; border-bottom:#ddd solid 1px;  transition:0.3s }

	.sub_header .gnb_wrap .icon_logo{ background-position:-238px 0; transition:0.3s  }

	/*gnb 작업 - 김지아*/
	.gnb_all_wrap{ display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:#fff;  }
	.gnb_all{ position:relative;  width:1200px; margin:0 auto; padding:80px 0; }
	.gnb_all .icon_close{ position:absolute; right:0; top:80px; }
	.gnb_all_list{ margin-top:40px; padding-top:40px; height:calc(100vh - 150px);  border-top:#eee solid 1px; overflow:auto;  }
	.gnb_all_list > ul > li > a{ display:inline-block; font-size:34px; font-weight:bold; color:#353535; }
	.gnb_all_list > ul > li > ul{ display:flex; margin:30px 0; padding:0 0 30px 0; border-bottom:#eee solid 1px; }
	.gnb_all_list > ul > li > ul > li{ width:180px; margin-right:10px; }
	.gnb_all_list > ul > li > ul > li > a{ display:block; padding:17px 22px; font-weight:500; color:#565656; border:#ddd solid 1px; border-radius: 5px; }
	.gnb_all_list > ul > li > ul > li > a:hover{ background:#3f8adf; border:#2365af solid 1px; color:#fff; transition:0.3s }
	.gnb_all_list > ul > li > ul > li > ul{ padding:5px 12px; }
	.gnb_all_list > ul > li > ul > li > ul > li{ margin:10px 0; }
	.gnb_all_list > ul > li > ul > li > ul > li > a{ display:flex; align-items: center; font-weight:500; font-size:14px; }
	.gnb_all_list > ul > li > ul > li > ul > li > a:before{ display:inline-block; width:4px; height:4px; border-radius: 5px; background:#c5c5c5; content:""; margin-right:6px; }
	.gnb_all_list > ul > li > ul > li > ul > li > a:hover:before{ background:#3f8adf; width:10px; transition:0.3s }
	/*끝*/

	.main_slider .inner{ height:100vh; padding:0;  max-width:1400px; margin:0 auto; }
	.slider .slider_title{ display:flex; justify-content: space-between; align-items: center; width: 100%; margin:252px 0 40px 0;}
	.slider .slider_title .main_title{ display:flex;  flex-wrap:wrap; max-width:690px; }
	.slider .slider_title .main_title .text{ width:100%; text-align: left; padding-left:3px;  }
	.slider .slider_title .main_title span{ font-size:50px; margin:10px 0 0 }
	.slider .slider_title .main_title .exp{ margin:15px 0 0 15px; }
	.slider .slider_title .sub_title{ display:block; text-align:right; color:#d9dada; }
	.slider .slider_title .sub_title .bold{ font-size:22px; font-weight:bold; margin-bottom:5px; }

	.main_ctrl a{ display:inline-flex; justify-content: center; align-items: center; width:150px; height:150px; border-radius: 100px; opacity: 0.3 }
	.main_ctrl a:hover{ transition:0.8; opacity:0.6 }

	.slider_pager{ display:flex !important; align-items: flex-end; justify-content: center; position:absolute; left:0; right:0; bottom:80px; z-index: 100 }
	.slider_pager a{ display:inline-block; width:16px; height:16px; border-radius: 20px; background-color:#c4bfb9; margin:0 5px; }
	.slider_pager a.selected{ width:20px; height:25px; background-color:transparent; background-image:url(../images/common/sprite.png); background-position:-412px -64px; background-size:710px;  }
	.slider_pager a span{ display:inline-block; text-indent:-9999px; }

	.local_water{ width:100%; max-width:1300px; margin:0 auto; display:flex; justify-content: flex-start; flex-direction:  column }
	.local_water .local_title{ position:relative; justify-content:flex-start; font-size:24px; }
	.local_water .local_title:after{ position:absolute; right:0; left:auto; top:50%; display:block; width:60%; height:1px; background:rgba(255,255,255,0.5); content:""; }
	.local_water .local_title .set_local{ font-size:14px; margin-left:30px; padding:7px 15px; }
	.local_water .icon_place{ margin-right:10px; }
	.local_water .local_step li{ width:140px; padding-bottom:6px; }
	.local_water .local_step li span{ font-size:16px; }
	.local_water .local_step li:before, .local_water .local_step li:after{ height:41px; }

	.water_data{ flex-direction:row; justify-content: space-between; align-items: flex-end; width:100%; max-width:1300px; margin:0 auto; }
	.data_circle{ width:170px; height:170px; margin-right:20px; }
	.data_circle .title{ font-size:22px; }
	.data_circle .s_title{ font-size:14px; margin-top:8px; font-weight:500; }
	.data_circle .per{ font-size:24px; margin-top:10px; }
	.data_circle a{ font-size:12px; padding:8px 10px 10px; margin-top:10px;  }

	.data_qual{ padding-bottom:0; }
	.data_qual .qual_list{ width:570px; }
	.data_qual .q_title{ font-size:20px; }
	.data_qual .q_title a{ padding:7px 10px; }
	.data_qual .qual_list{ padding-bottom:0; }
	.data_qual .qual_list li{ padding:30px 0; }
	.data_qual .qual_list li .bold{ font-size:35px; font-weight:500; margin-top:10px; }
	.data_qual .qual_list li .small{ font-size:14px; }

	.main_sch_wrap .sch_title{ font-size:45px; margin-bottom:35px; }
	.main_sch_wrap .sch_row{ width:800px; }
	.main_sch_wrap .sch_row .main_sch_txt{ height:80px; padding:15px 30px; font-size:25px; }
	.main_sch_wrap .sch_row p{ font-size:16px; margin-top:20px; }
	.main_sch_wrap .sch_row .main_sch_btn{ right:25px; top:25px; }

	.water_info .title{ font-size:45px; margin-bottom:50px; }
	.water_info{ max-width:700px; }
	.info_list ul li{ width:200px; height:200px; justify-content: center }
	.info_list ul li span{ font-size:22px; margin-bottom:10px; }
	.info_list ul li a{ font-size:12px; padding:10px; margin-top:10px; }
	.water_info .tip{ font-size:18px; margin-top:50px; }
	.water_info .title > a.link { padding: 6px 10px; font-size: 22px; }
	.issue_list li{ width:220px; margin-right:50px; }
	.issue_list li a div{ height:250px; padding:30px; }
	.issue_list li:nth-child(n+5){ display:block; }
	.issue_list li:last-child{ margin-right:0; }
	.issue_list_wrap .view_more{ font-size:16px; padding:10px 30px; }

	.latest_area{ padding:60px 0 100px; }
	.latest_area .container{ max-width:1300px; margin:0 auto; }
	.latest_area .notice_block{ width:510px; min-height:380px;  }
	.notice_block h3{ margin-right:30px; }
	.notice_block h3 a{ font-size:34px; }
	.notice_list{ top:100px;  }
	.notice_list > li{ margin:14px 0; padding:0 10px; }
	.notice_list > li.first{ padding:0 0 30px 0; margin-bottom:30px;  }
	.notice_list .date_box{ width:90px; height:100px; }
	.notice_list .date_box span.date{ font-size:34px; }
	.notice_list .text_box .title a{ line-height:1.3 }
	.notice_list .text_box .exp{ font-size:16px; white-space: normal }

	.latest_area .main_banner{ width:510px; }

	.main_news_slider{ padding:0 0 50px 0; overflow:visible }
	.main_news_slider .container{position:relative; padding-top:80px; margin:0; max-width:100%; left:50%; transform: translateX(-700px)}
	.main_news_slider .caroufredsel_wrapper{ width:1700px !important; height:340px !important; margin:0 !important; overflow:hidden !important;  }
	.main_news_slider .news_title{ min-width:160px; margin-right:50px; margin-top:-80px;}
	.news_title{ position:relative; }
	.news_title:after{display:inline-block;width: 250px;height:190px;content:"";position:absolute;left:0;top:0;transform: translateX(-105%) translateY(-60%);}
	.news_title:after{background-image:url(../images/common/sprite.png);background-repeat:no-repeat;background-size: 710px;background-position: 0px -273px;}
	.news_title .title{ font-size:46px; line-height: 1.4; width: 130%;}
	.news_title .title br{ display:none; }
	.news_title .s_title{ margin-left:5px; }

	.news_slider{ margin:20px 0 !important; }
	.news_slider .slide{ margin-right:30px; }
	.news_slider .slide .txt{ font-size:14px; word-break: keep-all }
	.news_ctrl{ left: 400px; top:40px}

	.top_sch_area{ width:100%; padding:60px 0;  }
	.top_sch_area .icon_logo{ display:none; }
	.top_sch_area .sch_row{ width:800px; margin:0 auto; }
	.top_sch_area .sch_row .top_sch_txt{ height:80px; font-size:32px; font-weight:300; }
	.top_sch_area .sch_row .top_sch_btn{ right:21px; top:25px; }
	.top_sch_area .sch_close{ left:50%; top:auto; bottom:-50px; transform:translateX(-50%); background-position:-688px -70px; margin:0; }

	/* FIXME 글로벌통합검색 css >>> GRBTTSRT */
	/*글로벌통합검색 - 김지아*/
	.top_tot_sch_area{ width:100%; padding:60px 0;  }
	.top_tot_sch_area .icon_logo{ display:none; }
	.top_tot_sch_area .sch_row{ width:800px; margin:0 auto; }
	.top_tot_sch_area .sch_row .top_sch_txt{ height:80px; font-size:32px; font-weight:300; }
	.top_tot_sch_area .sch_row .top_sch_btn{ right:21px; top:25px; }
	.top_tot_sch_area .tot_sch_close{ left:50%; top:auto; bottom:-50px; transform:translateX(-50%); background-position:-688px -70px; margin:0; }
	/*끝*/

	.bottom_menu{ padding:25px 0; }
	.bottom_menu ul li{ margin-right:35px; }
	.copyright_wrap{ display:flex; justify-content:space-between; align-items: flex-start; padding:35px 0; }
	/*.go_top{ top:-35px; bottom:auto; }*/

	/* 실시간현황 더보기 버튼 추가 */
	.realtime-btn {max-width: 1300px; justify-content: flex-end; margin: 0 0 -15px 0;}
	.realtime-btn a {padding: 7px 15px;}

	/*============서브레이아웃===========*/
	#content_area{ display:flex; justify-content: space-between; max-width:1400px; margin:0 auto; padding:40px 0; }

	.left_menu{ display:block; width:230px; }
	.left_menu h2{ display:flex; justify-content: center; align-items: center; background-image:url("../images/sub/bg_left_title.svg"); background-size:contain; background-repeat:no-repeat; height:100px; color:#fff; font-size:24px; border-radius: 10px; }

	.left_menu > ul > li{ position:relative; margin-top:5px; }
	.left_menu > ul > li > a{display:block;padding: 16px 20px;font-size:16px;font-weight:500;color:#191919;border:#ddd solid 1px;border-radius: 5px;}
	.left_menu > ul > li > ul{ display:none; margin:10px 0; border:#a5a5a5 solid 1px; border-radius: 5px; overflow:hidden }
	.left_menu > ul > li > ul > li > a{  position:relative; display:block; padding:12px 25px; border-bottom:#ddd solid 1px; font-size:14px;  }
	.left_menu > ul > li > ul > li > a:hover,
	.left_menu > ul > li > ul > li.active > a{ background:#fafafa; color:#3f8adf; font-weight:bold; }
	.left_menu > ul > li > ul > li > a:hover:after,
	.left_menu > ul > li > ul > li.active > a:after{ display:block; position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#666; width:10px; height:14px; background:url("../images/sub/angle_right_grey.svg") no-repeat; background-size:contain; content:"" }
	.left_menu > ul > li > ul > li:last-child > a{ border:0; }

	/*김지아 래프트메뉴 작업*/
	.left_menu > ul > li > ul > li > ul{ display:none; padding:10px 20px; border-bottom:#ddd solid 1px; }
	.left_menu > ul > li > ul > li > ul > li > a{ position:relative; display:block; padding:5px 10px 5px 15px; font-size:14px; }
	.left_menu > ul > li > ul > li > ul > li > a:before{ display:inline-block; width:6px; height:6px; content:""; position:absolute; left:0; top:9px; border-radius:10px; background:#666; }
	/*끝*/

	.left_menu > ul > li.has_sub.open > a{ background:#3F8ADF; color:#fff; border:0; }
	.left_menu > ul > li.has_sub:after{position:absolute;top: 12px;right: 17px;display:inline-block;width:25px;height:25px;background-image:url(../images/common/sprite.png);background-size:760px;background-position:-515px -71px;content:""; }
	.left_menu > ul > li.has_sub.open:after{ background-position:-549px -107px; top:11px; }


	.content_wrap{ width:1130px; }
	.content_top{ padding-bottom:30px; margin-bottom:30px; }
	.content_top h3{ font-size:35px; }

	.breadcrumb li{ margin-right:30px; }
	.breadcrumb li:after{ right:-15px; }

}

@media all and (min-width:1800px){
	.container{ max-width:1720px; margin:0 auto; }

	.main_ctrl .main_prev{ left:50px; }
	.main_ctrl .main_next{ right:50px; }

	#content_area{ max-width:1420px; }
}