@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/* 공통 */
body {font: 16px 'Noto Sans', sans-serif, Arial, 'Oxygen', helvetica, "Trebuchet MS", sans-serif !important;}
h1, h2, h3, h4, h5, h6{font-family: 'Noto Sans', sans-serif, Arial, 'Oxygen', helvetica, "Trebuchet MS", sans-serif !important;}
.container-h{width:1280px; margin: 0 auto; position:relative; box-sizing: border-box;}
.container-bg{background:#f4f4f4}
div{box-sizing: border-box;}
a:focus{color: inherit;}

/* sub page css 덮어쓰기 */
body.top-bar-showing .location_txt.fixed{position: fixed; left: 0; right: 0; top: 86px;}
ul.letter_tab li h3 a{width: 46px;}
.title_h2_box{padding-top: 30px;}

ul.nav-tabs-cate > li a {text-transform: lowercase;}
ul.nav-tabs-cate > li a:first-letter, 
ul.nav-tabs-cate > li a:first-line {text-transform: capitalize;}

.panel-grid-cell .btn-more::after{background-position-y: -15px !important;}
.textwidget a.skyblue.skyblue-br::after{background-position-y: 0 !important}
.sub_two_wrap{padding-top:30px;}

.location_txt {background-color: #2a2a2a; position: inherit; padding: 20px 4%;}
.location_txt.fixed{position: fixed; left: 0; right: 0; top: 52px;}
.location_txt ul{width:1280px; margin: 0 auto;}
.location_txt ul li{color: #fff;}
.location_txt a:focus::after, .location_txt a:hover::after{width: 0;}
.location_txt a::after{background-color:transparent; top: 5px; left: 21px;}

.font_box{position: absolute; top: 0;}
.font_box .font_btn a{padding: 1px 9px 1px 1px; display: flex; align-items: center; justify-content: center; background-color: #e4e4e4; color: inherit;}
.font_box .font_btn a::after,
.sub_title_box .title_h2_box h2,
.com_view_box li.title_view h3,
.template_cnt.type_thumb_text .info_txt,
ul.multimedia_list li .info_txt,
.policy_contents .policy_txt > li h4{color: #2a2a2a;}
.font_box .font_btn a:focus, 
.font_box .font_btn a:hover{background-color: #fff;  color: inherit;}
.font_box .font_btn a:hover::after{color: inherit;}

.location_txt + .inner_wrap, 
.font_box + .inner_wrap,
.inner_wrap_sub_main,
.contents-wrap.contents-sub-main .wrap-overlap .widget_fpw_widget .fpw-widget-page{padding: 0 !important;}

.contents-wrap.contents-sub-main .wrap-overlap .widget_sp_image + .widget_text{max-width:1280px; padding: 50px 0; letter-spacing:0;}
.contents-wrap.contents-sub-main .wrap-overlap .widget_fpw_widget{max-width:1280px;}
.contents-wrap.contents-sub-main .wrap-overlap .widget_fpw_widget .fpw-widget-page{margin: 40px 0;}
.ct .population p{padding: 20px 0 0 95px;}

.post-info a.download{border-radius:0; background-color:#d54b49; color:#fff; }

.sub_menu .panel-grid .panel-grid-cell .widget_simpleimage + * .btn-more,
.contents-wrap.contents-sub-main .wrap-overlap .widget_fpw_widget .btn-more,
.panel-grid-cell .btn-more.skyblue,
.panel-grid-cell .btn-more.gray,
.nav-tabs-temp li.current_page_item a,
.panel-grid-cell .btn-more.mint,
.wp-pagenavi a:focus, 
.wp-pagenavi a:hover, 
.wp-pagenavi span.current{background-color: #2a2a2a; color: #fff;}

.sub_menu .panel-grid .panel-grid-cell .widget_simpleimage + * .btn-more:focus, 
.sub_menu .panel-grid .panel-grid-cell .widget_simpleimage + * .btn-more:hover,
.contents-wrap.contents-sub-main .wrap-overlap .widget_fpw_widget .btn-more:focus, 
.contents-wrap.contents-sub-main .wrap-overlap .widget_fpw_widget .btn-more:hover,
.panel-grid-cell .btn-more.skyblue:focus, 
.panel-grid-cell .btn-more.skyblue:hover,
.btn-mint:focus, 
.btn-mint:hover,
.panel-grid-cell .btn-more.gray:focus, 
.panel-grid-cell .btn-more.gray:hover,
.noside ul.menu>li>ul>li>ul>li>a::after,
.prev_next_list li a:focus, .prev_next_list li a:hover,
.ico_list:focus, 
.ico_list:hover{background-color: #d54b49;}

.nav-tabs-cate li a:hover, 
.nav-tabs-cate li a:focus,
.nav-tabs-temp li a:hover, 
.nav-tabs-temp li a:focus,
.panel-grid-cell .btn-more.mint:focus, 
.panel-grid-cell .btn-more.mint:hover,
.btn_sub_newsletter_go{background-color: #d54b49; color: #fff;}

.noside ul.menu>li>a:before,
.noside ul.menu li a:hover,
.noside ul.menu li a:hover,
.policy_contents .policy_txt > li h4,
.family_site_list .family_site_list_depth2 > ul li a::before,
ul.multimedia_list li .info_txt,
.common_list>*:focus h4, 
.common_list>*:hover h4{color: #d54b49;}

.noside ul.menu>li>ul>li>a,
.noside ul.menu>li>ul>li>ul>li::before,
.family_site_list .family_site_list_depth2 .dep1_name{border-color: #d54b49;}

.c_about_his_box h4.blue{color: #d54b49 !important;	border-bottom: 1px solid #d54b49;}

.btn-mint,
.textwidget a.skyblue.skyblue-br,
ul.letter_tab li h3 a,
.ico_list{background-color: #e5ecf9; color: #212121 !important;}
#pgc-w60fe6686c94e0-0-1> .panel-cell-style{background-color: #e3e3e3 !important;}

.com_view_box li.title_view,
.sub_title_box .title_h2_box h2{border-color: #2a2a2a;}

ul.letter_tab li h3 a:after{border-top-color: #2a2a2a;}

.nav-tabs-cate li.current-cat a, 
.nav-tabs-cate li.current-cat-ancestor a,
.com_view_box li .info_txt span.category_txt,
.btn-blue,
.bg-blue{background-color: #2a2a2a;}

ul.letter_tab li h3 a.on,
ul.letter_tab li h3 a:focus, 
ul.letter_tab li h3 a:hover{background-color: #2a2a2a; color: #fff !important;}

a.btn.btnL.btn-blue.btn-round.btn-ico-photo{background-color: #3f70d4;}
a.btn.btnL.btn-mint.btn-round.btn-ico-video{background-color: #00a4af; color: #fff !important;}


.wpnavmenu_breadcrumbs_seperator::before, 
.location_txt ul li::before{border-color:#fff}
ul.letter_tab li h3 a.on:after,
ul.letter_tab li h3 a:hover:after{border-top-color:#fff}

.sub_menu .panel-grid .panel-grid-cell .widget_fpw_widget,
#pl-w5f7a7e5e32c12 .so-panel:last-child,
.widget_text{box-sizing:content-box;}

.contents-wrap.contents-sub-main .wrap-overlap .widget_fpw_widget .btn-more,
.nav-tabs-temp li a,
.nav-tabs-cate li a,
.font_box .font_btn a,
.com_view_box li .info_txt span.category_txt,
.list_search_form .srh_txt,
.wp-pagenavi a, 
.wp-pagenavi a:focus, 
.wp-pagenavi a:hover, 
.wp-pagenavi span.current,
.btn-round.btnL,
.panel-grid-cell .btn-more,
ul.letter_tab li h3 a,
.btn_sub_newsletter_go,
.btn-round.btnS{border-radius: 0;}

/* header */
/* lms 8시라서 집에가야한다 불다꺼졌다 젠장 */
/*body.top-bar-showing #header .headtop.fixed {*/
/*	top: 32px;*/
/*}*/

.top-bar-showing #header{
	top: 32px;
}

.top-bar-showing .headBottom {
	margin-top: 54px;
}

#wrap.scroll-on .headBottom {
	margin-top: 54px;
}

#header{top: 0;}
#header h1 a{padding-bottom: 8px;}
#header .headtop{position: relative; z-index:30;}
#header .headtop .container-h{display:flex}
#header .headtop:after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#d54b49}
#header .headtop.fixed{position: fixed; left: 0; right: 0; top: 0; background:#fff}
#header .h-logo{display: flex; align-items:center;}

.headBottom{position:relative; padding: 10px 0; background:#f4f4f4; border-bottom: 1px solid #9b9b9b;margin-top: 54px;}

.headBottom .container-h{display:flex; justify-content: space-between;}

.headBottom .seoul{display: flex; align-items:center;}
.headBottom .seoul li a{display: block;}
.headBottom .seoul li.iseoulu img{position: relative; bottom: -1px;}
.headBottom .seoul .weather{position: relative; margin: 0 15px}
.headBottom .seoul .weather p{color: #2a2a2a; font-size: 18px;}
.headBottom .seoul .weather span{font-size: 32px;display:block; margin-top:-10px}

.headBottom .seoul .air-quality{display:flex; height:100%;}
.headBottom .seoul .air-quality .air-fine{align-self:flex-end; margin-bottom:10px;}
.headBottom .seoul .air-quality .air-dust ul{display: flex; align-items: center; padding: 5px 15px; background: #8d796c; border-radius: 5px;}
.headBottom .seoul .air-quality .air-dust li{line-height:1.2;}
.headBottom .seoul .air-quality .air-dust img{margin: 0 10px;}
.headBottom .seoul .air-quality .air-dust-txt{color: #572f18;}
.headBottom .seoul .air-quality .air-dust-txt span{display: block; font-weight: 700;}
.headBottom .seoul .air-quality .air-link a:hover{text-decoration: underline;}
.headBottom .seoul .air-quality .air-link .tips{color: #3b1d0f;}
.headBottom .seoul .air-quality .air-link .enviro{color: #fff6e6;}

.headBottom .site{display: flex; padding-top: 5px;}
.headBottom .site li{margin-left:10px}
.headBottom .site li a{display: block; width: 201px; height: 46px; border-radius: 5px;}
.headBottom .site li a.site-covid{background:url(/wp-content/themes/seoul-e/_br/images/banner-cac.png) center center no-repeat; background-size:cover;}
.headBottom .site li a.site-visit{background:url(/wp-content/themes/seoul-e/_br/images/banner-visit.png) center center no-repeat; background-size:cover;}

.br_bg_white{width: 100%; height: 500px; background: #fff;z-index: 999;position: fixed; left: 0; top: 0; z-index:5; display: none;}
.br_bg_white.on{display: block;}

/* nav */
#header .nav_box{width: 70%;}
#header .nav_box ul{display:flex; justify-content: center}
/* #header .nav_box ul li:hover > a{color:#d54b49;}  220920 3depth 추가로 인해 주석처리*/
#header .nav_box ul li a{display: block;}
#header .nav_box .nav > ul > li{position: relative; width: 25%;}
#header .nav_box .nav > ul > li > a{font-weight: 700; font-size:16px; padding: 15px 0 ; text-align: center; position: relative; z-index: 20; text-transform: uppercase;}
#header .nav_box .nav > ul > li:hover>a{color: #d54b49;}
#header .nav_box ul.sub{width:93%; position: absolute; left: 17px; top:0; padding-top: 95px;z-index: 10; cursor: pointer; display: none;}
#header .nav_box ul.sub.br-show{display:flex; flex-direction:column;}
#header .nav_box ul.sub::before{content: '';display: block; width: 100%; height: 2px; background: #e3e3e3; position: absolute; top: 80px; left: 0;}
#header .nav_box ul li:hover>ul.sub::before{background:#d54b49;transition:all .25s ease-in-out;}
#header .nav_box ul.sub li a{font-size: 14px; letter-spacing:1.2px; padding:7.5px 10px; line-height:1.2em}
ul.sub li a.view_link::after{content: "\f35d"; font-family: "Font Awesome 5 Free"; font-weight: 600; margin-left: 3px;}
#header .nav_box ul.sub li.sub-seoul a{margin-top: 20px; font-weight: 700;}
#header .nav_box ul.sub li>a:hover{color: #d34b49;text-decoration: underline;}
/* #header .nav_box ul.sub li:hover a{color:#d34b49;text-decoration:underline;} 220920 3depth 추가로 인해 주석처리 위코드로 변경*/
/* 3depth 속성 */
#header .nav_box ul.sub li .sub_3depth li a{position: relative; padding-left: 25px !important; padding-right: 0; overflow: visible;}
#header .nav_box ul.sub li .sub_3depth li a::before{content: ""; position: absolute; top: 50%; left: 14px; width: 6px; height: 7px; border-left: 1px solid #000; border-bottom: 1px solid #000; z-index: 6; transform: translateY(-50%);}

#header .gnb_box{position:relative; top:5px; right:0}
#header .gnb_box ul{display: flex; align-items: flex-start;}
#header .gnb_box li > a{padding:10px}

/* language */
#header .gnb_box li .lang_list {display: none; position: absolute; top: 49px; right: 67px; color: #fff; background-color: #d54b49; z-index: 20;text-align: center;}
#header .gnb_box li .lang_list li a{font-size:16px; padding: 8px 25px;line-height: 1em;}
#header .gnb_box li .lang_list li:hover a{background: #a23b3a;}
#header .gnb_box li .lang_list li a.ko{font-family: 'Noto Sans CJK KR';}
#header .gnb_box li .lang_list li a.ch{font-family: 'Microsoft YaHei';}
#header .gnb_box li .lang_list li a.jp{font-family: 'Malgun Gothic';}

#header .gnb_box li a{display: block;}
#header .gnb_box li a:focus{color: inherit;}
#header .gnb_box li a.languages{font-weight: 700; padding:10px 25px; position: relative;}
#header .gnb_box li a.languages:hover{color: #d34b49;}
#header .gnb_box li a.languages_on{opacity:0.9;}
#header .gnb_box li a.languages:after{content: "\f0d8"; font-family: 'Font Awesome 5 Free'; position: absolute; top: 50%; right: 2px; left: inherit; bottom: inherit;transform: translateY(-50%) rotate(180deg); font-weight: bold !important;}
#header .gnb_box li a.languages_on + .lang_list{display:block !important;}

/* search */
#header .gnb_box a{display: block;}
#header .gnb_box .search_area{position: absolute; top:-18px; right:-35px; padding: 10px 5px;}
#header .gnb_box .search_area label{font-size:0;}
#header .gnb_box .search_area input[type="text"],
#header .gnb_box .search_area input[type="text"]:focus{display:none;width:calc(100% - 44px);height:100%;padding:8px;font-size:0.933em;color:#fff;border:0;box-sizing:border-box;background-color:transparent !important;vertical-align:bottom;transition:all .3s ease-in-out;}
#header .gnb_box .search_area input[type="text"]::placeholder{color:#fff;}
#header .gnb_box .search_area .btn_total{width:25px; height:25px;font-size:0;background: url(/wp-content/themes/seoul-e/_br/images/icon-search.png) no-repeat center center ;transition:all .3s ease-in-out;}
#header .gnb_box .search_area .btn_total span{position:absolute;left:-9999px;}
#header .gnb_box .search_area .btn_total_search{width:25px; height:25px;text-indent:-9999px;overflow:hidden;background:none;}
#header .gnb_box .search_area input.btn_total_search{display:none;}
.search_bar .btn_close{right:4%}
.searchform.search_on{display: none;}

#header.input_on .overlay{display:block;}
#header.input_on .gnb_box .search_area{width:200px;background-color:#d54b49; position:absolute; right: -35px; top: 0; padding: 3px; left: 0;}
#header.input_on .gnb_box .search_area form{height:100%; display: flex; justify-content: space-around; align-items: center;}
#header.input_on .gnb_box .search_area label{font-size:0;}
#header.input_on .gnb_box .search_area input[type="text"]{display:inline-block;}
#header.input_on .gnb_box .search_area input.btn_total_search,
.mobile_only.search_bar .search_on .btn_total_search + .btn_total_search{display:block;border: none; cursor: pointer;}
#header.input_on .gnb_box .search_area input.btn_total_search{right:10%;background: url(/wp-content/themes/seoul-e/_br/images/icon-search-on.png) no-repeat center center;}
.mobile_only.search_bar .search_on .btn_total_search + .btn_total_search{background: url(/wp-content/themes/seoul-e/_br/images/icon-search-mo-on.png) no-repeat center center / cover;}

#header .overlay{display:none;position:fixed;top:35px;left:0;width:100%;height:100%;background-color:rgba(25,25,25,0.2);z-index:2;}

/* m-nav */
.btn_mobile_menu{left: 16px;}
.btn_mobile_menu span, .btn_mobile_menu:before, .btn_mobile_menu:after{background: #d54b49;}
.btn_mobile_menu.closed{background: inherit;}
.btn_mobile_menu.closed:before,
.btn_mobile_menu.closed:after{background: #d54b49;}

.nav_wrap a{display: block;}
.nav_wrap{width: 100%; height: calc(100% - 46px); background: #f7f7f7; overflow: auto;}
.nav_wrap.on::before{display: none;}
.nav_wrap .m-nav li{border-bottom: 1px solid #923635; position:relative;}
.nav_wrap .m-nav li:hover{background: #d54b49;}
.nav_wrap .m-nav li:hover::before{border-color: #fff;}
.nav_wrap .m-nav li:hover > a{color: #fff; transition: none;}
.nav_wrap .m-nav > li > a{text-transform: uppercase;}
.nav_wrap .m-nav li a{margin-left: 53px;padding: 15px 10px;font-weight: 700; font-size: 17px;}
.nav_wrap .m-nav li::before{content: "";display: block;position: absolute;top: 15px;left: 33px;width: 10px;height: 10px;border-right: 3px solid #2a2a2a;border-bottom: 3px solid #2a2a2a;cursor: pointer;transform: rotate(45deg);}
.nav_wrap .m-nav li.current,
.nav_wrap .m-nav li.current ul {background-color: #d54b49; color: #fff;}
.nav_wrap .m-nav li.current::before {top: 22px;	transform: rotate(225deg);border-color: #fff;}
.nav_wrap .m-nav li.current ul li::before {left: 63px;border-color: #fff;}
.nav_wrap .m-nav li.current ul li:first-child {border-top: 1px solid #923635;}
.nav_wrap .m-nav li.current ul a{margin-left: 85px;font-size: 15px;background-color: transparent; font-weight: 400;}
.nav_wrap .m-nav li.current > ul > li > ul{display: none;}
.nav_wrap .m-nav li.current > ul > li > ul > li{background: #bb3533; color: #fff;}
.nav_wrap .m-nav li.current > ul > li > ul > li::before{left: 85px; transform: rotate(-45deg);}
.nav_wrap .m-nav li.current > ul > li > ul > li > a {margin-left: 112px; }

.nav_wrap > .mobile_nav_top{background: inherit;padding-top: 15px;}

.nav_wrap > .mobile_nav_top ul.top_menu li a:after{width: 25px; height: 25px; display: block;}
.nav_wrap > .mobile_nav_top ul.top_menu li.help>a:after{content: ''; background: url(/wp-content/themes/seoul-e/_br/images/icon-info.png) center center no-repeat;}
.nav_wrap > .mobile_nav_top ul.top_menu li.sitemap>a:after{content: ''; background: url(/wp-content/themes/seoul-e/_br/images/icon-site.png) center center no-repeat;}
.nav_wrap > .mobile_nav_top ul.top_menu li.family>a:after{content: ''; background: url(/wp-content/themes/seoul-e/_br/images/icon-link.png) center center no-repeat;}
ul.top_menu>li{width: 25px; margin: 0 5px !important;}
ul.top_menu>li a{height: 30px; margin-bottom: 10px;}
ul.top_menu li a:hover{background-color: inherit;}

/* m-search */
.mobile_nav,
.mobile_only.search_bar{display: none;}
.mobile_only.search_bar .btn_total_search{background: url(/wp-content/themes/seoul-e/_br/images/icon-search-mo.png) center center no-repeat; background-size: cover !important; height: 21px; right: 4%;}
.mobile_only.search_bar .search_on .search_input{background: #d54b49;border: none; height: 46px;}
#header.input_on .gnb_box .search_area input.btn_total_search,
.mobile_only.search_bar .search_on .btn_total_search + .btn_total_search{right:60px;}

ul.m_lang_list li a{color: #2a2a2a;}

/* footer */
#footer{overflow:hidden; clear: both; margin-top: 60px;}
#footer .banner-area{padding: 45px 0;}
#footer .banner-area ul{display:flex; justify-content:space-between;margin-left: -2%;}
#footer .banner-area li{width: 18%; margin-left: 2%;}
#footer .banner-area li img{border:1px solid #ccc; width: 100%;}

#footer .copy{background:#141010; color:#a5a5a5; padding:15px 0}
#footer .copy ul{display:flex; margin-bottom:15px}
#footer .copy ul li{margin-right:10px}
#footer .copy ul li a{text-decoration:underline}
#footer .copy ul li a:hover{color:#fff}
#footer address{color:#fff}

#footer .newsletter_pop_wrap{border-top: 6px solid #d54b49;}
#footer .newsletter_pop_wrap .btn_newsletter_close {color: #d54b49;}
#footer .newsletter_pop_wrap .newsletter_bot .btn_newsletter_confirm{background: #d54b49}

.st0{fill:none;stroke:#fff;stroke-width:50;stroke-miterlimit:10;}
#footer .ico-top{right: 10px; background: #d54b49; border-radius: 0;}
#footer .ico-top div{position: relative; top: 0; left: 0; width: 100%; height: 100%;}
#footer .ico-top div svg{position: absolute; left: 10px; top: 10px; z-index: 20;}
#footer .ico-top::before,#footer .ico-top::after{display: none;}
#footer .ico-top:hover{background: #565656;}

#footer .wa_mark{width:100px}
#footer .wa_mark a img{width:100%;}

@media only screen and (max-width: 1280px){
	.container-h{width:100%; position:relative;}

	#header .headtop .container-h{padding: 0 4%;}
	h1 img {height: auto;}
	#header .nav_box ul{width:95%;}
	#header .nav_box ul.sub{left:0;}
	#header .gnb_box{right: 3%;}
	.br_bg_white{height: 550px;}
	.headBottom{padding: 10px 4%;}

	#footer .banner-area{padding: 45px 4%;}
	#footer .copy{padding: 15px 4%;}

	/* sub page */
	.location_txt ul{width: auto;}

	.sub_two_wrap{padding:30px 4%;}
	.contents-wrap.contents-sub-main .wrap-overlap .widget_sp_image + .widget_text{padding: 50px 4%;}
	.location_txt + .inner_wrap, 
	.font_box + .inner_wrap, 
	.inner_wrap_sub_main{padding: 0 4%;}
	.contents-wrap.contents-sub-main .wrap-overlap .widget_fpw_widget .fpw-widget-page{margin: 40px 30px}
}

@media only screen and (max-width: 1080px){
	#header .nav_box,
	#header .gnb_box,
	.sub{display: none;}

	.btn_mobile_menu,
	.mobile_nav,
	.mobile_only.search_bar,
	.nav_wrap .m-nav > li.current > ul.sub,
	.nav_wrap .m-nav > li.current > ul > li >ul.sub-menu.show,
	.searchform.search_on{display: block;}
	
	.mobile_nav .nav{height: calc(100% - 150px);overflow:hidden; overflow-y: scroll;}
	.mobile_only.search_bar .search_on .search_input{height: 57px;}
	.search_bar .btn_total_search{top: 18px;}
	.nav_wrap{top: 54px;}
	.search_bar .btn_close{top:18px;right:30px;}
	.btn_mobile_menu{top: 2px;}

	#header .headtop .container-h{justify-content: center; max-width: 100% !important;}
	#header .h-logo{margin: 8px 0 12px;}
	#header h1 a{padding-bottom: 0;}

	.headBottom .seoul li.iseoulu img{width: 100%;}
	.headBottom .seoul .weather span{font-size: 26px;}
	.headBottom .seoul .air-quality .air-fine{margin-bottom: 5px;}
	.headBottom .site{padding-top: 0;}
	.headBottom .site li a{width: 150px;}
}

@media only screen and (max-width:768px){
	.nav_wrap{top: 46px;}
	.search_bar .btn_close,
	.search_bar .btn_total_search{top: 14px;}
	.mobile_only.search_bar .search_on .search_input{height: 46px;}
	.btn_mobile_menu{top: -2px;}

	h1 img {height: 26px;}

	.headBottom{padding: 10px 4%; margin-top: 46px;}
	.headBottom .seoul{align-items: center;}
	/* .headBottom .seoul .iseoulu{width: 30%;} */
	.headBottom .seoul li.iseoulu img{width: 100%}
	.headBottom .seoul .weather{margin: 0 6px; width: auto;}
	.headBottom .seoul .weather p{font-size: 16px;}
	.headBottom .seoul .weather span{font-size: 24px;}
	.headBottom .seoul .air-quality{width: 47%; margin-left: 3%;}
	
	.headBottom .container-h{flex-direction: column;}
	.headBottom .site li a{width: 100%; height: 50px}
	.headBottom .site li a.site-covid{background:url(/wp-content/themes/seoul-e/_br/images/banner-cac-t.png) center center no-repeat; background-size:cover;}
	.headBottom .site li a.site-visit{background:url(/wp-content/themes/seoul-e/_br/images/banner-visit-t.png) center center no-repeat; background-size:cover;}

	.headBottom .seoul .air-quality{height:auto;}
	.headBottom .seoul .air-quality .air-fine{margin-bottom:-15px;}
	.headBottom .seoul .air-quality .air-dust ul{padding: 0; background: none; }
	.headBottom .seoul .air-quality .air-dust img,
	.headBottom .seoul .air-quality .air-dust-txt{display: none;}
	.headBottom .seoul .air-quality .air-link .enviro{color: #3b1d0f;}

	.headBottom .site{margin-bottom: 0; justify-content: space-between;}
	.headBottom .site li{margin-left: 0; width: calc(100%/2 - 20px);}

	#footer .container-h{margin: auto;}

	#footer .banner-area{padding: 25px 4% 15px; width: auto;}
	#footer .banner-area ul{flex-direction: row; flex-wrap: wrap; justify-content: flex-start;margin-left: -2%;}
	#footer .banner-area li{width: 31.33%; margin-left: 2%; margin-bottom: 10px;}
	#footer .banner-area li:last-child{margin-bottom: 0;}

	#footer .copy{padding: 15px 0 100px;font-size: 16px; text-align: center;}
	#footer .copy ul{justify-content: center; font-size: 14px;}
	
	#footer .wa_mark{display: block; top: 110%; left: 50%; margin-left:-50px;}


	/* sub page */
	.sub_two_wrap{padding:30px 0;}
	.location_txt.fixed{top: 46px;}
	.location_txt ul{width:100%;}
	.inner_wrap,
	.location_txt + .inner_wrap, 
	.font_box + .inner_wrap{padding: 0 19px !important}
	.contents-wrap.contents-sub-main .wrap-overlap .widget_fpw_widget .fpw-widget-page {margin: 0;}
	.contents-wrap.contents-sub-main .wrap-overlap .widget_fpw_widget .fpw-widget-page, 
	.contents-wrap.contents-sub-main .wrap-overlap .widget_sp_image + .widget_text{padding: 30px 30px 0 !important;}
	
}
@media only screen and (max-width:460px){
	.container-h{width: 100%;}

	ul.m_lang_list{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
	ul.m_lang_list li{margin: 0;}
	ul.m_lang_list li a{padding: 5px 10px;}
	.btn_mobile_menu{left: 0;}
	.mobile_only.search_bar .btn_total_search{right: 4%; width: 21px;}

	.headBottom{display: none;}
	.location_txt{top: 0;}

	#footer .copy{font-size: 14px;}
	#footer .copy ul li{margin-right: 5px;}
	#footer .wa_mark{top: 115%; width: 90px; margin-left: -45px;}
	#footer .wa_mark a img{width:100%;}

	.sub_two_wrap{padding:80px 0;}
	.contents-wrap.contents-sub-main,
	.title_h2_box{padding-top: 80px;}
	.contents-wrap.contents-sub-main .wrap-overlap{padding-top: 60px;}
}