@charset "utf-8"; html, body {color:#333;}
 h1, h2 { font-weight: 600;}
 .inner{width:100%; margin:0 auto; max-width: 1500px;}
 em { font-weight: inherit;}
  html.dark_mode{filter:invert(1);}
 html.dark_mode #wrap, html.dark_mode #container{background-color:#fff;}
 html.dark_mode #container img, html.dark_mode #container .mayor .mbox .photo::after, html.dark_mode #container .field_wrap .item .box .img_ai, html.dark_mode #container .visitor .user .listbox:after, html.dark_mode #container .najusns .official li a, html.dark_mode #container .najusns .najusns_wrap .swiper-slide a .ico, html.dark_mode #wrap .gnb_web .gnbB_area > .title::before, html.dark_mode #right .cont_titlebox .sns_box ul li a{filter:invert(1);}
 html.dark_mode #right .cont_titlebox .sns_box ul li.twitter a{border:.1rem solid #fff;background-position:-106.5px -.5px;}
 #wrap{position:relative; min-width:1050px;}
 #wrap::after{content:'';display:block;clear:both;}
 #wrap.gnb_dim #container{position:relative;}
 #wrap.gnb_dim #container::before{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9;}
 #wrap_hide{display: none; position: absolute; top: 151px; left: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: 0.7;}
 #gnb_wrap_hide{display: none; position: fixed; top: 151px; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7;}
 #wrap a:hover { text-decoration: underline;}
  #banner_top { background: #EDF1F5;}
 #banner_top > .toggle_wrap {color: #222; font-size: 16px; padding: 10px 0;}
 #banner_top > .toggle_wrap > div > .nuri_txt > i.flag { display: inline-block; width: 32px; height: 25px; background: #fff url("/images/www/main/flag_ico.png?build_20251205012") no-repeat 0 0; vertical-align: middle; margin-right: 10px; border: 1px solid #ddd; margin-top: -4px;}
  i.icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle; text-indent: -999rem;}
 i.icon::after{content:'';display:block;background-image:url(/images/www/main/layout_sp_uiux.png?build_20251205012?build_20251111010);background-repeat:no-repeat;background-size:74.6rem;}
 .icon.ico_family::after{width:3.3rem;height:3.4rem;background-position:-68.9rem -6rem; margin:.3rem .8rem 0 0;}
 .icon.ico_tour::after{width:2.9rem;height:3.2rem;background-position:-58.4rem -6.1rem; margin:-.2rem .8rem 0 0;}
 .icon.ico_major::after{width:3.5rem;height:3.4rem;background-position:-63.5rem -6rem; margin:-.5rem .6rem 0 0;}
 .icon.ico_login::after{width:1.8rem;height:1.9rem;background-position:-27.2rem -2.2rem; margin:-.4rem .6rem 0 0;}
 .icon.ico_mypage::after{width:2.4rem;height:2.4rem;background-position:-37.6rem -1.9rem; margin:-.4rem .6rem 0 0;}
 .icon.ico_setting::after{width:1.9rem;height:1.9rem;background-position:-30.7rem -2.2rem; margin:-.4rem .6rem 0 0;}
 .icon.ico_lang::after{width:1.9rem;height:1.9rem;background-position:-34.3rem -2.2rem; margin:-.4rem .6rem 0 0;}
 .icon.ico_newwin::after{width:2rem;height:2rem;background-position:-47.1rem -2.1rem;}
 .icon.ico_newwin_b::after{width:2rem;height:2rem;background-position:-72rem -2.1rem;}
 .icon.ico_toggle::after{width:1.4rem;height:1.1rem;background-position:-17.5rem -2.5rem; margin: -.3rem 0 0 .7rem;}
 .icon.ico_toggle_s::after{width:1rem;height:.8rem;background-position:-14.6rem -2.6rem;}
 .icon.ico_time::after{width:2.4rem;height:2.4rem;background-position:-54.8rem -1.9rem; margin: -.2rem 1.5rem 0 0;}
 .icon.ico_logout::after{width:2.4rem;height:2.4rem;background-position:-51.7rem -1.9rem; margin: -.2rem 1.2rem 0 0;}
 .icon.ico_reset::after{width:2.4rem;height:2.4rem;background-position:-30.1rem -6.3rem; margin: -.2rem 1.6rem 0 0;}
 .icon.ico_white::after{width:9.1rem;height:4.9rem;background-position:-.9rem -11.0rem; margin: -.2rem 0 0 0;}
 .icon.ico_dark::after{width:9.1rem;height:4.9rem;background-position:-11.2rem -11.0rem; margin: -.2rem 0 0 0;}
 .icon.ico_sch::after {width:3.6rem;height:3.6rem;background-position:-61.9rem -1.5rem;}
 .icon.ico_tablet::after {width:2.4rem;height:2.3rem;background-position:-67.5rem -2.1rem;}
 .icon.ico_reset::after{width:2.4rem;height:2.4rem;background-position:-30.1rem -6.3rem; margin: -.2rem 1.5rem 0 0;}
 .icon.ico_close_white::after {width:1rem;height:1rem;background-position:-40.9rem -7rem;}
 .icon.ico_menu::after {width:1.8rem;height:1.8rem;background-position:-44.5rem -6.5rem;}
 .icon.ico_plus::after {width:1.2rem;height:1.2rem;background-position:-48.5rem -7rem;}
 .icon.ico_minus::after {width:1.2rem;height:.2rem;background-position:-51.1em -7.5rem;}
 .icon.ico_close::after{width:2.2rem;height:2.2rem;background-position:-53.8rem -6.4rem}
 .icon.ico_gnb_00::after{width:4.2rem;height:5rem;background-position:-65.4rem -31.4rem;}
 .icon.ico_gnb_01::after{width:7.6rem;height:3.3rem;background-position:-.6rem -31.6rem;}
 .icon.ico_gnb_02::after{width:5.2rem;height:5.1rem;background-position:-10.4rem -30.9rem;}
 .icon.ico_gnb_03::after{width:5.6rem;height:4.5rem;background-position:-18.5rem -31.3rem;}
 .icon.ico_gnb_04::after{width:5.9rem;height:4.4rem;background-position:-26.9rem -31.2rem;}
 .icon.ico_gnb_05::after{width:4.8rem;height:5rem;background-position:-35.2rem -31.2rem;}
 .icon.ico_gnb_06::after{width:5.8rem;height:3.9rem;background-position:-42.9rem -31.4rem;}
 .icon.ico_gnb_07::after{width:5.8rem;height:4.5rem;background-position:-50.8rem -31.6rem;}
 .icon.ico_gnb_set::after{width:6.7rem;height:6.7rem;background-position:-57.6rem -30.25rem;border-radius:5rem;background-color:#fff;}
 .icon.ico_gnb_plus::after{width:3.4rem;height:3.4rem;background-position:-39.7rem -5.8rem;border-radius:5rem;background-color:#606c79;}
  .icon.ico_council::after{width:2.2rem;height:2.2rem;background-position:-.9rem -6.5rem;}
 .icon.ico_health::after{width:1.8rem;height:1.7rem;background-position:-4.6rem -6.8rem;}
 .icon.ico_kentech::after{width:2.2rem;height:1.5rem;background-position:-7.9rem -6.8rem;}
 .icon.ico_atec::after{width:1.4rem;height:1.8rem;background-position:-11.6rem -6.8rem;}
 .icon.ico_edu::after{width:1.5rem;height:1.7rem;background-position:-14.5rem -6.8rem;}
 .icon.ico_youth::after{width:1.7rem;height:1.7rem;background-position:-17.5rem -6.8rem;}
 .icon.ico_lib::after{width:2rem;height:2.0rem;background-position:-20.7rem -6.4rem;}
 .icon.ico_bbegi::after{width:1.6rem;height:1.7rem;background-position:-24.2rem -6.8rem;}
  .loginout { position: absolute; top: 1rem; right: 5rem;}
 .header_top .drop_cnt { position: absolute; background-color: #fff; border: 1px solid #CDD1D5; border-radius: .6rem; z-index: 11; top: 4rem; left: 50%; transform:translateX(-50%);display:none;}
 .header_top .drop_cnt::after { content: ''; display: block; background:url(/images/www/main/polygon.png?build_20251205012) no-repeat; position: absolute; top:-1rem; left: 50%; width:1.8rem; height: 1rem;}
  #header { top: inherit !important; position: relative; transition: ease-in-out 0.3s; background-color:#fff;}
 #header .inner { min-width:1050px;}
 #header .header_top {height: 146px; transition: ease-in-out 0.3s; border-bottom:1px solid #e5e5e5;}
 #header .header_top h1.logo { display:none;}
 #header .header_top h1 { padding-top:43px; float:left;}
 #header .header_top h1 a { display:block;}
 #header .header_top .util_wrap { display: flex; flex-wrap: wrap; align-content:flex-end; flex-direction: column; }
 #header .header_top .util_wrap .personal > ul { display: flex; gap:1.8rem; margin-top: 3.5rem; justify-content: flex-end;}
 #header .header_top .util_wrap .personal > ul > li { position: relative; padding-right: 1rem;}
 #header .header_top .util_wrap .personal > ul > li:before { content: ''; display: block; width: .2rem; height:1.2rem; background-color: #C8C8C8; position: absolute; right: -.1rem; top: .6rem;}
 #header .header_top .util_wrap .personal > ul > li:last-child:before { display: none;}
 #header .header_top .util_wrap .personal > ul > li > a { padding: .5rem .8rem; color: #585858; font-weight: 600;}
  .drop_area .drop_cnt.mypage_list { width: 24rem; padding: 2rem;}
 .drop_area .drop_cnt.mypage_list .time > span { display: block; color: #484848;}
 .drop_area .drop_cnt.mypage_list .time .name { font-size:1.8rem; color: #027bc2; font-weight: 600; }
 .drop_area .drop_cnt.mypage_list .time p { display: inline-flex; justify-content: space-between; width: 100%; align-items: center; margin: 1rem 0 1.5rem;}
 .drop_area .drop_cnt.mypage_list .time em { margin-left: -1rem; font-weight: 500;}
 .drop_area .drop_cnt.mypage_list .time a { background-color:#E5ECF9; border-radius: .6rem; padding: .5rem 1rem; }
 .drop_area .drop_cnt.mypage_list .mylist { background-color:#F4F4F4; padding: 1.3rem 1.5rem; border-radius:.6rem; }
 .drop_area .drop_cnt.mypage_list .mylist li { position: relative; padding-left: .5rem;}
 .drop_area .drop_cnt.mypage_list .mylist li a { color:#434343; }
 .drop_area .drop_cnt.mypage_list .mylist li a::before { content: ''; display:block; width: .3rem; height: .3rem; background-color: #8D8D8D; position: absolute; top:1.1rem; left:-.1rem;}
 .drop_area .drop_cnt.mypage_list .logout { display: flex; justify-content: space-around; margin-top: 1.5rem;}
 .drop_area .drop_cnt.mypage_list .logout em { margin-left: -1rem; background-color: #fff; font-weight: 500;}
  #header .header_top .personal .setting_list {width: 50.8rem; }
 #header .header_top .personal .setting_list > div { float: left;width: 50%;}
 #header .header_top .personal .setting_list > div h2 { font-weight: 600; color: #484848;}
 #header .header_top .personal .setting_list > div ul { margin-top: 1.4rem;}
 #header .header_top .personal .setting_list > div ul li { width: 100%; }
 #header .header_top .personal .setting_list > div li.on a { border: .2rem solid #027bc2;}
 #header .header_top .personal .setting_list > div li a { display: inline-flex; width: 100%; height: 4.5rem; align-items: center; border: .2rem solid #fff; border-radius: .6rem; }
 #header .header_top .personal .setting_list .font { padding: 2.8rem 1rem 1.7rem 2rem;}
 #header .header_top .personal .setting_list .font li i { display: block; font-style: normal; width: 3.2rem; height: 3.2rem; line-height: 3.2rem; text-align: center; background-color: #F4F4F4; border-radius: .3rem; margin:0 1rem 0 .6rem;}
 #header .header_top .personal .setting_list .font li.on i { background-color:#027bc2; color: #fff; }
 #header .header_top .personal .setting_list .font li.fs i { font-size: 1.5rem;}
 #header .header_top .personal .setting_list .font li.fm i { font-size: 1.6rem;}
 #header .header_top .personal .setting_list .font li.fl i { font-size: 1.7rem;}
 #header .header_top .personal .setting_list .font li.xl i { font-size: 1.8rem;}
 #header .header_top .personal .setting_list .m_mode {padding: 2.8rem 2.5rem 1.7rem 1rem;}
 #header .header_top .personal .setting_list .m_mode li { margin-bottom: 1.3rem; }
 #header .header_top .personal .setting_list .m_mode li a { height: 8.2rem; border: .2rem solid #CDD1D5; }
 #header .header_top .personal .setting_list .m_mode li a .icon { width:9.1rem; margin: 0 1rem 0 2rem; }
 #header .header_top .personal .setting_list .m_mode li a em {font-weight: 500; line-height: 1.9rem;}
 #header .header_top .personal .setting_list .reset { width: 100%; background-color:#F4F4F4; height: 4.7rem; display: flex; align-items: center; justify-content: center; }
 #header .header_top .personal .setting_list .reset em { margin-left: -1rem; font-weight: 500;}
 #header .header_bottom { height:70px; }
  .drop_area .drop_cnt.lang_list {width: 20rem; padding: 1.7rem;}
 .drop_area .drop_cnt.lang_list .txt { display: block; color: #027bc2; font-size: 1.7rem; font-weight: 600;}
 .drop_area .drop_cnt.lang_list ul { background-color: #F4F4F4; padding: 1.2rem; margin-top: .8rem; border-radius: .6rem;}
 .drop_area .drop_cnt.lang_list ul li { display: inline-flex; width: 100%; position: relative; padding-left: .5rem;}
 .drop_area .drop_cnt.lang_list ul li a { display: inline-flex; justify-content: space-between; width: 100%; }
 .drop_area .drop_cnt.lang_list ul li a em {font-weight: 500;}
 .drop_area .drop_cnt.lang_list ul li a::before { content: ''; display:block; width: .3rem; height: .3rem; background-color: #8D8D8D; position: absolute; top:1.1rem; left:-.1rem; }
  #header .header_top .util_wrap .major { margin-top: 1.3rem;}
 #header .header_top .util_wrap .major > ul {display: flex; gap:4.4rem;}
 #header .header_top .util_wrap .major > ul > li { line-height: 46px; position: relative; padding: 0 .8rem;}
 #header .header_top .util_wrap .major > ul > li > a { font-size:1.8rem; font-weight: 600; color:#434343; display: block; }
 #header .header_top .util_wrap .major > ul > li > a i.ico_toggle_s { border:2px solid #838383; border-radius: 50%; width: 2.2rem; height: 2.2rem; margin: -4px 0 0 6px;}
 #header .header_top .util_wrap .major > ul > li > a i.icon.ico_toggle_s::after { margin-left:-.2rem;}
 #header .header_top .util_wrap .major > ul > li:first-child a { color:#027bc2; }
 #header .header_top .util_wrap .major > ul > li:first-child a i.ico_newwin_b { margin: -.3rem 0 0 .4rem;}
  .drop_area .drop_cnt.site_list { width: 50rem; padding: 2.3rem 3rem 3.4rem; top: 5.5rem; }
 .drop_area .drop_cnt.site_list ul { display: flex; flex-wrap: wrap; gap:0 2.4rem; }
 .drop_area .drop_cnt.site_list ul li { width: calc( 50% - 1.2rem); border-bottom:1px solid #EDEDED; }
 .drop_area .drop_cnt.site_list ul li a { display: block; line-height: 4.6rem}
 .drop_area .drop_cnt.site_list ul li a:hover em { text-decoration: underline;}
 .drop_area .drop_cnt.site_list ul li a span { display: inline-flex; justify-content: space-between; width: calc(100% - 5.8rem);}
 .drop_area .drop_cnt.site_list ul li a > i.icon { width: 3.2rem; height: 3.2rem; margin-right: .4rem; background-color:#F4F4F4; border-radius: .4rem;}
 .drop_area .drop_cnt.site_list ul li a i.icon.ico_newwin::after { margin: 0 -1.6rem 0 0;}
 .drop_area .drop_cnt.site_list ul li a:hover > i.icon { background-color:#027bc2; transition: ease-in-out 0.3s; }
 .drop_area .drop_cnt.site_list ul li a:hover > i.icon::after { filter: contrast(0) brightness(10);}
  #header .header_top .util_wrap .family_site { position:relative;}
 #header .header_top .util_wrap .family_site.sitebox a { display: flex; padding: 0; align-items: center;}
 #header .header_top .util_wrap .family_site.sitebox a span { display: block; text-indent: -999rem; width: 0;}
 #header .header_top .util_wrap .family_site.sitebox a i.ico_family { margin-top: -.4rem;}
 #header .header_top .util_wrap .family_site.sitebox a i.ico_toggle_s { margin-top:-.1rem; }
 .family_site .linkbox { position: fixed; top:0; left: 0; right: 0; bottom: 0; padding: 50px 100px 40px; background-color: #000; background-color: rgba(0,0,0,0.7); z-index: 101; display: none; min-width: 1010px; }
 .family_site .linkbox .link_all_box { background-color: #fff; height: 100%; position: relative; }
 .family_site .linkbox .link_all_box h3 { width: 100%; height:80px; background-color: #017dc7; color: #fff; line-height: 80px; font-size: 25px; text-align: center; font-weight: 600; }
 .family_site .linkbox .link_all_box h3 em { font: revert; }
 .family_site .linkbox .link_all_box .link_list { padding: 2.5% 3%; border-top: 1px solid #ddd; width: 100%; box-sizing: border-box; position: relative; display: flex;}
 .family_site .linkbox .link_all_box h4 { font-size: 20px; font-weight: 600; width: 200px; margin-right: 5%; background: none; }
 .family_site .linkbox .link_all_box .link_list ul { display: inline-flex; flex-wrap: wrap; width: 100%;}
 .family_site .linkbox .link_all_box .link_list ul li { width:20%; height: 35px; line-height: 35px; }
 .family_site .linkbox .link_all_box .link_list ul li a { line-height:20px; height: auto; padding:4px 4px 4px 8px !important; position:relative; }
 .family_site .linkbox .link_all_box .link_list.village ul li { width:12.5%;}
 @media (max-width:1480px){ .family_site .linkbox .link_all_box .link_list ul {overflow-y: auto;}
 .family_site .linkbox .link_all_box .link_list.family ul {height: 200px;}
 .family_site .linkbox .link_all_box .link_list.village ul {height: 105px;}
 .family_site .linkbox .link_all_box .link_list.relation ul {height: 200px;}
 .family_site .linkbox .link_all_box .link_list ul li { width: 25%; height: auto; line-height: inherit;}
 }
 @media (max-width:1320px){ .family_site .linkbox .link_all_box .link_list.family ul li { width: 33.333%;}
 }
 @media (max-width:1320px){ .family_site .linkbox .link_all_box .link_list.relation ul li {width: 33.333%;}
 }
 .family_site .linkbox .popup_close{position: absolute; top: 21px; right: 33px; width: 38px; height: 38px; text-indent: -99999px;}
 .family_site .linkbox .popup_close:hover{transform: rotate(360deg); transition: ease-in-out 0.7s;}
 .family_site .linkbox .popup_close:before, .family_site .linkbox .popup_close:after{content: ''; position: absolute; top: 50%; left: 50%; width: 39px; height: 3px; background-color: #fff; margin: -1.5px 0 0 -19.5px;}
 .family_site .linkbox .popup_close:before{transform: rotate(-45deg);}
 .family_site .linkbox .popup_close:after{transform: rotate(45deg);}
 #header .header_top .util_wrap .bitgaram_site .linkbox .popup_close{position: absolute; top: 21px; right: 12px; width: 38px; height: 38px; text-indent: -99999px;}
 #header .header_top .util_wrap .bitgaram_site .linkbox .popup_close:hover{transform: rotate(360deg); transition: ease-in-out 0.7s;}
 #header .header_top .util_wrap .bitgaram_site .linkbox .popup_close:before, #header .header_top .util_wrap .bitgaram_site .linkbox .popup_close:after{content: ''; position: absolute; top: 50%; left: 50%; width: 39px; height: 3px; background-color: #fff; margin: -1.5px 0 0 -19.5px;}
 #header .header_top .util_wrap .bitgaram_site .linkbox .popup_close:before{transform: rotate(-45deg);}
 #header .header_top .util_wrap .bitgaram_site .linkbox .popup_close:after{transform: rotate(45deg);}
 .family_site .linkbox li a:before, #header .header_top .util_wrap .bitgaram_site .linkbox li a:before, #header .header_top .util_wrap .lang ul li a:before { content:""; display:block; position:absolute; width:4px; height:4px; border-radius:10px; background-color:#027bc2; top:11px; left:0;}
 #header .header_top .util_wrap .lang { position:relative;}
 #header .header_top .util_wrap .lang ul { display:none; position:absolute; top:50px; left:8px; background-color:#fff; border-radius:20px; border:2px solid #ddd; padding:15px 20px; box-sizing:border-box; width:110px; z-index:11;}
 #header .header_top .util_wrap .lang ul li a { line-height:20px; padding:4px 0 4px 8px; height:auto; position:relative;}
 .header_bottom{position:relative;height:7rem;border-bottom:1px solid #CDD1D5;}
 .header_bottom .inner{position:initial;}
 .header_bottom .top_search {display:inline-flex;align-items:center;border-right:1px solid #CDD1D5; border-left:1px solid #CDD1D5; height: 70px; line-height: 70px;}
 .header_bottom .top_search a, .header_bottom .top_search button {display: inline-flex; align-items:center; font-size: 1.9rem; padding:0 2.5rem; }
 .header_bottom .top_search a i.icon, .header_bottom .top_search button i.icon { width: 3.6rem; margin-left: .5rem;}
 .header_bottom .top_search a em, .header_bottom .top_search button em { font-weight: 500;}
 .header_bottom .gnb_mob{display:none;}
 .header_bottom .gnb_web{display:flex;}
 .gnb a.newwin > span{flex-shrink:0;display:inline-flex;width:1.6rem;height:1.6rem;background:url(/images/www/main/layout_sp_uiux.png?build_20251205012) no-repeat -47.3rem -2.3rem;text-indent:-9999px;vertical-align:middle;margin:-.1rem 0 0 .8rem}
 .gnb_web .gnb{flex:1;display:flex;gap:0 12rem;}
 .gnb_web .gnbA > a{display:inline-flex;align-items:center;justify-content:center;gap:0 .6rem;width:100%;height:100%;font-size:1.9rem;color:#2c384b; font-weight: 600;}
 .gnb_web .gnbA > a .more{content:'';display:inline-flex;width:2.8rem;height:2.8rem;border-radius:5rem;background:#fff url(/images/www/main/layout_sp_uiux.png?build_20251205012) no-repeat -43rem -1.55rem;text-indent:-9999rem;}
 .gnb_web .gnbA.on > a .more, .gnb_web .gnbA.now > a .more{background-color:#027bc2;background-position:-40.5rem -1.55rem;}
 .gnb_web .gnbB_wrap{display:none;position:absolute;top:7rem;left:0;width:100%;max-height:calc(100vh - 26rem);border-radius:0 0 0 10rem;background-color:#fff;z-index:10;overflow:hidden;overflow-y:auto;}
 .gnb_web .gnbB_area{position:relative;width:100%;max-width:150rem;min-width:100rem;margin:0 auto;}
 .gnb_web .gnbB_area::before{position:absolute;top:0;left:21.4rem;transform:translateX(-100%);content:'';display:block;width:100%;height:100%;background:linear-gradient(45deg, #e4f3f9, #f1f6e8);z-index:-1;}
 .gnb_web .gnbB_area > .title{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1rem 0;width:21.4rem;height:17rem;font-size:2.2rem;font-weight:700;color:#385174;padding-bottom:2rem}
 .gnb_web .gnbB_area > .title::before{content:'';display:block;background-image:url(/images/www/main/layout_sp_uiux.png?build_20251205012);background-repeat:no-repeat;background-size:74.6rem;}
 .gnb_web .gnbA1 .gnbB_area > .title::before{width:7.2rem;height:8.5rem;background-position:-.4rem -18.8rem;}
 .gnb_web .gnbA2 .gnbB_area > .title::before{width:7.5rem;height:7.2rem;background-position:-9.6rem -18.7rem;}
 .gnb_web .gnbA3 .gnbB_area > .title::before{width:7rem;height:8.2rem;background-position:-18.9rem -18.6rem;}
 .gnb_web .gnbA4 .gnbB_area > .title::before{width:7.1rem;height:8.2rem;background-position:-27.5rem -18.6rem;}
 .gnb_web .gnbA5 .gnbB_area > .title::before{width:8.7rem;height:8.3rem;background-position:-36.1rem -18.6rem;}
 .gnb_web .gnbB{padding:0 0 3rem 0;}
 .gnb_web .gnbB > li > a{position:relative;display:inline-flex;align-items:center;gap:.8rem;width:21.4rem;;font-size:1.7rem;font-weight:600;color:#3c3c3c;border-bottom:.1rem solid #dae4da;padding:1rem 1.6rem 1rem 1rem;z-index:1;}
 .gnb_web .gnbB > li > a .more{display:inline-flex;width:1.2rem;height:.7rem;background:url(/images/www/main/layout_sp_uiux.png?build_20251205012) no-repeat -43.8rem -2.7rem;transform:rotate(-90deg);margin-left:auto;text-indent:-9999rem;overflow:hidden;}
 .gnb_web .gnbB > li.on > a{color:#fff;border-bottom:0;}
 .gnb_web .gnbB > li.on > a::before{position:absolute;top:0;right:0;content:'';display:block;width:calc(100% + 2rem);height:100%;border-radius:5rem 0 0 5rem;background-color:#027bc2;z-index:-1;}
 .gnb_web .gnbB > li.on > a .more{background-position-x:-41.3rem;}
 .gnb_web .gnbB > li.on .gnbC_wrap{display:block;}
 .gnb_web .gnbC_wrap{display:none;position:absolute;top:0;left:21.4rem;width:calc(100% - 21.4rem);background-color:#fff;z-index:10;}
 .gnb_web .gnbC_area{padding:3rem 0 3.5rem 5.5rem;}
 .gnb_web .gnbC_area .title{font-size:2rem;font-weight:600;border-bottom:.1rem solid #CACACA;padding-bottom:2rem;margin-bottom:3rem}
 .gnb_web .gnbC{display:flex;flex-wrap:wrap;gap:2rem 3rem;}
 .gnb_web .gnbC > li{width:calc(25% - 2.25rem);}
 .gnb_web .gnbC > li > a{display:inline-flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;height:5.5rem;border:.2rem solid #CACACA;border-radius:.6rem;background-color:#fff;padding:0 2.8rem;}
 .gnb_web .gnbC > li > a.newwin:hover > span, .gnb_web .gnbC > li.on > a.newwin > span{filter:contrast(0) brightness(10);}
 .gnb_web .gnbC > li.on > a, .gnb_web .gnbC > li > a:hover{color:#fff;border-color:#027bc2;background-color:#027bc2;}
 .gnbQ_wrap{position:absolute;left:21.4rem;bottom:0;width:calc(100% - 21.4rem);padding-left:5.5rem;}
 .gnbQ_area{display:flex;justify-content:space-between;border-top:.1rem solid #e0e0e0;padding:4rem 0 8.5rem;margin-top:3.5rem;}
 .gnbQ_area > a{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:12rem;text-align:center;word-break:keep-all;}
 .gnbQ_area > a > i{width:12rem;height:10rem;border-radius:1rem;background-color:#f4f4f4;}
 .gnbQ_area > a > i.ico_gnb_set{background-color:#027bc2;}
 .gnbQ_area > a > span{width:100%;margin-top:1.5rem;}
 #modal_setting .modal_area{display:flex;flex-direction:column;width:150rem;max-width:90%;padding:0;}
 #modal_setting .btn_box{display:flex;align-items:center;justify-content:center;gap:0 1.5rem;}
 #modal_setting .btn_box .btn{display:inline-flex;align-items:center;justify-content:center;width:14rem;height:5.4rem;gap:.5rem;border-radius:.6rem;padding:0 2rem;}
 #modal_setting .setting_head{position:relative;display:flex;justify-content:space-between;gap:2rem;background-color:#edf1f5;padding:5rem 7.5rem;}
 #modal_setting .setting_head.mob{display:none;}
 #modal_setting .setting_head .text_box h2{font-size:3.2rem;font-weight:700;}
 #modal_setting .setting_head .text_box h2 + p{margin-top:2rem;}
 #modal_setting .setting_head .gnbQ_wrap{position:initial;width:auto;;padding:0;}
 #modal_setting .setting_head .gnbQ_area{justify-content:end;gap:0 5.5rem;border:0;padding:0;margin:0;}
 #modal_setting .setting_head .gnbQ_area > a{width:10rem;}
 #modal_setting .setting_head .gnbQ_area > a > i{width:10rem;background-color:#fff;}
 #modal_setting .setting_head .gnbQ_area > a > i.ico_gnb_plus{border:.1rem dashed #606c79;background-color:transparent;}
 #modal_setting .setting_head .gnbQ_area > a > i.ico_gnb_plus::after{transform:rotate(45deg)}
 #modal_setting .setting_head .gnbQ_area > a > .btn_delete{position:absolute;top:-1.4rem;right:-1.4rem;width:2.8rem;height:2.8rem;border-radius:5rem;background-color:#2c384b;}
 #modal_setting .setting_head .btn_box{position:absolute;bottom:0;right:7.5rem;transform:translateY(50%);}
 #modal_setting .setting_head .btn_box .btn{border:.1rem solid #606c79;background-color:#fff;}
 #modal_setting .setting_head .btn_box .btn_save{display:none;}
 #modal_setting .setting_body{padding:6.5rem 5.5rem;}
 #modal_setting .setting_body .gnb{position:relative;display:flex;max-height:28rem;padding:0 1rem;overflow-y:auto;}
 #modal_setting .setting_body .gnb::-webkit-scrollbar{width:1rem;border-radius:.5rem;background-color:#e3e3e3;}
 #modal_setting .setting_body .gnb::-webkit-scrollbar-thumb{border-radius:.5rem;background-color:#027bc2;}
 #modal_setting .setting_body .gnbA{flex:1;}
 #modal_setting .setting_body .gnbA .gnb_title{font-size:2rem;font-weight:700;color:#3e3a39;}
 #modal_setting .setting_body .gnbB{padding:0;margin-top:1.8rem;}
 #modal_setting .setting_body .gnbB > li + li{margin-top:.5rem;}
 #modal_setting .setting_body .gnbB input[type="checkbox"]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
 #modal_setting .setting_body .gnbB input[type="checkbox"] + label{position:relative;display:block;color:#000;padding-left:2.8rem;}
 #modal_setting .setting_body .gnbB input[type="checkbox"] + label::before{position:absolute;top:-.1rem;left:0;content:'';display:block;width:2.4rem;height:2.4rem;border:1px solid #58616a;border-radius:.4rem;background-color:#fff;}
 #modal_setting .setting_body .gnbB input[type="checkbox"]:checked + label::before{border-color:#1a4ab9;background:#1a4ab9 url(/images/www/main/layout_sp_uiux.png?build_20251205012) no-repeat -40.8rem -1.9rem;}
 #modal_setting .setting_foot{padding:0 8rem 5.8rem;}
 #modal_setting .setting_foot .btn{font-size:1.7rem;font-weight:600;color:#fff;background-color:#2C384B;}
 #modal_setting .setting_foot .btn.btn_save{background-color:#027bc2;}
 @media (max-width: 1500px) { .gnb_web .gnb{gap:0 7rem;}
 #modal_setting .setting_head{flex-direction:column;align-items:flex-start;padding:5rem 4.5rem;}
 #modal_setting .setting_head .text_box{display:flex;align-items:center;}
 #modal_setting .setting_head .text_box h2 + p{margin-top:0;margin-left:2rem;}
 #modal_setting .setting_head .text_box h2 + p br{display:none;}
 #modal_setting .setting_head .btn_box{right:4.5rem}
 #modal_setting .setting_head .gnbQ_wrap{width:100%;}
 #modal_setting .setting_head .gnbQ_area{gap:0 3rem;}
 #modal_setting .setting_body{padding:6.5rem 3.5rem;}
 }
 @media (max-width: 1320px) { .gnbQ_area > a{width:10rem;}
 .gnbQ_area > a > i{width:10rem;}
 }
 @media (max-width:1100px){ #wrap.gnb_dim #container::before{position:fixed;}
 #header{display:flex;align-items:center;justify-content:space-between;height:10rem;padding:0 3%;}
 #header .header_top .util_wrap{display:none;}
 .header_top {position:relative; height: auto;border:0;padding:0;}
 .header_top > .inner{width:auto;min-width:auto;padding:0;}
 .header_top h1{position:initial;}
 .header_top .top_uitll {display: none;}
 .header_bottom { height: auto;border:0;}
 .header_bottom > .inner { display: flex; justify-content: flex-end;width:auto;min-width:auto;padding:0;}
 .header_bottom .top_search {border: none;}
 .header_bottom .gnb_open{display:inline-flex;align-items:center;gap:0 1rem;font-size: 1.9rem;}
 .header_bottom .gnb_open em{font-weight:500;}
 .header_bottom .gnb_web{ display:none;}
 .header_bottom .gnb_mob{display:flex;align-items:center;}
 .header_bottom .gnb_mob .gnb_wrap{display:none;position:fixed;top:0;right:0;width:100%;height:100%;z-index:10;}
 .header_bottom .gnb_mob .gnb_area{position:absolute;top:0;width:90%;max-width:58rem;display:flex;flex-direction:column;height:100%;background-color:#fff;}
 .gnbQ_wrap{position:initial;width:100%;padding:0;overflow-x:auto;}
 .gnbQ_wrap::-webkit-scrollbar{height:.7rem;border-radius:.5rem;background-color:#e3e3e3;}
 .gnbQ_wrap::-webkit-scrollbar-thumb{border-radius:.5rem;background-color:#094fa3;}
 .gnbQ_area{gap:0 2.8rem;width:max-content;;border:0;padding:3rem 0;margin-top:0;}
 .gnb_mob .drop_cnt{ position: absolute; background-color: #fff; border: 1px solid #CDD1D5; border-radius: .6rem; z-index: 10; top: 3.8rem; left: 50%; transform:translateX(-50%)}
 .gnb_mob .drop_cnt.lang_list{left:calc(50% + 2rem);}
 .gnb_mob .drop_cnt::after { content: ''; display: block; background:url(/images/www/main/polygon.png?build_20251205012) no-repeat; position: absolute; top:-1rem; left: 50%; width:1.8rem; height: 1rem;}
 .gnb_mob .gnb_top{position:relative;height:6.6rem;background-color:#f4f4f4;padding:0 3rem}
 .gnb_mob .gnb_top > ul{display:flex;align-items:center;height:100%;}
 .gnb_mob .gnb_top > ul > li + li{position:relative;padding-left:4rem;}
 .gnb_mob .gnb_top > ul > li + li::before{position:absolute;top:50%;left:2rem;transform:translateY(-50%);content:'';display:block;width:.2rem;height:1rem;background-color:#c8c8c8;}
 .gnb_mob .gnb_top .gnb_close{position:absolute;top:50%;right:2rem;transform:translateY(-50%);}
 .gnb_mob .gnb_mid{padding:2.5rem;}
 .gnb_mob .gnb_mid .btn_box{display:flex;gap:0 1.2rem;padding:0 2rem;}
 .gnb_mob .gnb_mid .btn_box > *{flex:1;}
 .gnb_mob .gnb_mid .btn_box .btn_base{display:inline-flex;align-items:center;justify-content:center;gap:0 .5rem;width:100%;height:4.6rem;border:.1rem solid #d8d8d8;border-radius:.6rem;padding:0;}
 .gnb_mob .gnb_mid .btn_box .btn_base i.icon.ico_tour::after{width:2rem;height:2.2rem;background-position:-40.2rem -4.2rem;background-size:51.4rem;margin:0;}
 .gnb_mob .gnb_mid .btn_box .btn_base i.icon.ico_major::after{width:2.3rem;height:2.3rem;background-position:-43.8rem -4.2rem;background-size:51.4rem;margin:0;}
 .gnb_mob .gnb_mid .btn_box .btn_base i.icon.ico_family::after{width:2.3rem;height:2.3rem;background-position:-47.5rem -4.2rem;background-size:51.4rem;margin:0;}
 .gnb_mob .gnb_mid .btn_box .btn_base .ico_tour + span{font-weight:700;color:#027bc2;}
 .gnb_mob .gnb_mid .drop_area .drop_cnt.site_list{width:45rem;top:5.8rem;}
 .gnb_mob .gnb_bot{position:relative;flex:1;border-top:.1rem solid #c8c8c8;}
 .gnb_mob .gnb_bot::before{position:absolute;top:0;left:0;content:'';display:block;width:18.4rem;height:100%;background:linear-gradient(45deg, #e4f3f9, #f1f6e8);z-index:0;}
 .gnb_mob .gnb{position:relative;height:100%;padding-top:3.2rem;}
 .gnb_mob .gnbA{width:18.4rem;padding-left:.8rem;}
 .gnb_mob .gnbA > a{position:relative;display:block;font-size:1.7rem;font-weight:600;padding:1.3rem 1.3rem 1.3rem 1.7rem;z-index:1;}
 .gnb_mob .gnbA > a .more{display:inline-block;text-indent:-9999rem;}
 .gnb_mob .gnbA.on > a{color:#fff;}
 .gnb_mob .gnbA.on > a::before{position:absolute;top:0;left:0;content:'';display:block;width:calc(100% + .8rem);height:100%;border-radius:5rem .5rem .5rem 5rem;background-color:#027bc2;z-index:-1;}
 .gnb_mob .gnbA.on .gnbB_wrap{display:block;}
 .gnb_mob .gnbB_wrap{display:none;position:absolute;top:0;left:18.4rem;width:calc(100% - 18.4rem);height:100%;background-color:#fff;}
 .gnb_mob .gnbB_area{width:100%;height:100%;padding:2.4rem 2rem 0 4.2rem;}
 .gnb_mob .gnbB_area{display:flex;flex-direction:column;}
 .gnb_mob .gnbB_area .title{width:calc(100% - 2.8rem);font-size:1.9rem;font-weight:700;text-align:center;border-bottom:.2rem solid #2c384b;padding-bottom:1.8rem;}
 .gnb_mob .gnbB{flex:1;padding:0 2.8rem 2.4rem 0;overflow-y:auto;}
 .gnb_mob .gnbB > li{border-bottom:.1rem solid #e5e5e5;}
 .gnb_mob .gnbB > li > a{display:inline-flex;align-items:center;gap:0 .8rem;width:100%;font-size:1.7rem;padding:1.4rem 0;}
 .gnb_mob .gnbB > li > a .more{display:inline-flex;width:1.2rem;height:1.2rem;background:url(/images/www/main/layout_sp_uiux.png?build_20251205012) no-repeat -48.5rem -7rem;margin-left:auto;text-indent:-9999rem;}
 .gnb_mob .gnbB > li > a.newwin > span{margin:0;}
 .gnb_mob .gnbB > li.on > a{font-weight:600;color:#094fa3;text-decoration:underline}
 .gnb_mob .gnbB > li.on > a .more{height:.2rem;background-position:-51.1rem -7.5rem;}
 .gnb_mob .gnbB > li.on .gnbC_wrap{display:block;}
 .gnb_mob .gnbC_wrap{display:none;background-color:#f4f4f4;}
 .gnb_mob .gnbC_area .title{display:none;}
 .gnb_mob .gnbC{padding:1.6rem;}
 .gnb_mob .gnbC > li > a{position:relative;display:inline-block;width:100%;color:#434343;padding:0 .5rem 0 1rem;}
 .gnb_mob .gnbC > li > a::before{position:absolute;top:1.1rem;left:0;content:'';display:block;width:.3rem;height:.3rem;background-color:#2c384b;}
 .gnb_mob .gnbC > li.on > a{font-weight:600;color:#094fa3;text-decoration:underline}
 #modal_setting{justify-content:flex-end;}
 #modal_setting .modal_area{width:58rem;height:100%;max-height:100vh;border-radius:0;}
 #modal_setting .btn_box .btn{width:9.4rem;height:4.5rem;}
 #modal_setting .btn_box .btn i::after{margin-right:0;}
 #modal_setting .setting_head.mob{flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:6.6rem;background-color:#fff;padding:0 2rem;}
 #modal_setting .setting_head.mob h2{font-size:1.7rem;font-weight:600;}
 #modal_setting .setting_head.web{align-items:center;width:100%;padding:3.4rem 3.8rem 3.2rem;}
 #modal_setting .setting_head.web .text_box h2{display:none;}
 #modal_setting .setting_head.web .text_box h2 + p{text-align:center;margin-left:0;}
 #modal_setting .setting_head.web .text_box h2 + p br{display:block;}
 #modal_setting .setting_head.web .gnbQ_wrap{padding-top:2rem;padding-bottom:3rem;}
 #modal_setting .setting_head.web .gnbQ_area{gap:0 2.8rem;}
 #modal_setting .setting_head.web .btn_box{position:initial;transform:none;margin-top:1rem;}
 #modal_setting .setting_head.web .btn_box .btn_save{display:inline-flex;color:#fff;border:0;background-color:#027bc2;}
 #modal_setting .setting_body{flex:1;padding:3rem 2.6rem 5.2rem;}
 #modal_setting .setting_body .gnb{flex-direction:column;gap:1.2rem 0;height:auto;max-height:none;padding:0;}
 #modal_setting .setting_body .gnbA{border:.1rem solid #e5e5e5;border-radius:.6rem;padding:0 2rem;}
 #modal_setting .setting_body .gnbA .gnb_title{display:flex;align-items:center;justify-content:space-between;font-size:1.7rem;padding:1.4rem 0;}
 #modal_setting .setting_body .gnbA .gnb_title::after{content:'';display:block;width:1.2rem;height:.7rem;background:url(/images/www/main/layout_sp_uiux.png?build_20251205012) no-repeat -43.8rem -2.7rem;}
 #modal_setting .setting_body .gnbB{display:none;padding-bottom:2.2rem;margin-top:0;}
 #modal_setting .setting_foot{display:none;}
 }
 #footer { height:430px; background-color:#F0F0F0;}
 #footer .footer_top { background-color:#fff; border-bottom:1px solid #CDD1D5; border-top: 1px solid #CDD1D5; height:62px;}
 #footer .footer_top .sitebox { width:16.6%; position:relative; float:left; border-right:1px solid #CDD1D5; box-sizing:border-box;}
 #footer .footer_top .sitebox:first-child { border-left:1px solid #CDD1D5;}
 #footer .footer_top .sitebox > a { display:block; color:#2F2F2F; height:60px; line-height:60px; box-sizing:border-box; font-size:16px; padding:0 20px; }
 #footer .footer_top .sitebox > a .ico { display:block; float:right; text-indent:-999999px; width:30px; height:30px; margin-top:16px; position: relative; }
 #footer .footer_top .sitebox > a .ico::after { content:''; display: block; background: url("/images/www/main/layout_sp_uiux.png?build_20251205012") no-repeat; width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px;}
 #footer .footer_top .sitebox > a .ico.open::after { background-position:-485px -70px;}
 #footer .footer_top .sitebox > a .ico.close::after { background-position:-511px -70px;}
 #footer .footer_top .sitebox.banner > a .ico::after { background-position:-485px -70px;}
 #footer .footer_top .linkbox { display:none; position:absolute; bottom:60px; left:-1px; width:calc(100% + 2px); z-index:8; background-color:#fff; box-sizing:border-box; padding:25px; border: 1px solid #CDD1D5;}
 #footer .footer_top .linkbox li a { color:#2F2F2F; display:block;}
 #footer .footer_top .village .linkbox li, #footer .footer_top .other .linkbox li { float:left; width:33.33333%;}
 #footer .footer_top .other .linkbox li.w40 { width:40%;}
 #footer .footer_top .linkbox li a:hover { color:#ffde51; transition: ease-in-out 0.3s;}
 #footer .footer_btm .nj_copy1 { display:flex; width: 100%; justify-content: space-between; color: #2F2F2F;}
 #footer .footer_btm .nj_info { margin-top:30px; box-sizing:border-box; position:relative; color: #2F2F2F; font-weight: 500; }
 #footer .footer_btm .nj_info .logo { background: url('/images/www/main/layout_sp_uiux.png?build_20251205012') no-repeat -7px -535px; width:197px; height:66px; margin-bottom: 22px; text-indent: -999rem; }
 #footer .footer_btm .nj_info ul { display: flex; gap:0 25px; flex-wrap: wrap;}
 #footer .footer_btm .nj_info ul li b {font-weight: 600; color:#027bc2; margin-right: 5px;}
 #footer .footer_btm .nj_info address { display:block; clear:both; margin-top:6px; font-size:16px; margin-bottom:5px; font-weight: 500; }
 #footer .footer_btm .right_link .link, .footer_btm .right_link .f_sns { display: flex;}
 #footer .footer_btm .right_link ul.link { margin-top: 70px; flex-wrap: wrap; justify-content: flex-end;}
 #footer .footer_btm .right_link ul.link li { margin-left: 30px;}
 #footer .footer_btm .right_link ul.link li a { display: flex; line-height: 23px;}
 #footer .footer_btm .right_link ul.link li a i { width: 23px; height: 23px; border: 2px solid #838383; margin-left: 6px; border-radius: 50px; box-sizing: border-box;}
 #footer .footer_btm .right_link ul.link li a i:after {content: ''; display: block; background:url('/images/www/main/layout_sp_uiux.png?build_20251205012') no-repeat -269px -485px; width:5px; height:8px; margin: 5px auto 0;}
 #footer .footer_btm .right_link .f_sns { margin-top: 34px; justify-content: flex-end; gap:0 14px;}
 #footer .footer_btm .right_link .f_sns li { float: right; height: 42px; }
 #footer .footer_btm .right_link .f_sns li a { display: block; width: 42px; height: 42px; background-color:#838383; text-indent: -999rem; border-radius: 50px; transition: ease-in-out 0.3s; }
 #footer .footer_btm .right_link .f_sns li.Youtube a:hover { background-color: #cc2e2f;}
 #footer .footer_btm .right_link .f_sns li.blog a:hover { background-color: #2fb14a;}
 #footer .footer_btm .right_link .f_sns li.instagram a:hover { background:linear-gradient(-45deg, #c63f94 0%, #edaa05 100%); }
 #footer .footer_btm .right_link .f_sns li.kakao a:hover { background-color: #edaa05;}
 #footer .footer_btm .right_link .f_sns li.facebook a:hover { background-color: #3d578f;}
 #footer .footer_btm .right_link .f_sns li a i { background:url('/images/www/main/layout_sp_uiux.png?build_20251205012') no-repeat; margin: 0 auto 0; display: block;}
 #footer .footer_btm .right_link .f_sns li.facebook a i { width: 10px; height: 18px; background-position: -12px -480px; margin-top: -11px; }
 #footer .footer_btm .right_link .f_sns li.blog a i { width: 12px; height: 17px; background-position: -64px -481px; margin-top: -12px; }
 #footer .footer_btm .right_link .f_sns li.Youtube a i { width: 21px; height: 21px; background-position: -111px -479px; margin-top: -14px; }
 #footer .footer_btm .right_link .f_sns li.instagram a i { width: 19px; height: 19px; background-position: -163px -480px; margin-top: -12px; }
 #footer .footer_btm .right_link .f_sns li.kakao a i { width: 20px; height: 21px; background-position: -207px -480px; margin-top: -13px; }
 #footer .footer_btm .line { width: 100%; height: 1px; background-color: #CDD1D5; display: block; margin: 34px 0 34px;}
 #footer .footer_btm .nj_copy2 { display:flex; width: 100%; justify-content: space-between;}
 #footer .footer_btm .util_copy .util { display: flex; gap:0 30px; margin-bottom: 5px;}
 #footer .footer_btm .util_copy .copy { color:#555; }
 #footer .footer_btm .mark { display: flex; justify-content: flex-end; margin-top: -13px; }
 #footer .footer_btm .mark a.wa { display: block; width: 90px; height: 64px; background:url('/images/www/main/newmain_wa.png?build_20251205012') no-repeat; text-indent: -999rem; background-size: 90px;}
 @media (max-width: 1500px) { .inner { width:100%;padding:0 3%;}
 #header .inner { min-width: inherit;}
 }
 @media (max-width: 1300px) { #footer .footer_top .sitebox.banner{ display: none;}
 #footer .footer_top .sitebox { width: 20%;}
 #footer .footer_btm .right_link ul.link li {margin-left: 20px; margin-top: 8px;}
 #footer .footer_btm .right_link .f_sns { margin-top: 27px;}
 }
  .popup_layor_box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 13; min-width: 815px;}
 .popup_layor_box .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.8; z-index: 0;}
 .popup_layor_box .popup_inner {position: relative; width: 100%; margin: 0 auto; height: 838px; box-sizing: border-box; margin-top: 60px; max-width: 1080px; min-width: 815px; letter-spacing: -0.6px;}
 .popup_layor_box .popup_inner .popup_top {background:linear-gradient(to right, #027bc2, #24a5a6); color: #fff; height: 136px; box-sizing: border-box; padding: 31px 30px 30px 135px; position: relative;}
 .popup_layor_box .popup_inner .popup_top .ico {display: block; width: 74px; height: 82px; background: url(/images/www/common/layor_popup_d_sp.png?build_20251205012) no-repeat 0 0; position: absolute; top: 22px; left: 42px;}
 .popup_layor_box .popup_inner .popup_top .info_tit p {float: left; line-height: 40px; margin-bottom: 3px;}
 .popup_layor_box .popup_inner .popup_top .info_tit .name {font-size: 30px;}
 .popup_layor_box .popup_inner .popup_top .info_tit .team { font-size: 18px; margin-left: 23px; position: relative; line-height: 44px; padding-left: 21px;}
 .popup_layor_box .popup_inner .popup_top .info_tit .team:after {content: ""; display: block; width: 2px; height: 15px; background-color: #fff; opacity:0.5; position: absolute; top: 16px; left: 0;}
 .popup_layor_box .popup_inner .popup_top .info_box .txt {clear: both; color: #c1e2ec; font-size: 16px;}
 .popup_layor_box .popup_inner .popup_top .close {position: absolute; right: 15px; top: 15px;}
 .popup_layor_box .popup_inner .popup_top .close a {background: url(/images/www/common/layor_popup_d_sp.png?build_20251205012) no-repeat -136px 4px; width: 20px; height: 20px; display: block; text-indent: -999999px; padding: 15px;}
 .popup_layor_box .popup_inner .popup_center .menu_list_table {height: 360px; overflow: auto;}
 .popup_layor_box .popup_inner .popup_center {box-sizing: border-box; background-color: #fff;}
 .popup_layor_box .popup_inner .popup_center table {margin: 34px auto; width: 95%;}
 .popup_layor_box .popup_inner .popup_center table td { border-bottom: 1px solid #ddd; padding: 12px; text-align: center; vertical-align: middle;}
 .popup_layor_box .popup_inner .popup_center table td a:hover {color: #1053b7;}
 .popup_layor_box .popup_inner .popup_center table th { background-color: #eee; padding: 12px;}
 .popup_layor_box .popup_inner .popup_center input.checkbox { margin-top: 2px; width: 17px; height: 17px; border-color: #000;}
 .popup_layor_box .popup_inner .popup_center .agree_btn_box {background-color: #eee; padding: 35px 0 38px;}
 .popup_layor_box .popup_inner .popup_center .agree_btn_box .agree_txt {text-align: center; margin-bottom: 18px;}
 .popup_layor_box .popup_inner .popup_center .agree_btn_box .btn {display: inline-block; text-align: center; width: 100%;}
 .popup_layor_box .popup_inner .popup_center .agree_btn_box .btn a {display: inline-block; padding: 10px 15px; width: 160px; background-color: #d64227; color: #fff; border-radius: 10px;}
 .popup_layor_box .popup_inner .popup_center .agree_btn_box .btn a:first-child { margin-right: 12px; background-color: #1c4c75; color: #fff;}
 .popup_layor_box .popup_inner .popup_center .agree_btn_box .btn a:first-child:hover { background-color: #ffb31f;}
 .popup_layor_box .popup_inner .popup_center .agree_btn_box .btn a:hover { background-color: #c8361b; transition: ease-in-out 0.3s;}
 .popup_layor_box .popup_close {background-color: #1c4c75; height: 46px; line-height: 46px; text-align: right; padding-right: 20px;}
 .popup_layor_box .popup_close .popup_close_r label {cursor: pointer; color: #fff;}
 .popup_layor_box .popup_close .popup_close_r label span.icon { display: inline-block; background: url(/images/www/common/layor_popup_d_sp.png?build_20251205012) no-repeat -97px -1px; width: 22px; height: 22px; vertical-align: middle; margin-left: 5px;}
  html, body, #wrap {height: 100%;}
 .gnb_web .gnbB_wrap{max-height:calc(100vh - 37.6rem);}
 .hide{position:absolute;top:-9999em;left:0;user-select:none;font-size:1rem;}
 #container .inner { position:relative; z-index:5;}
 #container .visbox { position:relative; padding-top:45px; min-height: 980px; overflow:hidden;}
 #container .visbox:before {content:""; display:block; position:absolute; width:100%; height:980px; left:0; top:-1px; background:linear-gradient(45deg, #e4f3f9, #f1f6e8); z-index:1;}
 #container .swiper{position:initial;}
 em { font-weight: 500;}
 @media (max-width:1100px){ #container .visbox, #container .visbox:before {height: 1160px;}
 }
 .tab .tab_cnt > ul, .tab .tab_cnt > div{display:none;}
 .tab .tab_cnt.on > ul, .tab .tab_cnt.on > div{display:block;}
  .notify_wrap { background-color: #EFF6FF; padding: 30px 0;}
 .notify_wrap .notify { background-color: #fff; display: flex; border-radius: 6px; height: 5.6rem; flex-wrap: nowrap;}
 .notify_wrap .notify .cate { width: 13.2rem; border-radius: 6px 50px 50px 6px; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; }
 .notify_wrap .notify .cate.safety { background-color: #00A651;}
 .notify_wrap .notify .cate.noti { background-color: #1A4AB9;}
 .notify_wrap .notify .cate.dangers { background-color: #C35050;}
 .notify_wrap .notify .cate i { background: url('/images/www/main/layout_sp_uiux.png?build_20251205012'); margin-right: .7rem;}
 .notify_wrap .notify .cate.safety i { width: 28px; height: 27px; background-position:-4.5rem -1.4rem; }
 .notify_wrap .notify .cate.noti i { width: 27px; height: 27px; background-position:-.9rem -1.4rem; }
 .notify_wrap .notify .cate.dangers i { width: 19px; height: 27px; background-position:-8.7rem -1.4rem; margin-top:-.5rem; }
 .notify_wrap .notify > div { display: flex; justify-content: space-between; width: calc(100% - 13.2rem);}
 .notify_wrap .notify .txt {align-content: center; margin: 0 2.5rem;}
 .notify_wrap .notify .txt a { color: #434343;}
 .notify_wrap .notify .more { background-color: #EDF1F5; border: 1px solid #BABABA; height: 3.4rem; line-height: 3.4rem; padding: 0 1rem; border-radius: .6rem; margin:10px 14px 0 0; width: 11.6rem; text-align: center;}
 .visbox h2 { font-size:30px; line-height: 46px;}
 .often_link { position: relative; float:left; width: 66%; margin-top: 36px;}
 .often_link h2 { width: 250px; float: left; margin-right:10px; }
 .often_link .tab_cnt h3 { float: left; }
 .often_link .tab_cnt h3 a { display: block; font-size: 18px; height: 46px; line-height: 44px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; background-color: #fff; padding: 0 22px; box-sizing: border-box; position: relative; font-weight: 600; }
 .often_link .tab_cnt:first-child h3 a { border-radius:25px 0 0 25px; border-left:1px solid #d8d8d8; padding-left:45px; }
 .often_link .tab_cnt:last-child h3 a { border-radius:0 25px 25px 0; border-right:1px solid #d8d8d8; padding-right:45px; }
 .often_link .tab_cnt h3 a:hover { color: #0c6192; transition:ease-in-out 0.5s;}
 .often_link .tab_cnt h3 a .pick { display:none; position: absolute; z-index: 1; top: -4px; left: 0; width: 100%; height: 52px; text-indent: -999999px; background-color:#027bc2; border-radius: 6px; }
 .often_link .tab_cnt.on h3 a { color: #fff;}
 .often_link .tab_cnt.on h3 a .tit { position: relative; z-index: 2; font-weight: 600;}
 .often_link .tab_cnt.on h3 a .pick { display: block; }
 .often_link .tab_cnt:first-child.on h3 a .pick { width: 81%; left: inherit; right: 0;}
 .often_link .tab_cnt:last-child.on h3 a .pick { width: 87%; left: 0; right: inherit;}
 .often_link .often ul { position: absolute; left: 0; width: 100%; top: 102px; height: 165px; }
 .often_link .often ul li { float: left; width: 14.2857%; text-align: center;}
 .often_link .often ul li.mt5 { margin-top: 0 !important;}
 .often_link .often ul li a { display: block; word-break: keep-all; font-size: 18px; width: 76%; margin: 0 auto;}
 .often_link .often ul li a em { display: block; margin-top: -3px;}
 .often_link .often ul li a .ico { display: block; background-color: #fff; width: 100%; max-width:90px; height: 83px; margin: 0 auto 20px; border-radius: 6px; box-shadow: 0.5px 0px 6px rgb(89 100 140 / 20%); position: relative; box-sizing: border-box; border: 2px solid #fff;}
 .often_link .often ul li a:hover .ico { box-shadow: none; transition:ease-in-out 0.5s; border: 2px solid #027bc2;}
 .often_link .often ul li a .ico:after { content: ""; display: block; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat; height: 44px; position: absolute; top: 50%; left: 50%; margin-top: -24px;}
  .often_link .often.minwon ul li { width: 14.2857%; }
 .often_link .often ul li.mw1 a .ico:after { width: 45px; margin-left: -22.5px; background-position: -399px -504px;}
 .often_link .often ul li.mw2 a .ico:after { width: 59px; margin-left: -31.5px; background-position: -60px -198px;}
 .often_link .often ul li.mw3 a .ico:after { width: 43px; margin-left: -21.5px; background-position: -141px -198px;}
 .often_link .often ul li.mw4 a .ico:after { width: 48px; margin-left: -24px; background-position: -456px -504px;}
 .often_link .often ul li.mw5 a .ico:after { width: 41px; margin-left: -20.5px; background-position: -272px -198px;}
 .often_link .often ul li.mw6 a .ico:after { width: 37px; margin-left: -16.5px; background-position: -336px -198px;}
 .often_link .often ul li.mw3 a { width:88% !important;}
  .often_link .admini ul li{width:16% !important;}
 .often_link .often ul li.am1 a .ico:after { width: 43px; margin-left: -21.5px; background-position: -390px -198px;}
 .often_link .often ul li.am2 a .ico:after { width: 38px; margin-left: -19px; background-position: -448px -198px;}
 .often_link .often ul li.am3 a .ico:after { width: 42px; margin-left: -21px; background-position: -501px -198px;}
 .often_link .often ul li.am4 a .ico:after { width: 44px; margin-left: -22px; background-position: -564px -198px;}
 .often_link .often ul li.am5 a .ico:after { width: 39px; margin-left: -19.5px; background-position: -625px -198px;}
 .often_link .often ul li.am6 a .ico:after { width: 50px; margin-left: -25px; background-position: -677px -198px;}
 .often_link .often ul li.am7 a .ico:after { width: 29px; margin-left: -14.5px; background-position: -743px -198px;}
  .often_link .often ul li.wf1 a .ico:after { width: 51px; margin-left: -25.5px; background-position: -1px -259px;}
 .often_link .often ul li.wf2 a .ico:after { width: 45px; margin-left: -22.5px; background-position: -61px -259px;}
 .often_link .often ul li.wf3 a .ico:after { width: 34px; margin-left: -17px; background-position: -120px -259px;}
 .often_link .often ul li.wf4 a .ico:after { width: 33px; margin-left: -16.5px; background-position: -170px -259px;}
 .often_link .often ul li.wf5 a .ico:after { width: 34px; margin-left: -17px; background-position: -216px -259px;}
 .often_link .often ul li.wf6 a .ico:after { width: 34px; margin-left: -17px; background-position: -263px -259px;}
 .often_link .often ul li.wf7 a .ico:after { width: 52px; margin-left: -26px; background-position: -311px -259px;}
  .often_link .often ul li.lf1 a .ico:after { width: 45px; margin-left: -22.5px; background-position: -423px -259px;}
 .often_link .often ul li.lf2 a .ico:after { width: 48px; margin-left: -24px; background-position: -480px -259px;}
 .often_link .often ul li.lf3 a .ico:after { width: 53px; margin-left: -26.5px; background-position: -541px -259px;}
 .often_link .often ul li.lf4 a .ico:after { width: 48px; margin-left: -24px; background-position: -607px -259px;}
 .often_link .often ul li.lf5 a .ico:after { width: 50px; margin-left: -25px; background-position: -669px -259px;}
 .often_link .often ul li.lf6 a .ico:after { width: 48px; margin-left: -24px; background-position: -732px -259px;}
 .often_link .often ul li.lf7 a .ico:after { width: 47px; margin-left: -23.5px; background-position: -793px -259px;}
  .often_link .often ul li.mt1 a .ico:after { width: 46px; margin-left: -23px; background-position: -513px -504px;}
 .often_link .often ul li.mt2 a .ico:after { width: 55px; margin-left: -27.5px; background-position: -74px -322px;}
 .often_link .often ul li.mt3 a .ico:after { width: 45px; margin-left: -22.5px; background-position: -674px -322px;}
 .often_link .often ul li.mt4 a .ico:after { width: 43px; margin-left: -21.5px; background-position: -573px -504px;}
 .often_link .often ul li.mt5 a .ico:after { width: 44px; margin-left: -22px; background-position: -630px -504px;}
 .often_link .often ul li.mt6 a .ico:after { width: 60px; margin-left: -30px; background-position: -606px -322px;}
 .often_link .often ul li.mt7 a .ico:after { width: 44px; margin-left: -22px; background-position: -549px -322px;}
  .often_link .often.edu ul li { width: 16.666%; }
 .often_link .often ul li.edu1 a .ico:after { width: 45px; margin-left: -19px; background-position: -752px -504px;}
 .often_link .often ul li.edu2 a .ico:after { width: 45px; margin-left: -22.5px; background-position: -435px -381px;}
 .often_link .often ul li.edu3 a .ico:after { width: 35px; margin-left: -17.5px; background-position: -496px -381px;}
 .often_link .often ul li.edu4 a .ico:after { width: 40px; margin-left: -20px; background-position: -546px -381px;}
 .often_link .often ul li.edu5 a .ico:after { width: 60px; margin-left: -30px; background-position: -685px -504px;}
 .often_link .often ul li.edu6 a .ico:after { width: 55px; margin-left: -27.5px; background-position: -74px -322px;}
 @media (max-width:1345px){ .often_link .tab_cnt h3 a{padding:0 15px;}
 .often_link .tab_cnt:first-child h3 a{padding-left:30px;}
 .often_link .tab_cnt:last-child h3 a{padding-right:20px;}
 }
 .often_fix { background-color: #fff; width: 100%; border: 1px solid #e6e6e6; height: 81px; border-radius: 6px; margin-top:297px; padding:23px 5%; box-sizing: border-box; }
 .often_fix ul { display: flex; gap:0 60px; }
 .often_fix li a { font-size: 17px; line-height: 34px; display: block;}
 .often_fix li a:hover { color: #0c6192; transition: ease-in-out 0.3s;}
 .often_fix li a:before {content: ""; display: block; float: left; height: 32px; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat; margin-right: 7px; }
 .often_fix li.srf a:before { width: 25px; background-position:-1px -511px; }
 .often_fix li.bus a:before { width: 24px; background-position:-38px -511px; }
 .often_fix li.sport a:before {width: 34px;background-position: -795px -206px;}
 .often_fix li.shopping a:before { width: 30px; background-position:-119px -511px; }
 .often_fix li.donation a:before { width: 34px; background-position:-697px -452px; }
 @media (max-width:1580px){ .often_fix li a em.hid { display: none;}
 }
 @media (max-width:1575px) and (min-width:1100px){ .often_link .often ul li a { font-size: 17px; line-height: 20px;}
 .often_fix { padding-top: 19px; height: 84px;}
 .often_fix ul { gap:0; }
 .often_fix li { width: 20%; margin-left: 0;}
 .often_fix li a { line-height: 17px;}
 .often_fix li.sport a { line-height:34px;}
 .often_fix li a em { display: block;}
 .often_fix li a:before { height: 39px; margin-right: 12px;}
 }
 @media (max-width:1175px) and (min-width:1100px){ .often_link h2 { font-size: 25px; line-height: 30px; width: 130px; margin-top: -7px;}
 .often_link h2 em { display: block;}
 }
 @media (max-width:1100px){ .often_fix ul { gap:0 60px; }
 .often_link .tab_cnt h3 a { padding: 0 25px;}
 }
 .weather_search_mayor {float: left; width: 31%; font-size: 17px; margin-left: 3%; margin-top: -5px;}
 .weather { height: 58px; line-height: 58px;}
 .weather .weather_img { display: block; float: left; height: 37px; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat; margin: 10px 8px 0 0; }
 .weather .cloudy, .weather .mostlycloudy, .weather .sunnycloudy { width: 45px; background-position:-208px -103px;}
 .weather .partlycloudy { width: 42px; background-position:-102px -103px;}
 .weather .clear, .weather .sunny { width:37px; min-width:inherit; background-position:-1px -103px;}
 .weather .snow { width:44px; background-position:-154px -103px;}
 .weather .lightning, .weather .rain { width:43px; background-position:-49px -103px;}
 .weather .w_none { width: 45px; background-position:-263px -103px;}
 .weather .info { height: 57px; float: left; overflow: hidden;}
 .weather .info .temperature { margin-right: 10px;}
 .weather .info .temperature span { display: block; float: left; height: 21px; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat; text-indent: -999999px; margin: 18px 2px 0 0;}
 .weather .info .temperature .wn1 { width: 10px; background-position: -1px -158px;}
 .weather .info .temperature .wn2 { width: 14px; background-position: -15px -158px;}
 .weather .info .temperature .wn3 { width: 14px; background-position: -31px -158px;}
 .weather .info .temperature .wn4 { width: 16px; background-position: -46px -158px;}
 .weather .info .temperature .wn5 { width: 14px; background-position: -64px -158px;}
 .weather .info .temperature .wn6 { width: 14px; background-position: -80px -158px;}
 .weather .info .temperature .wn7 { width: 13px; background-position: -96px -158px;}
 .weather .info .temperature .wn8 { width: 14px; background-position: -111px -158px;}
 .weather .info .temperature .wn9 { width: 13px; background-position: -128px -158px;}
 .weather .info .temperature .wn0 { width: 14px; background-position: -144px -158px;}
 .weather .info .temperature .wnj { width: 6px; background-position: -160px -158px;}
 .weather .info .temperature .wcb { width: 25px; background-position: -169px -158px;}
 .weather .info > span { display: block;  float: left;}
 .weather .info .dust:before { content: ""; display: block; width: 2px; height:13px; background-color: #bababa; float: left; margin: 23px 11px 0 9px; }
 .weather .info .dust em { color: #027bc2;}
 .weather .info .dust_wrap{float:left; height: 60px;}
 .main_search { border: 2px solid #027bc2; border-radius: 10px; background-color: #fff; height: 66px; position: relative; margin-top: 10px; }
 .main_search #main_search { height: 100%; box-sizing:border-box; }
 .main_search #main_search .selectric-wrapper { float: left; width: 31%; height: 100%; padding: 18px 0 10px 6%; border: none; font-weight: 300; box-sizing: border-box; }
 .main_search #main_search .selectric-wrapper .selectric{border:0;background-color:transparent;}
 .main_search #main_search .selectric-wrapper option { font-weight: 300; padding: 10px 5px;}
 .main_search #main_search .selectric-wrapper button { content: ""; display: block; width: 11px; height: 7px; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat -145px -22px; border: none; text-indent: -999999px; margin: 11px 0 0 0;}
 .main_search #main_search .selectric-items { left: 8%; }
 .main_search #main_search .input_wrap { position: relative; width:69%; height: 100%; float: left; }
 .main_search #main_search .input_wrap label {position:absolute;top:-9999em;left:0;user-select:none;font-size:1rem;}
 .main_search #main_search .input_wrap input[type="text"] { position: relative; border:none; line-height:61px; font-weight: 300; margin-left: 6%; background: none; width: 70%; height: 100%; z-index: 1; }
 .main_search #main_search .input_wrap button {display:block; position:absolute; border:none; text-indent:-999999px; top:12px; right:14px; width: 40px; height: 40px; background-color: #fff; cursor: pointer; }
 .main_search #main_search .input_wrap button:before { content: ""; display: block; float: left; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20251111007") no-repeat -384px -11px; width:28px; height:28px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -14px;}
 .main_search .selectric-label{font-weight:500;}
 .main_search .selectric-button{ position:absolute;background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat -725px -11px; text-indent:-999999px; top:4px;right:1px;width:17px;height:16px;}
 .main_search .selectric-items ul{font-size:14px;font-weight:500;}
 .main_search .selectric-items li{display:block;padding:10px;font-size:16px;font-weight:500;background-color:#f0f0f0;}
 .main_search .open {transform:scaleY(-1); top:8px;}
 .mayor h2 { font-size: 24px; font-weight: 600; margin: 17px 0 0 20px; padding-top: 20px;}
 .mayor h2 em {font-weight: 700; color:#027bc2; }
 .mayor .mbox { position: relative; width: 100%; height: 187px;}
 .mayor .mbox .photo { display: block; position: absolute; top:21px; right: 0; z-index: 2; width: 133px; height: 166px; background: url("/images/www/main/mayor_bg.png?build_20251205012") no-repeat; text-indent: -999rem;}
 .mayor .mbox .photo::after { content:''; display: block; position: absolute; top:-4px; right: 36%; background: url("/images/www/main/mayor_photo_gov.png?build_20251205012") no-repeat; width: 183px; height: 171px; }
 .mayor .mbox ul { margin: 12px 0 0 20px; width: 166px; }
 .mayor .mbox ul li:first-child { border-bottom: 1px solid #ddd;}
 .mayor .mbox ul li a { display: block; height:46px; line-height: 46px; }
 .mayor .mbox ul li a .icon { margin: -3px 0 0 3px}
 .mayor .lbox { border: 1px solid #e6e6e6; background-color: #fff; border-radius: 6px; }
 .mayor .lbox ul { display: flex; align-items: center; height: 79px; justify-content: center; gap: 0 32px; flex-wrap: wrap; }
 .mayor .lbox ul li { position: relative;}
 .mayor .lbox ul li:before { content: ''; display: block; position: absolute; left:-16px; top: 7px; width: 2px; height:12px; background-color: #C5C5C5; }
 .mayor .lbox ul li:first-child:before { display: none;}
 @media (max-width:1500px) and (min-width:1100px){ .mayor h2 { padding-top: 7px;}
 .mayor h2 span { display: block; line-height: 1.5;}
 .mayor .lbox ul { margin-top: 5px; padding: 11px 20px;}
 .mayor .mbox .photo::after { right: 20%;}
 }
 @media (max-width:1380px) and (min-width:1100px){ .mayor h2, .mayor .mbox ul { margin-left: 0;}
 .weather .info .temperature { float: left; width: 30%; margin-right: 0;}
 .weather .info .w_txt,.weather .info .dust { width: 63%; line-height:20px; font-size: 16px; }
 .weather .info .w_txt { margin-top: 9px; }
 .weather .info .dust:before { display: none;}
 .weather .info .dust_wrap{line-height:0; }
 }
 @media (max-width:1260px){ .main_search #main_search .input_wrap label { left: 30px;}
 .weather_search_mayor { font-size: 17px; width: 33%; margin-left:1%;}
 .weather .info .temperature { float: left; width: 30%; margin-right: 0;}
 .weather .info .w_txt,.weather .info .dust { width: 58%; line-height:20px; margin-left:4%; font-size: 16px; }
 .weather .info .w_txt { margin-top: 9px;}
 .weather .info .dust:before { display: none;}
 .weather .info .dust_wrap{height:30px;width: 69%; margin-left:1%; line-height: 30px;overflow: hidden;}
 .weather .weather_img { margin-right: 3px !important;}
 }
 @media (max-width:1100px){ .often_link { position: absolute; width: 100%; top:230px; float: none; }
 .weather_search_mayor { width: 100%; float: none; margin-left: 0; margin-top: -25px; display: flex; gap:30px; border-bottom: 1px solid #ddd;}
 .weather_search {width: 35%; margin-top: 50px;}
 .mayor { display: flex; gap:30px; margin-top: 25px; width: calc(65% - 30px);}
 .mayor h2 { margin-top: 0;}
 .mayor .lbox { width: 220px; height: 140px; margin-top: 20px;}
 .mayor .lbox ul { padding: 16px 20px 20px; display: inherit; height: inherit;}
 .mayor .lbox ul li:before { display: none;}
 .mayor .lbox ul li {border-bottom: 1px solid #e6e6e6; padding: 5px 0;}
 .mayor .lbox ul li:last-child { border: none; }
 .mayor .mbox .photo::after { right: 20%;}
 }
 @media (max-width:910px){ .mayor:before {left: -35px;}
 .weather .info {min-width: 280px;}
 }
  .control_box > a { display: block; background-color: #fff; float: left; border: 2px solid #c6c6c6; border-radius: 6px; box-sizing: border-box; height: 44px; width: 43px; line-height: 41px; font-size: 17px; padding:0 10px; margin-left: 7px; text-indent: -999999px; position: relative; top: initial; left: initial; right: initial; opacity: 1 !important; background-image: none; margin-top: 0;}
 .control_box > a:after { content: ""; display: block; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat; height: 13px; position: absolute; top: 50%; left: 50%; margin-top: -6.5px;}
 .control_box > a.prev:after { background-position:-432px -18px; width:8px; margin-left: -4px; }
 .control_box > a.next:after { background-position:-457px -18px; width:8px; margin-left: -4px; }
 .control_box > a.stop:after { background-position:-479px -18px; width:11px; margin-left: -5.5px; }
 .control_box > a.stop.on:after { background-position:-692px -18px; width:9px; margin-left: -4.5px; }
 .control_box > a.more:after { background-position:-540px -18px; width:13px; margin-left: -6.5px; }
 .control_box > a:hover { transition: ease-in-out 0.5s; border: 2px solid #027bc2;}
 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0;}
 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0;}
 .vis_popup { clear: both; width: 46%; float: left; max-width: 688px; position: relative; margin-right: 4%; margin-top: 60px;}
 .vis_popup h2 { text-indent: -999999px; width: 0; height: 0; }
 .vis_popup .vis_wrap { max-width: 688px; max-height: 324px; width: 100%; height: 100%; overflow: hidden;}
 .vis_popup .vis_wrap .swiper-slide a { display: block;}
 .vis_popup .vis_wrap .swiper-slide a img { display: block; border-radius: 12px; width: 100%; height:324px;}
 .vis_popup .control_box {position: absolute; bottom:-70px; right: 0; z-index: 10;}
 .vis_popup .control_box > a.more { text-indent: 1px; width: 86px; padding-left: 36px;}
 .vis_popup .control_box > a.more:after { width: 18px; height: 16px; background-position:-506px -16px; margin: -8px 0 0 0; left: 13px; }
 .vis_popup .control_box > a.btn_more:after{ background-position: -540px -18px; width: 13px; margin-left: -6.5px;}
 .vis_popup .control_box .pager { position: relative; bottom: initial; float: left; display: block; background-color: #fff; border: 2px solid #c6c6c6; border-radius: 6px; box-sizing: border-box; height: 44px; width:auto; line-height: 41px; font-size: 17px; padding:0 15px; margin-left: 7px; text-align: center;}
 .vis_popup .control_box .pager span { display: block; float: left; }
 .vis_popup .control_box .pager .swiper-pagination-total {color: #535353;}
 .vis_popup .control_box .pager .swiper-pagination-total:before { content: ""; display: block; background-color:#5e5e5e; width: 3px; height:12px; float: left; transform: rotate(30deg); border-radius: 10px; margin: 14px 10px 0 12px; }
 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}
 .naju_news { width: 50%; float: right; position: relative; margin-top: 60px;}
 .naju_news h2 { margin-bottom: 20px;}
 .naju_news .news_wrap { width: 100%; height: 258px; overflow: hidden;}
 .naju_news .news_wrap .swiper_news { width: 100%; height: 258px; }
 .naju_news .news_wrap .swiper-slide a { display: block; background-color: #fff; border-radius: 10px; width: 100%; height: 100%; box-sizing: border-box; padding: 25px 30px; border: 2px solid #fff; transition: ease-in-out 0.5s;}
 .naju_news .news_wrap .swiper-slide a:hover { border: 2px solid #027bc2; }
 .naju_news .news_wrap .swiper-slide a span { display: block;}
 .naju_news .news_wrap .swiper-slide a .date { font-size: 17px; color: #767676; line-height: 26px; letter-spacing: 0;}
 .naju_news .news_wrap .swiper-slide a .date .new { display: inline-block; margin-left: 8px; font-size: 16px; color:#e94848; font-weight: 600; letter-spacing: 0;}
 .naju_news .news_wrap .swiper-slide a .tit { font-size:20px; color: #2f2f2f; word-break: keep-all; margin: 10px 0; line-height: 28px; height: 56px; overflow: hidden; }
 .naju_news .news_wrap .swiper-slide a .txt { font-size: 16px; color: #626262; line-height: 21px; word-break: keep-all; height: 42px; overflow: hidden;}
 .naju_news .news_wrap .swiper-slide a .writer { margin-top: 23px; background-color:#027bc2; height: 35px; line-height: 35px; color: #fff; width: auto; display: inline-block; border-radius: 30px; padding: 0 20px 0 18px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; max-width: 80%;}
 .naju_news .news_wrap .swiper-slide a .writer:before { content: ""; display: block; width: 18px; height: 21px; float: left; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat -257px -15px; margin: 6px 8px 0 0; }
 .naju_news .control_box { position: absolute; top: 0; right: 0;}
 @media screen and (max-width:1100px){ .vis_popup, .naju_news { margin-top: 482px;}
 }
 @media screen and (max-width:1000px){ .vis_popup { width: 50%;}
 .naju_news { width: 45%;}
 .naju_news h2 { font-size: 25px;}
 .naju_news .news_wrap .swiper-slide a { padding:19px 30px; }
 .naju_news .news_wrap .swiper-slide a .txt , .naju_news .news_wrap .swiper-slide a .writer { display: none;}
 .naju_news .news_wrap .swiper-slide a .tit { font-size: 18px; line-height: 26px; margin: 3px 0;}
 }
 .notice_popupzone { margin: 66px 0 60px 0; display: inline-block; width: 100%; position: relative; z-index: 4;}
 .notice { width: 52%; float: left; margin-right: 3%;}
 .notice .notice_wrap { border: 2px solid #e0e0e0; border-radius: 10px; position: relative; display: inline-block; height: 419px; width: 100%;}
 .notice .notice_wrap:before { content: ""; display: block; width: 100%; height:68px; border-bottom: 1px solid #e0e0e0; position: absolute; left: 0; top: 0; background-color: #f6f6f6; border-radius: 6px 6px 0 0; z-index: 1; }
 .notice .notice_wrap .tab_cnt .tab_btn { display: block; float: left; width: 19%; position: relative; z-index: 2; line-height: 68px; text-align: center; font-size: 19px; color: #535353; border-right:1px solid #e0e0e0; box-sizing: border-box; font-weight: 600;}
 .notice .notice_wrap .tab_cnt .tab_btn:hover { background-color: #fff; transition: ease-in-out 0.5s;}
 .notice .notice_wrap .tab_cnt:first-child .tab_btn:hover { border-radius: 10px 0 0 0;}
 .notice .notice_wrap .tab_cnt .tab_btn span { position: absolute; display: none; left: 0; width: 100%; background-color: #fff; height: 2px; bottom: -1px; text-indent: -999999px;}
 .notice .notice_wrap .tab_cnt.on:first-child .tab_btn:hover { border-radius: 10px 0 0 0;}
 .notice .notice_wrap .tab_cnt.on .tab_btn { background-color: #fff; color: #000;}
 .notice .notice_wrap .tab_cnt.on .tab_btn span { display: block;}
 .notice .notice_wrap .tab_cnt.on.coverage .tab_btn { border-radius: 10px 0 0 0;}
 .notice .notice_wrap .noti ul { position: absolute; width: 100%; top: 98px; }
 .notice .notice_wrap .noti ul li.top_txt { border-bottom: 1px solid #e0e0e0; height: 164px; margin-bottom: 30px;}
 .notice .notice_wrap .noti ul li a { display: block; width: 92%; margin: 0 auto; box-sizing: border-box;}
 .notice .notice_wrap .noti ul li a span { display: block;}
 .notice .notice_wrap .noti ul li.top_txt a .date { width: 100px; height: 118px; border: 5px solid #d4d7d7; text-align: center; box-sizing: border-box; position: absolute; top: 5px;}
 .notice .notice_wrap .noti ul li.top_txt a .day { font-size:38px; color:#0972af; font-weight: 600; padding-top: 26px; }
 .notice .notice_wrap .noti ul li.top_txt a .new { position: absolute; top: -16px; right: 8px; font-size: 16px; color:#e94848; font-weight: 700; background-color: #fff; padding: 0 3px;}
 .notice .notice_wrap .noti ul li.top_txt a .month { color: #5a5a5a; font-size: 16px; margin-top: 5px;}
 .notice .notice_wrap .noti ul li.top_txt a .tit, .notice .notice_wrap .noti ul li.top_txt a .txt, .notice .notice_wrap .noti ul li.top_txt a .writer { padding-left:130px; }
 .notice .notice_wrap .noti ul li.top_txt a:hover .tit, .notice .notice_wrap .noti ul li.top_txt a:hover .txt, .notice .notice_wrap .noti ul li.top_txt a:hover .writer { text-decoration: underline; }
 .notice .notice_wrap .noti ul li.top_txt a .tit { font-size: 23px; line-height: inherit; width: 70%;}
 .notice .notice_wrap .noti ul li.top_txt a .txt { font-size: 16px; color:#5a5a5a; line-height: 24px; height: 44px; overflow: hidden; margin: 12px 0 10px;}
 .notice .notice_wrap .noti ul li.top_txt a .writer { color: #515777; font-size: 17px; display: block; width: 90%;}
 .notice .notice_wrap .noti ul li > a > span { float: left; line-height: 32px; font-size: 17px;}
 .notice .notice_wrap .noti ul li a::after{content:'';display:block;clear:both;}
 .notice .notice_wrap .noti ul li a .tit { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 67%; }
 .notice .notice_wrap .noti ul li a .writer { width: 18%; color: #515777; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
 .notice .notice_wrap .noti ul li a .date { width: 15%; color: #5a5a5a; font-size: 16px; letter-spacing: 0; text-align:right;}
 .notice .notice_wrap .noti ul li a:hover .tit, .notice .notice_wrap .noti ul li a:hover .writer { text-decoration: underline;}
 .notice .notice_wrap .noti .more { position: absolute; right: 27px; top: 0; z-index: 2; }
 .notice .notice_wrap .noti .more a { display: block; font-size: 16px; line-height: 68px;}
 .notice .notice_wrap .noti .more a:after { content: ""; display: block; width: 13px; height: 13px; z-index: 2; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat -540px -18px; float: right; margin: 26px 0 0 7px; }
 .notice .notice_wrap .noti .more a em { display: block; text-indent: -999999px; height: 0; line-height: inherit; width: 0;}
 .popupzone { width: 45%; float: left; position: relative;}
 .popupzone h2 { font-size: 30px; line-height: 46px; margin-bottom: 25px; margin-top: 20px;}
 .popupzone h2 em { font-weight: 400; }
 .popupzone .popup_wrap { width: 100%; height:332px; overflow: hidden; }
 .popupzone .popup_wrap .swiper-slide a { display: block; max-width: 319px;}
 .popupzone .popup_wrap .swiper-slide a img { width:100%; height: 332px; border-radius: 12px;}
 .popupzone .control_box { position: absolute; top: 15px; right: 0;}
 @media screen and (max-width:1340px){ .notice .notice_wrap .noti ul li a .writer { display: none;}
 .notice .notice_wrap .noti ul li a .tit { width: 80%;}
 .notice .notice_wrap .noti ul li a .date { width: 20%;}
 }
 @media screen and (max-width:1250px){ .notice { width: 66%; margin-right: 4%;}
 .popupzone { width: 30%; }
 .popupzone h2 { margin-top: -10px; margin-bottom: 23px; line-height: 39px; font-size: 29px;}
 .popupzone h2 em { font-weight: 400; display: block; }
 .popupzone .popup_wrap .swiper-slide a {max-width: inherit;}
 .popupzone .control_box > a { margin-left: 5px;}
 }
 @media screen and (max-width:1120px){ .notice { width: 63%; margin-right: 4%;}
 .popupzone { width: 33%; }
 .popupzone h2 { font-size: 25px;}
 }
 .nownaju { position: relative; z-index: 4 !important;}
 .nownaju h2 { font-size: 34px; line-height: 50px; float: left; margin-right: 36px; margin-top: -5px; }
 .nownaju h2 em { font-weight: 500; margin-right: 7px; }
 .nownaju .tab_cnt h3 { position: absolute; top:0;}
 .nownaju .tab_cnt h3 a { display: block; font-size: 18px; line-height: 43px; height: 46px; border-top: 2px solid #d8d8d8; border-bottom: 2px solid #d8d8d8; padding: 0 20px; position: relative; font-weight: 400;}
 .nownaju .tab_cnt h3 a .tit { position: relative; z-index: 2; font-weight: 600;}
 .nownaju .tab_cnt h3 a:hover .tit { color:#0c6192; transition: ease-in-out 0.5s;}
 .nownaju .tab_cnt h3 a .pick { display: none; text-indent: -999999px; position: absolute; z-index: 1; top: -6px; width: 100%; height: 56px; background-color:#027bc2; border-radius: 6px; left: 0;}
 .nownaju .tab_cnt:first-child h3{ left: 180px;}
 .nownaju .tab_cnt:first-child h3 a { border-radius: 30px 0 0 30px; border-left: 2px solid #d8d8d8; padding-left: 50px; font-weight: 400; }
 .nownaju .tab_cnt:first-child h3 a .pick { width: 82%; right: 0; left: inherit;}
 .nownaju .tab_cnt:last-child h3{ left: 329px;}
 .nownaju .tab_cnt:last-child h3 a { border-radius: 0 30px 30px 0; border-right: 2px solid #d8d8d8; padding-right: 50px;}
 .nownaju .tab_cnt:last-child h3 a .pick { width: 82%; left: 0; }
 .nownaju .tab_cnt.on h3 a .tit { color: #fff;}
 .nownaju .tab_cnt.on h3 a .pick { display: block;}
 .nownaju_wrap { position: relative; height: 500px;}
 .nownaju_wrap .now.on .swiper{ display: block;}
 .nownaju_wrap .now .swiper { display: none; width: 100%; height: 383px; overflow: hidden; padding-top: 50px; box-sizing: border-box;}
 .nownaju_wrap .now .swiper-slide a { display: block;}
 .nownaju_wrap .now .swiper-slide a span { display: block;}
 .nownaju_wrap .now .swiper-slide a .img { margin-bottom: 27px;}
 .nownaju_wrap .now .swiper-slide a .tit { font-size: 20px; margin-bottom: 10px; height: 55px; line-height: 27px; word-break: keep-all; overflow: hidden; }
 .nownaju_wrap .now .swiper-slide a .date { color: #767676; display: inline-block; font-size: 17px; letter-spacing:0;}
 .nownaju_wrap .now .swiper-slide a .new { display: inline-block; margin-left: 5px; font-size: 16px; color:#e94848; font-weight: 600; letter-spacing:0;}
 .nownaju_wrap .now .swiper-slide a span img { border-radius: 12px; width: 100%; height: 212px;}
 .nownaju_wrap .now .control_box { position: absolute; top: 12px; right: 0;}
 .field { background-color:#e8f6fb; padding-top: 60px; padding-bottom: 75px; position: relative; z-index: 4;}
 .field h2 { font-size: 34px; line-height: 50px; float: left; margin-right: 20px; }
 .field h2 em { font-weight: 500; margin-right: 7px;}
 .field .txt { display: block; line-height: 63px; font-size: 17px;}
 .field_wrap { background-color: #fff; border-radius: 12px; margin-top: 16px; width: 100%; height: 333px; box-shadow: 0.5px 0px 6px rgb(89 100 140 / 20%); position: relative;}
 .field_wrap:after { content: ""; display: block; width: 100%; height: 72px; background-color:#027bc2; border-radius: 12px 12px 0 0;}
 .field_wrap .item { width: 100%;}
 .field_wrap .tab_cnt h3 a { display: block; box-sizing: border-box; float: left; width: 14.2857%; line-height: 72px; height: 72px; border-right: 1px solid #046bb6; text-align: center; font-size: 19px; color: #fff; position: relative; font-weight: 600;}
 .field_wrap .tab_cnt h3 a:hover { background-color: #0662af; transition: ease-in-out 0.3s;}
 .field_wrap .tab_cnt:last-child h3 > a { border-right: none;}
 .field_wrap .tab_cnt.on h3 > a { background-color:#0662af;}
 .field_wrap .tab_cnt:first-child h3 > a, .field_wrap .tab_cnt:first-child.on h3 > a, .field_wrap .tab_cnt:first-child h3 > a:hover { border-radius: 15px 0 0 0;}
 .field_wrap .tab_cnt:last-child h3 > a, .field_wrap .tab_cnt:last-child.on h3 > a, .field_wrap .tab_cnt:last-child h3 > a:hover { border-radius: 0 15px 0 0;}
 .field_wrap .tab_cnt h3 a span { display: none;}
 .field_wrap .tab_cnt.on h3 > a span { display: block; height: 7px; width: 16px; text-indent: -999999px; position: absolute; bottom: -7px; left: 50%; margin-left:-8px; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001?build_20221208001") no-repeat -726px -18px; }
 .field_wrap .item .box { position: absolute; top: 130px; left:50%; width: 94%; margin-left: -47%;}
 .field_wrap .item .box .img_ai { display: block; position: absolute; top:0; left: 0; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat;}
 .field_wrap .item .box ul { padding-left: 300px; }
 .field_wrap .item .box ul li { width: 14.2857%; float: left;}
 .field_wrap .item .box ul li a { display: block; width: 80%; text-align: center; font-size: 18px; margin: 0 auto; word-break: keep-all;}
 .field_wrap .item .box ul li a .ico { display: block; background-color:#f3f3f3; width: 100%; max-width: 95px; height: 85px; border-radius: 6px; margin: 0 auto 15px; position: relative; box-sizing: border-box; transition: ease-in-out 0.3s; border: 1px solid #f3f3f3;}
 .field_wrap .item .box ul li a:hover .ico { background-color: #f3f9fb; box-shadow: 0.5px 0px 6px rgb(89 100 140 / 20%); border: 2px solid #027bc2;}
 .field_wrap .item .box ul li a .ico:after { content: ""; display: block; height: 44px; position: absolute; left: 50%; top: 50%; margin-top:-22px; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat;}
  .field_wrap .item.welfare .box ul li{ width: 12.5%;}
 .field_wrap .item.welfare .box .img_ai { top: -26px; height: 181px; width: 261px; background-position: -8px -566px; }
 .field_wrap .item.welfare .box ul li.wf1 a .ico:after { width: 51px; margin-left: -25.5px; background-position: -1px -259px;}
 .field_wrap .item.welfare .box ul li.wf2 a .ico:after { width: 45px; margin-left: -22.5px; background-position: -61px -259px;}
 .field_wrap .item.welfare .box ul li.wf3 a .ico:after { width: 34px; margin-left: -17px; background-position: -120px -259px;}
 .field_wrap .item.welfare .box ul li.wf4 a .ico:after { width: 33px; margin-left: -16.5px; background-position: -170px -259px;}
 .field_wrap .item.welfare .box ul li.wf5 a .ico:after { width: 34px; margin-left: -17px; background-position: -216px -259px;}
 .field_wrap .item.welfare .box ul li.wf6 a .ico:after { width: 34px; margin-left: -17px; background-position: -263px -259px;}
 .field_wrap .item.welfare .box ul li.wf7 a .ico:after { width: 33px; margin-left: -16.5px; background-position: -372px -259px;}
 .field_wrap .item.welfare .box ul li.wf8 a .ico:after {width: 38px;margin-left: -16.5px;background-position: -749px -445px;}
  .field_wrap .item.economy .box ul li { width: 16.666%;}
 .field_wrap .item.economy .box .img_ai { top: -35px; left: 15px; height: 208px; width: 245px; background-position: -297px -566px; }
 .field_wrap .item.economy .box ul li.ecn1 a .ico:after { width: 33px; margin-left: -16.5px; background-position: -314px -322px;}
 .field_wrap .item.economy .box ul li.ecn2 a .ico:after { width: 39px; margin-left: -19.5px; background-position: -364px -322px;}
 .field_wrap .item.economy .box ul li.ecn3 a .ico:after { width: 48px; margin-left: -24px; background-position: -419px -322px;}
 .field_wrap .item.economy .box ul li.ecn4 a .ico:after { width: 50px; margin-left: -25px; background-position: -669px -259px;}
 .field_wrap .item.economy .box ul li.ecn5 a .ico:after { width: 48px; margin-left: -24px; background-position: -607px -259px;}
 .field_wrap .item.economy .box ul li.ecn6 a .ico:after { width: 55px; margin-left: -27.5px; background-position: -482px -322px;}
  .field_wrap .item.car .box .img_ai { top: -7px; left: 0; height: 164px; width: 271px; background-position: -561px -566px; }
 .field_wrap .item.car .box ul li.car1 a .ico:after { width: 31px; margin-left: -16.5px; background-position: -1px -381px;}
 .field_wrap .item.car .box ul li.car2 a .ico:after { width: 47px; margin-left: -19.5px; background-position: -53px -381px;}
 .field_wrap .item.car .box ul li.car3 a .ico:after { width: 56px; margin-left: -24px; background-position: -120px -381px;}
 .field_wrap .item.car .box ul li.car4 a .ico:after { width: 45px; margin-left: -25px; background-position: -196px -381px;}
 .field_wrap .item.car .box ul li.car5 a .ico:after { width: 55px; margin-left: -24px; background-position: -262px -381px;}
 .field_wrap .item.car .box ul li.car6 a .ico:after { width: 48px; margin-left: -27.5px; background-position: -732px -259px;}
 .field_wrap .item.car .box ul li.car7 a .ico:after { width: 41px; margin-left: -27.5px; background-position: -333px -381px;}
  .field_wrap .item.education .box .img_ai { top: -13px; left: 30px; height: 167px; width: 233px; background-position: -10px -786px; }
 .field_wrap .item.education .box ul li.edu1 a .ico:after { width: 45px; margin-left: -19px; background-position: -752px -504px;}
 .field_wrap .item.education .box ul li.edu2 a .ico:after { width: 45px; margin-left: -22.5px; background-position: -435px -381px;}
 .field_wrap .item.education .box ul li.edu3 a .ico:after { width: 35px; margin-left: -17.5px; background-position: -496px -381px;}
 .field_wrap .item.education .box ul li.edu4 a .ico:after { width: 40px; margin-left: -20px; background-position: -546px -381px;}
 .field_wrap .item.education .box ul li.edu5 a .ico:after { width: 41px; margin-left: -20.5px; background-position: -598px -381px;}
 .field_wrap .item.education .box ul li.edu6 a .ico:after { width: 60px; margin-left: -30px; background-position: -685px -504px;}
 .field_wrap .item.education .box ul li.edu7 a .ico:after { width: 55px; margin-left: -27.5px; background-position: -74px -322px;}
  .field_wrap .item.city .box ul li { width: 20%;}
 .field_wrap .item.city .box .img_ai { top: -24px; left: 30px; height: 191px; width: 248px; background-position: -283px -786px; }
 .field_wrap .item.city .box ul li.ct1 a .ico:after { width: 42px; margin-left: -21px; background-position: -808px -504px;}
 .field_wrap .item.city .box ul li.ct2 a .ico:after { width: 50px; margin-left: -25px; background-position: -71px -445px;}
 .field_wrap .item.city .box ul li.ct3 a .ico:after { width: 37px; margin-left: -18.5px; background-position: -138px -445px;}
 .field_wrap .item.city .box ul li.ct4 a .ico:after { width: 49px; margin-left: -24.5px; background-position: -203px -445px;}
 .field_wrap .item.city .box ul li.ct5 a .ico:after { width: 53px; margin-left: -26.5px; background-position: -272px -445px;}
  .field_wrap .item.disaster .box ul li { width: 20%;}
 .field_wrap .item.disaster .box .img_ai { top: -24px; left: 30px; height: 198px; width: 247px; background-position: -567px -786px; }
 .field_wrap .item.disaster .box ul li.disa1 a .ico:after { width: 41px; margin-left: -20.5px; background-position: -338px -445px;}
 .field_wrap .item.disaster .box ul li.disa2 a .ico:after { width: 43px; margin-left: -21.5px; background-position: -391px -445px;}
 .field_wrap .item.disaster .box ul li.disa3 a .ico:after { width: 28px; margin-left: -14px; background-position: -449px -445px;}
 .field_wrap .item.disaster .box ul li.disa4 a .ico:after { width: 46px; margin-left: -23px; background-position: -494px -445px;}
  .field_wrap .item.natural .box ul li { width: 14.2857%;}
 .field_wrap .item.natural .box .img_ai { top: -24px; left: 30px; height: 190px; width: 227px; background-position: -10px -1000px; }
 .field_wrap .item.natural .box ul li.nt1 a .ico:after {width: 42px;margin-left: -18px;background-position: -558px -445px;}
 .field_wrap .item.natural .box ul li.nt2 a .ico:after {width: 46px; margin-left: -21px; background-position: -794px -259px;}
 .field_wrap .item.natural .box ul li.nt3 a .ico:after {width: 42px;margin-left: -18px;background-position: -799px -321px;}
 .field_wrap .item.natural .box ul li.nt4 a .ico:after {width: 47px;margin-left: -23.5px;background-position: -734px -321px;}
 .field_wrap .item.natural .box ul li.nt5 a .ico:after { width: 48px; margin-left: -24px; background-position: -480px -259px;}
 .field_wrap .item.natural .box ul li.nt6 a .ico:after {width: 50px;margin-left: -21px;background-position: -657px -384px;}
 .field_wrap .item.natural .box ul li.nt7 a .ico:after { width: 32px; margin-left: -16px; background-position: -600px -445px;}
 @media screen and (max-width:1500px){.field_wrap .item .box ul li a { font-size: 17px; line-height: 23px;}
}
 @media screen and (max-width:1180px){ .field_wrap .item .box { top: 125px;}
 .field_wrap .item .box .img_ai { display: none; }
 .field_wrap .item .box ul { padding-left: 0;}
 .field_wrap .tab_nav li a { font-size: 17px;}
 }
 .visitor { padding: 80px 0 50px; display: inline-block; width: 100%;}
 .visitor .inner { min-height: 450px; z-index: 4 !important;}
 .visitor h2 { font-size: 34px; line-height: 50px; float: left; margin-right: 40px; margin-top: -5px; }
 .visitor h2 em { font-weight: 500; margin-right: 7px;}
 .visitor_wrap { min-height: 315px;}
 .visitor .tab_cnt h3 { float: left;}
 .visitor .tab_cnt h3 a { display: block; font-size: 18px; line-height: 43px; height: 46px; border-top: 2px solid #d8d8d8; border-bottom: 2px solid #d8d8d8; padding: 0 20px; position: relative; font-weight: 400;}
 .visitor .tab_cnt h3 a .tit { position: relative; z-index: 2; font-weight: 600;}
 .visitor .tab_cnt h3 a .tit:hover { color: #0c6192; transition: ease-in-out 0.3s;}
 .visitor .tab_cnt h3 a .pick { display: none; text-indent: -999999px; position: absolute; z-index: 1; top: -6px; width: 100%; height: 56px; background-color:#027bc2; border-radius: 15px; left: 0;}
 .visitor .tab_cnt:first-child h3 a { border-radius: 30px 0 0 30px; border-left: 2px solid #d8d8d8; padding-left: 50px; }
 .visitor .tab_cnt:first-child h3 a .pick { width: 82%; right: 0; left: inherit;}
 .visitor .tab_cnt:last-child h3 a { border-radius: 0 30px 30px 0; border-right: 2px solid #d8d8d8; padding-right: 50px;}
 .visitor .tab_cnt:last-child h3 a .pick { width: 82%; left: 0; }
 .visitor .tab_cnt.on h3 a .tit { color: #fff;}
 .visitor .tab_cnt.on h3 a .pick { display: block;}
 .visitor .user .listbox { position: absolute; height:200px; width: 100%; box-sizing: border-box; border: 2px solid #e0e0e0; background-color:#f2f2f2; border-radius: 12px; left: 0; top:90px; }
 .visitor .user .listbox:after { content: ""; display: block; position: absolute; width: 229px; height: 157px; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat -266px -1032px; z-index: 3; right:40px; top:-120px;}
 .visitor .user .listbox:before { content: ""; display: block; position: absolute; background-color: #fff; border-radius: 6px; width: 98%; height: 171px; z-index: 2; box-sizing: border-box; top: 50%; left: 50%; margin: -86px 0 0 -49%; }
 .visitor .user .listbox ul { position: relative; z-index: 3; margin: 55px 4% 0 4%; display: inline-block;}
 .visitor .user .listbox ul li { float: left; width:15.66666%; margin-right: 1%; line-height: 25px; margin-bottom: 7px; }
 .visitor .user .listbox ul li:before { content: ""; display: block; width: 4px; height: 4px; float: left; border-radius: 10px; background-color: #559406; margin: 10px 4px 0 0;}
 .visitor .user .listbox ul li a { font-size: 18px; display: block;}
 .visitor .user .listbox ul li a:hover { color: #227917; transition: ease-in-out 0.3s;}
 .visitor .user.business .listbox ul li { width: 19%;}
 @media screen and (max-width:1440px){ .visitor .user.business .listbox ul li { width: 24%;}
 }
 @media screen and (max-width:1380px){ .visitor .user .listbox ul li a em { display: block; display: none;}
 }
 @media screen and (max-width:1140px){ .visitor h2 { font-size: 30px; margin-right: 30px;}
 .visitor .user .listbox:before { width: 96%; margin-left: -48%;}
 .visitor .user .listbox ul li a { font-size: 17px;}
 .visitor .user .listbox ul { margin: 38px 6% 0 6%;}
 .visitor .user .listbox ul li { width: 19%; margin-bottom:5px;}
 }
 @media screen and (max-width:1100px){ .visitor h2 { float: none; margin-top: -40px; margin-bottom: 20px;}
 .visitor_wrap { min-height: 295px;}
 .visitor .user .listbox { top: 145px;}
 .visitor .user .listbox ul { margin-top: 33px;}
 .visitor .user .listbox ul li { width: 24%;}
 .visitor .user .listbox ul li a { font-size: 16px;}
 .visitor .user .listbox ul li { margin-bottom: 2px;}
 .visitor .user.business .listbox ul li { width:32.3333%; margin-bottom: 2px; }
 }
 .visitor_fix { clear: both; width: 100%; border: 2px solid #e0e0e0; box-sizing: border-box; border-radius: 12px; padding:2% 4%; min-height: 98px;}
 .visitor_fix ul { display: flex; gap:6px 9%; flex-wrap: wrap;}
 .visitor_fix ul li a { display: block; font-size: 18px; line-height: 32px; }
 .visitor_fix ul li a:before { content: ""; display: block; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat; float: left; height: 32px; margin-right: 10px;}
 .visitor_fix ul li a:hover { color:#0c6192; transition: ease-in-out 0.3s;}
 .visitor_fix ul li.opendata a:before { width: 37px; background-position:-162px -511px;}
 .visitor_fix ul li.gov24 a:before { width: 38px; background-position:-215px -511px;}
 .visitor_fix ul li.sinmungo a:before { width: 30px; background-position:-269px -511px;}
 .visitor_fix ul li.trouble a:before { width: 29px; background-position:-312px -511px;}
 .visitor_fix ul li.shopping a:before { width: 30px; background-position:-119px -511px;}
 .visitor_fix ul li.lifemap a:before { width: 30px; background-position:-353px -511px;}
 .visitor_fix ul li.bitgaram a:before { width: 31px; background-position:-651px -452px;}
 @media screen and (max-width:1500px){ .visitor_fix ul { gap:6px 0; }
 .visitor_fix ul li { margin: 5px 0; width: 33.333%;}
 .visitor_fix ul li a { font-size: 17px;}
 }
 .sns_newsletter { height: 735px; position: relative; overflow:hidden;}
 .sns_newsletter:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height:100%; background-color:#f1f5e9; }
 .sns_newsletter .inner { padding-top: 100px; z-index: 4 !important;}
 .najusns { width: 100%; position: relative; }
 .najusns h2 { font-size: 34px; line-height: 50px; margin-bottom: 7px; }
 .najusns h2 em { font-weight: 500; margin-right: 10px;}
 .najusns p.txt { font-size: 19px; }
 .najusns p.txt em { font-weight: 600; background: linear-gradient(to right, #008e56, #1f4eab); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color: #fff;}
 .najusns .official { position: absolute; right: 3.3%; top: 33px;}
 .najusns .official li { float: left; margin-left: 12px;}
 .najusns .official li a { display: block; width: 44px; height: 45px; text-indent: -999999px; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat;}
 .najusns .official li.facebook a { background-position:-253px -48px; }
 .najusns .official li.blog a { background-position:-309px -48px; }
 .najusns .official li.youtube a { background-position:-365px -48px; }
 .najusns .official li.instaglam a { background-position:-421px -48px; }
 .najusns .official li.kakao a { background-position:-477px -48px; }
 .najusns .najusns_wrap { margin-top: 50px; width: 100%; height: 337px; overflow: hidden;}
 .najusns .najusns_wrap .swiper{height:100%;}
 .najusns .najusns_wrap .swiper-slide a { display: block; position: relative; max-width: 337px;}
 .najusns .najusns_wrap .swiper-slide a span { display: block;}
 .najusns .najusns_wrap .swiper-slide a .snsimg img { width: 100%; height:337px; border-radius: 15px; }
 .najusns .najusns_wrap .swiper-slide a .ico { display: block; width: 44px; height: 45px; text-indent: -999999px; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat; position: absolute; right: 20px; top: 20px; z-index: 3;}
 .najusns .najusns_wrap .swiper-slide a .ico.facebook { background-position:-253px -48px; }
 .najusns .najusns_wrap .swiper-slide a .ico.blog { background-position:-309px -48px; }
 .najusns .najusns_wrap .swiper-slide a .ico.youtube { background-position:-365px -48px; }
 .najusns .najusns_wrap .swiper-slide a .ico.instaglam { background-position:-421px -48px; }
 .najusns .najusns_wrap .swiper-slide a .ico.kakao { background-position:-477px -48px; }
 .najusns .najusns_wrap .swiper-slide a:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.0); border-radius: 15px;}
 .najusns .najusns_wrap .swiper-slide a:hover:after { background-color: rgba(0,0,0,.8); transition: ease-in-out 0.3s;}
 .najusns .najusns_wrap .swiper-slide a:hover .hover { display: block;}
 .najusns .najusns_wrap .swiper-slide a .hover { display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: 15px; padding: 80px 15% 0 15%; text-align: center; word-break: keep-all; }
 .najusns .najusns_wrap .swiper-slide a .hover span { display: block; position: relative; z-index: 3; color: #fff; overflow: hidden;}
 .najusns .najusns_wrap .swiper-slide a .hover .tit { font-size: 18px; color: #ffdc50; height: 48px;}
 .najusns .najusns_wrap .swiper-slide a .hover .txt { font-size: 16px; margin-top: 15px; height: 72px; color: #dadada;}
 .najusns .najusns_wrap .swiper-slide a .hover .btn { font-size: 16px; width: 73%; margin: 20px auto 0; border: 2px solid #fff; border-radius: 30px; padding: 8px 0;}
 .najusns .najusns_wrap .swiper-slide a .hover .btn:hover { border: 2px solid #ffdc50; transition: ease-in-out 0.3s; color: #ffdc50; }
 .najusns .control_box { position: absolute; left: 0; bottom: -80px;}
 .najusns .control_box > a { margin-right: 8px; margin-left: 0;}
 @media (max-width:1250px){ .najusns .official { top:0; }
 .najusns .official li { margin-left: 8px;}
 }
  .popup_all_wrapper{position: fixed; top:0; left: 0; right: 0; bottom: 0; padding: 50px 40px 40px; background-color: #000; background-color: rgba(0,0,0,0.7); z-index: 99999; display:none; min-width: 742px;}
 .popup_all_wrapper .popup_all_box{position: relative; padding:100px 35px 35px; background-color: #fff; height: 100%; box-sizing: border-box;}
 .popup_all_wrapper .popup_all_box .title_box{position: absolute; top:54px; left: 46px; font-size: 21px; height: 31px; line-height: 31px;}
 .popup_all_wrapper .popup_all_box .title_box span{display: inline-block; padding: 0 13px 0 11px; background-color: #046fd9; color: #fff; margin-left: 4px; margin-right:5px; border-radius: 50px;}
 .popup_all_wrapper .popup_all_box .popup_close{position: absolute; top: 31px; right: 31px; width: 38px; height: 38px; text-indent: -99999px;}
 .popup_all_wrapper .popup_all_box .popup_close:hover{transform: rotate(360deg); transition: ease-in-out 0.7s;}
 .popup_all_wrapper .popup_all_box .popup_close:before, .popup_all_wrapper .popup_all_box .popup_close:after{content: ''; position: absolute; top: 50%; left: 50%; width: 39px; height: 3px; background-color: #000; margin: -1.5px 0 0 -19.5px;}
 .popup_all_wrapper .popup_all_box .popup_close:before{transform: rotate(-45deg);}
 .popup_all_wrapper .popup_all_box .popup_close:after{transform: rotate(45deg);}
 .popup_all_wrapper .popup_all_box .scroll_box{height: 100%; overflow-y: auto; overflow-x: hidden;}
 .popup_all_wrapper .popup_all_box .scroll_box ul{display: inline-block; width: 100%;}
 .popup_all_wrapper .popup_all_box .scroll_box ul li {float: left; width:31.33%; margin: 0.8%;}
 .popup_all_wrapper .popup_all_box .scroll_box ul li img{width: 100%;}
 .noscroll{height:100%;min-height:100%;overflow:hidden !important;touch-action:none;}
 .swiper.off .swiper-wrapper{transform:translate3d(0, 0, 0) !important;}
 @media (max-width:1550px){.popup_all_wrapper .popup_all_box .scroll_box ul li { width:48%; margin: 1%; }
}
  #build .box {position: absolute;top: 160px;left:50%;width: 100%;margin-left: -40%;}
 #build .box ul li { width: 14.2857%; float: left;}
 #build .box ul li a {display: block;width: 70%;text-align: center;font-size: 18px;margin: 0 auto;word-break: keep-all;}
 #build .box ul li a .ico {display: block;background-color:#f3f3f3;width: 100%;max-width: 120px;height: 105px;border-radius: 15px;margin: 0 auto 15px;position: relative;box-sizing: border-box;transition: ease-in-out 0.3s;border: 1px solid #f3f3f3;}
 #build .box ul li a:hover .ico { background-color: #f3f9fb; box-shadow: 0.5px 0px 6px rgb(89 100 140 / 20%); border: 2px solid #027bc2;}
 #build .box ul li a .ico:after { content: ""; display: block; height: 44px; position: absolute; left: 50%; top: 50%; margin-top:-22px; background: url("/images/www/main/main_sp_new.png?build_20251205012?build_20230228001") no-repeat;}
 #build .box ul li{width: 20%;}
 #build .box ul li.mw1 a .ico:after {width: 61px;margin-left: -33px; background-position: -59px -198px;}
 #build .box ul li.mw2 a .ico:after {width: 45px;margin-left: -22.5px;background-position: -435px -381px;}
 #build .box ul li.mw3 a .ico:after {width: 60px;margin-left: -26px;background-position: -685px -504px;}
 #build .box ul li.mw4 a .ico:after {width: 50px;margin-left: -26px;background-position: -677px -198px;}