@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700;800&display=swap');
@font-face {font-family: 'GMarketSans';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight: 300;font-display: swap;}@font-face {font-family: 'GMarketSans';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: 500;font-display: swap;}@font-face {font-family: 'GMarketSans';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: 700;font-display: swap;}
/*---------------------
기존
----------------------*/
#gnb div.subnav{top: 60px;padding-top: 13px;}
#gnb div.subnav a{line-height: 1.2;padding: 8px 0;display: block;}
.topLogin li a em,
#gnb div.subnav a em,
#all_menu ul li ul.login li a em,
table.general.promise.m_lst th em,
.greet_content .foot_copy em{font-style: normal;}
.greet_content p{text-align: left;}
.local_nav_deps{min-width: 100%;}
#all_menu .topNav {display: table;width:100%;min-height: 34px;}
#all_menu .topNav a {display:table-cell; min-height: 34px;line-height:1.2; color:#575758; border-left:0;  padding:5px ; font-size:0.815em; letter-spacing:-1px; float:none;box-sizing: border-box;vertical-align: middle;}
/*---------------------
기존2
----------------------*/
.header .frt{display: inline;width: auto;}
.header .frt .sb_open{display: none;}
.header.wrapper{overflow: visible;position: relative;}
.header .frt:after,
.lang_wrap::after,
.header::after{display: block;content: '';clear: both;}
.lang_wrap{position: relative;float: right;}
.language-select{text-align: center;position: relative;float: left;margin-right: 10px;}
.language-select button.language::before{display: block;content: '';position: absolute;top: 0;left: 0;right: 0;background:  url(language_24.svg) center 0  no-repeat;height: 30px;transition: all .2s ease-in-out}
.language-select button {cursor: pointer;height:54px;display: block;padding:0 10px;/* width: 54px; */text-align:center;line-height: 1;transition: all .2s ease-in-out;padding-top: 19px;font-size: 12px;opacity: .4;}
.language-select button.on,
.language-select button:hover{opacity: 1;}
/* 레이어 스타일 */
.language-list {transition: all .2s ease-in-out;position: absolute;top: calc(100% - 3px);left: 50%;background-color: #fff;border: 1px solid #dee2e6;border-radius: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);z-index: 30;display: none; margin-top: 5px;min-width: 50px; transform: translateX(-50%);}
.language-list::before {transition: all .2s ease-in-out;display: inline-flex;content: "";position: absolute;left: 50%;bottom: 100%;width: 20px;height: 12px;background-image: url(ico_drop_arr.svg);transform: translateX(-50%);}
.language-list ul {list-style: none;padding: 5px 5px 4px;}.language-list li {margin-bottom: 2px;}
.language-list li a{ transition: all .2s ease-in-out;padding: 10px 15px;cursor: pointer;display: block;font-size: 1.1em;color: #343a40;white-space: nowrap; }
.country-links li>a.on,
.language-list li a:hover {background-color: #e9ecef;border-radius: 7px;color: #216896;}

@media screen and (max-width:1024px) {
.language-select button.language{text-indent: -999em;font-size: 0;padding-top: 0;height: 44px;}
.language-select button.language::before{border: 0 solid #000;background-position: center 100%;top: 2px;}
.header .frt{display: block;overflow: visible;}
.header .frt .sb_open{display: block;}
}
/*****************
GOOGE TRANSLATE
*******************/
/* 번역기높이
html.translated-ltr #fixed-top,
html.translated-ltr .sb-slidebar{top: 38px;}*/
html.translated-ltr:is(:lang(th)) *{font-family: 'Noto Sans Thai';}/* 태국어 글꼴*/

/* 한중일 제외한 모든 번역 */
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN))  body{text-transform: capitalize;letter-spacing: -1px;font-family: 'Fira Sans';/* word-break:break-all; */}
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN))  #gnb div.subnav a em{display: block;}
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN))   .topLogin li a em{color: #06f;text-indent: -9999px;display: block;z-index: -1;position: absolute;}
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .topBar{display: flex;align-items: center;}
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .topNav{display: flex;margin: 0 auto;width: auto;align-items: center;}
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .topNav::after{display: block;content: '';clear: both;}
html.translated-ltr:not(:lang(ko)) .topNav a{width: auto;padding: 8px 10px 7px;line-height: 1.1;}

html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN))  #all_menu ul li ul.login li a em,
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN))  table.general.promise.m_lst th em,
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN))  .greet_content .foot_copy em{display: none;}
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN))  body .subVisual p{font-size: 20px;letter-spacing: -2px;padding-left:3%;padding-right: 4%;}

/* 한중일 제외한 서브메뉴 */

html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .local_nav > ul > li.local_2deps,
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .local_nav > ul > li.local_3deps,
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .local_nav > ul > li.local_3deps.mid{width: auto;}
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .local_nav > ul > li.local_2deps a.open,
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .local_nav > ul > li.local_3deps a.open,
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .local_nav > ul > li.local_3deps.mid a.open{padding-right: 40px;background-position: calc(100% - 17px) center;}

html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .local_nav_deps{right: auto;}
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .local_nav_deps li a{padding-right: 10px;font-size: 0.913em;}
/*  공약실천계획   */
html.translated-ltr .pledgeTab{height: auto;}
html.translated-ltr .pledgeTab li a b br{display: none;}
html.translated-ltr:not(:lang(ko)) .bizIndex .itm .itmSt{align-items: flex-start;font-size: 16px;}
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .rules .lineBox_r p.right{font-size: 0.7em;padding-top: 20px;}
html.translated-ltr:not(:lang(ko)) .imgLine{display: none;}
/*---------------------
비전 및 목표
----------------------*/
.vision-container {background-color: white;/* width: 938px;max-width: 100%;border: 1px solid #ddd;box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); */padding: 30px 10px;box-sizing: border-box;font-size: 20px;letter-spacing: -1px;display: none;}
html.translated-ltr:not(:lang(ko)) .vision-container{display: block;}
/* 메인 타이틀 */
.main-title {text-align: center;margin-bottom: 50px;}
.main-title b{text-align: center;font-size: 2.2em;font-weight: 700;color: #002E5E;padding-bottom: 10px;position: relative;display: inline-block;text-align: center;}
.main-title b::after {content: '';display: block;width: auto;height: 3px;background-color: #029bc5;position: absolute;left: -10px;right: -10px;bottom: 0;}
/* 행 구조 */
.row {display: flex;margin: 30px 0 ;border: 0 solid #000;gap:20px;box-sizing: border-box;}
.label {width: 150px;flex-shrink: 0;padding: 20px;font-size: 1.1em;font-weight: 700;text-align: center;background-color: #fff;border: 2px solid #ccc;color: #999;display: flex;align-items: center;justify-content: center;flex-direction: column;line-height: 1.1;box-sizing: border-box;}
.content {flex-grow: 1;padding:20px;display: flex;align-items: center;font-size: 1.1em;font-weight: 400;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;}
.vision-row .content,.slogan-row .content {font-size: 1.75em;font-weight: bold;}
.vision-row .label{border-color: #005DA4;color: #005DA4;}
.vision-row .content{border-color: #005DA4;color: #002F67;}
.slogan-row .label{border-color: #0095DA;color: #0779b2;}
.slogan-row .content{border-color: #0095DA;color: #0873c1}
.goal-row .label {border-color: #03a6d3;color: #029bc5;}
.goal-row .content {border: none;}
.goal-row .content {display: flex;align-items: center;justify-content: space-around;padding: 0;}
.goal-item {background-color: #029bc5;width: 150px;height: 150px;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;font-size: 1em;color: #fff;line-height: 1.1;padding: 10px;word-break:break-all;}
.goal-row .content .goal-item:first-of-type{background-color: #47c0d1;}
/* .goal-row .content div:nth-of-type(3){background-color: #f00;} */
.goal-row .content .goal-item:nth-child(3){background-color: #00AACC;}
.connector { width: 30px;height: 6px;border-radius:3px;background-color: #74cfe1;}
.strategy-row .content {align-items: flex-start;color: #002E5E;display: block;border: 1px solid #ccc;background-color: #fff;text-align: left;}
.strategy-row .content ul {list-style-type: none;padding: 0;margin: 0;}
.strategy-row .content li {font-size: 1em;display: flex;line-height:1.2;padding: 15px;position: relative;border-bottom: 1px dashed #ccc;justify-content: flex-start;align-items: flex-start;}
.strategy-row .content li::before {content: '';width: 7px;height: 7px;background-color: #002E5E;position: relative;top: 8px;margin-right: 10px;}
.strategy-row .content li:last-child{border-bottom: none;}
.policy-row .label {border-color: #64CAD9;color: #1a929b;}
.policy-row .content {border: none;background-color: #E2F3F2;color: #002E5E; font-weight: 700;}
/* 모바일 반응형 기본 설정 */
@media (max-width: 940px) {
.main-title b{font-size: 1.8em;}
.row {flex-direction: column;gap:5px}
.label {width: auto;margin:0;margin-right: 0;width: 100%;height: auto;border-width: 4px;}
.content{border-width: 1px;text-align: center;justify-content: center;border: none;background-color: #f1f2f3;padding: 25px 3%;}
.vision-row .content,.slogan-row .content {font-size: 1.5em;}
.goal-row .content {flex-direction: column;gap: 10px;padding: 15px 0;}
.connector {width: 10px;height: 15px;}
.goal-item {width: 120px;height: 120px;font-size: 0.9em;}
}
/*--end----------------------*/

/*---------------------
총괄현항
----------------------*/
html:lang(ko) .lezend,
html:lang(ko) .total_01 img.f-y,
html:lang(ko) .total_03 img.m-y-f,
html:lang(ko) .total_03 img.m-n-f{display: none}

html.translated-ltr:not(:lang(ko)) .total_01 img.m-y,
html.translated-ltr:not(:lang(ko)) .total_01 img.m-n{display: none;}
html.translated-ltr:not(:lang(ko)) .total_03 img.m-y,
html.translated-ltr:not(:lang(ko)) .total_03 img.m-n,
html.translated-ltr:not(:lang(ko)) .total_03 img.m-y-f{display: none;}
html.translated-ltr:not(:lang(ko)) .total_03 img.m-n-f{display: block;}

.lezend {display: flex;gap:10px;margin-bottom: 40px;border: 1px solid #ccc;padding: 20px;}
.lezend p ._chp{width: 22px;height: 12px;border-radius:6px ;background-color: #999;margin-right: 5px;}
.lezend.total_01 {border: none;display: block;padding: 0;}
.lezend.total_01 p{display: flex;align-items: center;font-size: 18px;padding: 20px;margin-bottom: 10px;border-radius:10px;border: 0 solid #ccc;background-color: #f6f8f9}
.lezend.total_01 p em{font-weight: bold;font-style: normal;align-content: flex-end;text-align: right;margin-left: auto;}

.lezend.total_01 p ._chp{margin-right: 10px;width: 30px;height: 30px;color: #fff;font-size: 0.875em;font-weight: bold; 0;text-align: center;line-height: 30px;}

.lezend.total_02 p{display: flex;align-items: center;font-size: 16px;}
/* .lezend p.t_01 {color: #5D9CEC;}
.lezend p.t_02 {color: #2A6FCC;}
.lezend p.t_03 {color: #36BC9B;}
.lezend p.t_04 {color: #A0D468;}
.lezend p.t_05 {color: #F4AD3B;}
.lezend p.t_06 {color: #FB6E52;}
.lezend p.t_07 {color: #DB4453;} */

.lezend p.t_01 ._chp{background-color: #5D9CEC;}
.lezend p.t_02 ._chp{background-color: #2A6FCC;}
.lezend p.t_03 ._chp{background-color: #36BC9B;}
.lezend p.t_04 ._chp{background-color: #A0D468;}
.lezend p.t_05 ._chp{background-color: #F4AD3B;}
.lezend p.t_06 ._chp{background-color: #FB6E52;}
.lezend p.t_07 ._chp{background-color: #DB4453;}
@media (max-width:768px){
html.translated-ltr:not(:lang(ko)) .total_03 img.m-y-f{display: block;}
html.translated-ltr:not(:lang(ko)) .total_03 img.m-n-f{display: none;}
}
@media (max-width:680px){
.lezend.total_01 p{font-size: 16px;padding: 12px;margin-bottom: 6px;}
.lezend.total_01 p ._chp{margin-right: 6px;width: 24px;height: 24px;line-height: 24px;flex: 0 0 24px;}
.lezend.total_01 p em{flex: 0 0 60px;}
.lezend.total_02 {display: block;padding: 10px;padding-bottom: 0;}
.lezend.total_02 p{margin-bottom: 10px;font-size: 15px;}
}
/*--end----------------------*/
/*-------------------------------------
시장실뉴스 번역오류. 원본에서'아산'가리기
---------------------------------------*/
#gnb div.subnav a em,
.subPageTitle h2 em,
.local_nav > ul > li:last-child > a.open em,
em.kr_hd,
.local_nav_deps li a em{font-style: normal;}
html:lang(ko) em.kr_hd,
html:lang(ko) #gnb div.subnav a em.kr_hd,
html:lang(ko) .subPageTitle h2 em,
html:lang(ko) .local_nav > ul > li:last-child > a.open em,
html:lang(ko) .local_nav_deps li a em{display: none;}
html:lang(ko) .kr_hn{display: inline;}
/*----------------
sub.css 시장실 뉴스
----------------*/
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .kr_hn{display: none;}
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .sc_list li p.list_desc { line-height: 1.3;}
html.translated-ltr:not(:lang(ja),:lang(ko),:lang(zh-CN)) .list_date span{letter-spacing: 0;font-size: .85em;font-family: 'Fira Sans';}