@import url("/font/SCoreDream/SCoreDream.css");

@font-face {
	font-family:'notokr-light';
	src:url('/font/notokr-light.eot'),
	url('/font/notokr-light.woff') format('woff'),
	url('/font/notokr-light.ttf') format('truetype');
	src:local("â€»"),
	url('/font/notokr-light.eot'),
	url('/font/notokr-light.woff') format('woff'),
	url('/font/notokr-light.ttf') format('truetype'),
	url('/font/notokr-light.svg#webfonturzspG4F') format('svg');
}

@font-face {
	font-family:'notokr-regular';
	src:url('/font/notokr-regular.eot'),
	url('/font/notokr-regular.woff') format('woff'),
	url('/font/notokr-regular.ttf') format('truetype');
	src:local("â€»"),
	url('/font/notokr-regular.eot'),
	url('/font/notokr-regular.woff') format('woff'),
	url('/font/notokr-regular.ttf') format('truetype'),
	url('/font/notokr-regular.svg#webfonturzspG4F') format('svg');
}

@font-face {
	font-family:'notokr-medium';
	src:url('/font/notokr-medium.eot'),
	url('/font/notokr-medium.woff') format('woff'),
	url('/font/notokr-medium.ttf') format('truetype');
	src:local("â€»"),
	url('/font/notokr-medium.eot'),
	url('/font/notokr-medium.woff') format('woff'),
	url('/font/notokr-medium.ttf') format('truetype'),
	url('/font/notokr-medium.svg#webfonturzspG4F') format('svg');
}

body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside {margin:0; padding:0;}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup {margin:0; padding:0;}
* {-webkit-text-size-adjust:none;}
body,textarea {}
body,input,textarea,select,button,table,th,td {font-style:normal; font-variant:normal; font-family:'notokr-regular' , dotum, sans-serif;}
body {color:#606060; font-size:15px; font-weight:normal;}

input,textarea,select,button {color:#606060; font-size:16px; vertical-align:middle;}
legend {display:none; margin:0; padding:0;}
pre{font-family:'notokr-regular' , dotum, sans-serif; white-space:pre; white-space:pre-wrap; word-wrap:break-word;}

img {border:0 none; vertical-align:middle;}
ul,ol,li,dl,dt,dd {list-style:none;}
a {color:#606060; text-decoration:none;}
a:hover,a:active,a:focus {text-decoration:underline;}
table {position:relative; width:100%; border-collapse:separate; border-collapse:collapse;}
table caption {width:0; height:0; overflow:hidden; font-size:0;}
em {font-style:normal;}
button:hover {cursor:pointer;}

/* common */
.blind {position:absolute !important; width:1px; height:1px; margin:-1px !important; overflow:hidden; clip:rect(1px,1px,1px,1px);}
.hidden {position:absolute; top:-9999px; left:-9999px; width:0; height:0; margin:0; padding:0; overflow:hidden; border:none; background:none; text-indent:-999em; line-height:0; line-height:0;}
.color-btn.green {border:1px solid #c8e0ac; background:#ebf5df; color:#639600;}
.color-btn.black {border:1px solid #111; background:#333; color:#fff;}

/* skip_area */
a.skip_area {display:block; position:absolute; z-index:1000; top:-60px; left:0; width:100%; height:40px; background:#404b57; color:#fff; font-size:15px; text-align:center; line-height:40px;}
a.skip_area:active, a.skip_area:focus {position:fixed; top:0;}

/* clear */
.clear {clear:both; height:0;}
.clearfix:after {display:block; visibility:hidden; clear:both; height:0; content:"";}

#wrap {position:relative; min-width:1300px;}
#header {font-family:"SCoreDream";}
#contents {position:relative; border-top:1px solid #cfcfcf;}

.width-auto {width:1200px; margin:0 auto;}

/* header */
#header_top {display:flex; align-items:center;}
#header_top > .width-auto {position:relative;}
#header_top h1 {position:absolute; z-index:30; left:0;top:40px;}
#header_top h1 a {line-height:1;}
#header_top .inner {display:flex; max-width:1200px; height:35px; margin:auto; align-items:center;justify-content:space-between;letter-spacing:-1px;}
#header_top .inner .site_list {display:flex;}
#header_top .inner .site_list > li {background:none;}
#header_top .inner .site_list > li:first-child a {padding-left:0;}
#header_top .inner .site_list > li + li {margin-left:5px;}
#header_top .inner .site_list > li > a {display:block; position:relative; padding-left:10px; color:#444; font-size:15px; font-weight:500; letter-spacing:-1px;}
#header_top .inner .site_list > li > a.on {color:#0375c2}
#header_top .inner .site_list > li > a.on:before {display:block; position:absolute; left:0; right:0; bottom:-16px; width:100%; height:4px; margin:auto; background:#3169c0; content:'';}
#header_top .inner .site_list > li + li > a:after {display:block; position:absolute; top:0; left:0; bottom:0; width:4px; height:4px; margin:auto; border-radius:100%; background:#dbdbdb; content:'';}

/* utill_nav */
.utill_nav {display:flex; color:#444; align-items:center;}
.utill_nav > ul {display:flex; margin-left:10px; align-items:center;}
.utill_nav > ul > li {position:relative;}
.utill_nav > ul > li + li {margin-left:10px; padding-left:10px;}
.utill_nav > ul > li + li:after {display:block; position:absolute; position:absolute; top:0; left:0; bottom:0; width:1px; height:16px; margin:auto; background:#ccc; content:'';}
.utill_nav > ul > li .btn_utile {height:22px; padding:0 10px; border:none; border-radius:10px; background:#848484; color:#fff; font-size:12px; line-height:22px; vertical-align:top;}
.utill_nav > ul > li .btn_login {padding-left:23px; background:url('/images/egovframework/com/bucheon/ctzn/layout/ico_login.png') no-repeat left 2px;}
.utill_nav > ul > li .btn_mypage {padding-left:23px; background:url('/images/egovframework/com/bucheon/ctzn/layout/ico_my.png') no-repeat left 2px;}
.utill_nav > ul > li .btn_join {padding-left:23px; background:url('/images/egovframework/com/bucheon/ctzn/layout/ico_join.png') no-repeat left 2px;}
.utill_nav > ul > li .btn_modify {padding-left:23px; background:url('/images/egovframework/com/bucheon/ctzn/layout/ico_modify.png') no-repeat left 2px;}
.utill_nav > ul > li .time {margin-right:5px; padding-left:23px; background:url('/images/egovframework/com/bucheon/ctzn/layout/ico_time.png') no-repeat left top; font-size:14px;}
.utill_nav > ul > li .user {margin-left:5px; color:#0375c2; font-weight:400;}

/* weather */
.weather .ico {position:relative; padding-left:30px; font-size:14px;}
.weather .ico:after {display:block; position:absolute; top:0; left:0; bottom:0; width:23px; height:25px; margin:auto; margin-top:-2px; background-repeat:no-repeat; background-position:center; background-size:100%; content:'';}
.weather .ico.ico01:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/ico_weather01.png');}
.weather .ico.ico02:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/ico_weather02.png');}
.weather .ico.ico03:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/ico_weather03.png');}
.weather .ico.ico04:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/ico_weather04.png');}
.weather .ico.ico05:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/ico_weather05.png');}
.weather .ico.ico06:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/ico_weather06.png');}
.weather .ico.ico07:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/ico_weather07.png');}
.weather .ico.ico08:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/ico_weather08.png');}
.weather .ico.ico09:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/ico_weather09.png');}
.weather .state {position:relative; margin-left:10px; padding-left:12px; font-size:14px;}
.weather .state:after {position:absolute; top:50%; left:0; width:5px; height:5px; margin-top:-2px; border-radius:100%; background:#cacaca; content:'';}
.weather .state em {display:inline-block; font-style:normal;}

/* zoom_tool */
.zoom_tool * {font-family:"SCoreDream"}
.zoom_tool .btn_toggle {display:inline-block; position:relative; height:39px; padding:0 25px 0 25px; border:none; background:url('/images/egovframework/com/bucheon/ctzn/layout/ico_font.png') no-repeat left center; opacity:1; vertical-align:top;}
.zoom_tool .btn_toggle span {color:#444; font-size:15px;}
.zoom_tool .btn_toggle:after {position:absolute; top:0; right:0; bottom:0; width:8px; height:6px; margin:auto; background:url('/images/egovframework/com/bucheon/ctzn/layout/bg_arr_utill.png') no-repeat left center; content:''; transition:0.2s;}
.zoom_tool .btn_toggle.active:after {transform:rotate(-180deg);}
.zoom_tool .zoom_menu {display:none; position:absolute; z-index:999999; top:38px; right:0; width:120px; margin:auto; border:1px solid #e6e6e6; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.15);}
.zoom_tool .zoom_menu .size_list {padding:7px 0;}
.zoom_tool .zoom_menu .size_list li {display:block; position:relative; width:100%; line-height:1;}
.zoom_tool .zoom_menu .size_list li a {display:block; padding:7px 20px; font-size:13px; text-align:left; letter-spacing:-1px;}
.zoom_tool .zoom_menu .size_list li a span {display:inline-block; position:relative; padding-left:25px;}
.zoom_tool .zoom_menu .size_list li a span:after {display:block; position:absolute; top:0; left:0; bottom:0; width:12px; height:12px; margin:auto; border:1px solid #000; border-radius:100%; content:"";}
.zoom_tool .zoom_menu .size_list li.on a span:after {background:#000;}
.zoom_tool .zoom_menu .size_list li a:hover {background:#ebf4ff;}
.zoom_tool .reset_box {background:#efefef;}
.zoom_tool .reset_box .btn_reset {display:block; width:100%; height:30px; margin-left:0; padding:0; border:none; background:none; opacity:1;}
.zoom_tool .reset_box .btn_reset span {display:inline-block; padding-left:20px; background:url('/images/egovframework/com/bucheon/ctzn/layout/btn_reset.png') no-repeat left center; font-size:13px; color:#484848}

/* gnb-box */
#gnb-box {border-top:1px solid #d1d1d1;}
#gnb-box .width-auto {position:relative;display:flex; justify-content:flex-end;}
#gnb-box #gnb-menu {position:relative; float:right; width:100%;}
#gnb-box #gnb-menu ul {display:flex; gap:25px}
#gnb-box #gnb-all {float:left; padding-top:7px;}

.menu-deaph1 > li {text-align:center; flex:auto;}
.menu-deaph1 > li > a {display:block; position:relative; padding:15px 0; color:#454545; font-size:18px; font-weight:500; text-align:center;}
.menu-deaph1 > li > a:hover {color:#e41b21; text-decoration:none;}
.menu-deaph1 > li > a.light {color:#e41b21; text-decoration:none;}
.menu-deaph1 > li > a.light > .bar-gnb {width:100%;}
.menu-deaph1 > li > a .bar-gnb {display:block; position:absolute; bottom:0; width:0; height:5px; background-color:#fe982b;}

.m-mbtn {display:none;}
.m-sbtn {display:none;}
.mb-logo {display:none;}
.mo-mbg {display:none; position:fixed; z-index:190; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4;}

/* menu-bx */
.menu-bx {display:none; position:fixed; z-index:200; top:0; left:0; width:70%; height:100%; background:#fff; overflow-y:auto;}
.menu-bx .mn-tbk {padding:10px; overflow:hidden; background:#1e88e5;}
.menu-bx .mb-mt {float:left; color:#fff; font-size:26px;}
.menu-bx .mb-mt > img {margin-top:-6px;}
.menu-bx .mn-clo {float:right;}
.menu-bx .log-out .log-out > li > a.on {color:#444; font-weight:bold;}
.menu-bx .log-out .log-out > li > a.on > span {color:#2758a7; font-size:14px;}
.menu-bx .log-out >  a.logout > span {background:url("/images/egovframework/com/bucheon/ctzn/main/layout_16.gif") left center no-repeat;}
.menu-bx .log-out >  a.on > span {background:url("/images/egovframework/com/bucheon/ctzn/main/layout_17.gif") left center no-repeat;}
.menu-bx .log-out >  a.on > span > strong {color:#fcd687; font-size:15px;}
.menu-bx .lgn-tg {display:flex; padding:15px 0; background:#195a92; text-align:center;}
.menu-bx .lgn-tg > a {display:inline-block; width:50%; line-height:21px;}
.menu-bx .lgn-tg > a:first-child {width:calc(50% - 5px); border-right:1px solid #7097b9;}
.menu-bx .lgn-tg > a > span {display:inline-block; padding-left:30px; color:#fff; font-size:15px;}
.menu-bx .lgn-tg > .log > span {background:url("/images/egovframework/com/bucheon/ctzn/main/log_ic.png") left center no-repeat;}
.menu-bx .lgn-tg > .joi > span {background:url("/images/egovframework/com/bucheon/ctzn/main/joi_ic.png") left center no-repeat;}

.mb-depth1 > li {border-bottom:1px solid #ccc;}
.mb-depth1 > li > a {display:block; position:relative; padding:20px; color:#333; font-size:18px;}
.mb-depth1 > li > a.active {/* background:url('/images/egovframework/com/bucheon/ctzn/main/layout_11.gif') no-repeat 95% center;*/}
.mb-depth1 > li > a.active:before {display:block; position:absolute; top:50%; right:10px; width:13px; height:8px; margin-top:-4px; background:url('/images/egovframework/com/bucheon/ctzn/main/layout_11.gif') no-repeat center; content:'';}
.mb-depth1 > li > a.active.on:before {background-image:url('/images/egovframework/com/bucheon/ctzn/main/layout_12.gif');}
.mb-depth1 > li > ul {background:#eee;}
.mb-depth1 > li > ul > li {border-top:1px solid #ccc;}
.mb-depth1 > li > ul > li > a {display:block; padding:20px; color:#797979; font-size:15px;}
.mb-depth2 {display:none;}

/* footer */
#footer {padding-bottom:30px; background:#242424;}
#footer .width-auto {position:relative;}
#footer .footer-floor1 {padding-top:15px; text-align:center;}
#footer .footer-floor1 > span {display:inline-block; padding:0 10px; background:url("/images/egovframework/com/bucheon/ctzn/main/layout_01.gif") no-repeat left 6px;}
#footer .footer-floor1 > span:first-child {background:none;}
#footer .footer-floor1 > span > a {color:#999; font-size:12px;}
#footer .footer-floor1 > span > a.on {color:#ff9900;}
#footer .footer-floor2 {margin-top:25px;}
#footer .footer-floor2-lf {float:left;}
#footer .footer-floor2-lf > div {float:left; color:#999; font-size:14px;}
#footer .footer-floor2-lf > div:first-child {margin-top:-10px; margin-right:30px;}
#footer .footer-floor2-rt {display:flex; float:right; gap:30px;justify-content:space-between;flex-wrap:wrap;}
#footer .footer-floor2-rt:after {display:none;}
#footer .callcenter {float:left; padding:3px 30px; border-right:1px solid #383838; border-left:1px solid #383838;}
#footer .callcenter > ul > li {margin-top:6px; color:#666; font-size:12px;}
#footer .callcenter > ul > li:first-child {margin-top:0; color:#999; font-size:16px;}
#footer .callcenter > ul > li.li02 {padding-left:35px; background:url("/images/egovframework/com/bucheon/ctzn/main/main42.gif") no-repeat left center; color:#ff9900; font-size:17px;}
#footer .callcenter > ul > li.li03 {padding-left:35px; background:url("/images/egovframework/com/bucheon/ctzn/main/main43.gif") no-repeat left center;}
#footer .vipcenter > p {color:#999; font-size:16px;}
#footer .vipcenter > ul {margin-top:12px;}
#footer .vipcenter > ul > li > a {display:inline-block; float:left; min-width:120px; margin:1px; padding:4px 15px; background:#666; color:#ccc; font-size:12px;}

/* 상단 긴급안내 */
.topmost_area {display:none; background:#ff8d45; color:#fff; font-size:14px;}
.topmost_area.on {display:block;}
.topmost_area .inner {position:relative; width:100%; max-width:1200px; min-height:40px; margin:0 auto; padding:20px 0;}
.topmost_area .list {width:100%; min-height:69px; padding:0 180px 0 100px; background:url('/images/egovframework/com/bucheon/ctzn/main/ico_topmost.png') no-repeat left center; box-sizing:border-box;}
.topmost_area .list > li + li {margin-top:10px;}
.topmost_area .list > li {font-size:20px; font-weight:bold;}
.topmost_area .list > li a {display:inline-block; color:#fff;}
.topmost_area button {border:transparent; outline:none; cursor:pointer;}
.topmost_area .action {display:inline-block; position:absolute; right:10px; bottom:25px; width:165px; font-size:12px;}
.topmost_area .action .chk_today {display:flex; justify-content:center;align-items:center;}
.topmost_area .action .chk_today input {width:17px; height:17px; border:none; border-radius:0;}
.topmost_area .action .chk_today .txt {display:inline-block; padding:0 30px 0 5px; vertical-align:middle;}
.topmost_area .btn_topmost_close{position:absolute; top:-5px; right:0; width:25px; height:25px; border:1px solid #fff; border-radius:50%; background:url('/images/egovframework/com/bucheon/ctzn/main/btn_topmost_close.png') no-repeat center; background-size:16px; background-size:10px 10px; box-sizing:border-box;;transition:0.4s;}
.topmost_area .btn_topmost_close:hover {transform:rotate(180deg);}

/* mpop */
.mpop_wrap_area {position:absolute; z-index:100; top:190px; left:50%; width:1130px; text-align:center; transform:translateX(-50%);}
.mpop_wrap {display:inline-block; position:relative; width:550px; margin:0 5px; border:1px solid #d7d7d7; box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5); vertical-align:top;}
.mpop_tit {padding:0 25px; background:#2e569b; text-align:left;}
.mpop_tit h3 {height:45px; color:#fff; font-size:16px; font-weight:normal; line-height:45px;}
.mpop_con_wrap {background-color:#fff; text-align:left;}
.mpop_con_wrap .img_area a {display:block;}
.mpop_con_wrap .img_area img {width:100% !important; max-width:100%; height:auto !important;}
.mpop_btm {padding:8px 0; background:#e4e4e4; text-align:center;}
.mpop_btm .btn_s {display:inline-block; min-width:70px; min-height:32px; padding:6px 15px 5px !important; border:none; background:#676767; color:#fff; font-size:14px; text-align:center; line-height:19px; cursor:pointer;}
.mpop_close {position:absolute; top:15px; right:13px; width:16px; height:16px; border:none; background:url('/images/egovframework/com/bucheon/ctzn/popup/bg_pop_close.png') no-repeat center; background-size:16px; font-size:0; transition:0.2s;}
.mpop_close:hover {cursor:pointer; transform:rotate(180deg);}

/* logout */
.logout_wrap {padding:120px 10px;}
.logout_wrap .box {max-width:600px; margin:auto; padding:50px 15px; border:1px solid #e0e0e0; background:#e9f3ff; text-align:center;}
.logout_wrap .box .btn_s {min-height:32px; margin:0 2px; font-size:16px; line-height:32px;}
.logout_wrap .box {text-align:center; line-height:1.6;}
.logout_wrap .msg .tit {display:block; margin-bottom:20px; font-size:22px;}
.logout_wrap .msg .txt {font-size:18px;}

/* 삭제 */
.all-menu {display:none;}
.mb-search {display:none; position:absolute; top:59px; left:0; width:100%; padding:12px 0; background:#0177de; text-align:center;}
.mb-search > a {display:inline-block; width:20%; height:46px; background:#44a7f9; line-height:45px;}
.mb-search > a > span {padding-left:20px; background:url("/images/egovframework/com/bucheon/ctzn/main/layout_14.gif") no-repeat left center; color:#fff; font-size:16px;}
.search-in {width:75% ; height:42px;}

/****************************************
media
****************************************/
@media screen and (max-width:1024px) {

	#wrap {min-width:340px;}
	#header_top .inner {display:none;}

	#header_top {height:61px; border-bottom:none; background:none;}
	#header_top > .width-auto {width:100%; border-right:none; border-left:none;}
	#header_top > .width-auto > h1 {position:static; text-align:center;}

	.m-mbtn {display:block; position:absolute; top:2px; left:10px;}
	.m-sbtn {display:block; position:absolute; top:0; right:0; padding:10px;}

	/* weather */
	.weather {position:absolute; top:-7px; left:110px; right:0; margin-right:55px;}
	.weather .ico {padding-left:25px; font-size:13px;}
	.weather .state {display:block; margin-top:1px; margin-left:0; padding-left:0; font-size:13px;}
	.weather .state:after {background:none;}
	.weather .ico.ico01:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/mb/ico_weather01.png');}
	.weather .ico.ico02:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/mb/ico_weather02.png');}
	.weather .ico.ico03:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/mb/ico_weather03.png');}
	.weather .ico.ico04:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/mb/ico_weather04.png');}
	.weather .ico.ico05:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/mb/ico_weather05.png');}
	.weather .ico.ico06:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/mb/ico_weather06.png');}
	.weather .ico.ico07:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/mb/ico_weather07.png');}
	.weather .ico.ico08:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/mb/ico_weather08.png');}
	.weather .ico.ico09:after {background-image:url('/images/egovframework/com/bucheon/ctzn/layout/mb/ico_weather09.png');}

	#gnb-box {display:none;}

	/* topmost_area */
	.topmost_area .action {bottom:10px;}
	.topmost_area .list {width:100%; padding:0 0 0 100px; background-position:10px center;}
	.topmost_area .list > li {font-size:15px}
	.topmost_area .inner {padding:20px 0 40px 0;}

	/* logout */
	.logout_wrap {min-width:360px; padding:100px 20px;}
	.logout_wrap .box {padding:35px 0;}
	.logout_wrap .msg .tit {margin-bottom:15px; font-size:17px;}
	.logout_wrap .msg .txt {font-size:15px;}
	.logout_wrap .btn_area {margin-top:20px;}

	/* mpop */
	.mpop_wrap_area {width:90%; top:60px}
	.mpop_wrap {width:100%; max-width:500px; margin:0 0 10px;}
	.mpop_tit {padding:0 8px;}
	.mpop_con_wrap {padding:8px;}

	/* footer */
	#footer {text-align:center;}
	#footer .footer-floor2-lf {float:none;}
	#footer .footer-floor2-lf > div {float:none;}
	#footer .footer-floor2-lf > div.logo {display:none;}
	#footer .footer-floor2-rt {display:flex; float:none; margin-top:10px; padding-top:10px; border-top:1px solid #383838;}
	#footer .callcenter {padding:3px 0; border:none;}

}

@media screen and (max-width:770px) {

	/* mpop */
	.mpop_tit h3 {height:32px; font-size:14px; line-height:32px;}
	.mpop_close {top:8px; right:8px;}
}

@media screen and (max-width:740px) {

	/* footer */
	#footer .footer-floor2-rt {justify-content:center;}
}

@media screen and (max-width:458px) {

	/* topmost_area */
	.topmost_area .list {padding:0 10px; background:none;}

	/* menu-bx */
	.menu-bx {width:85%; min-width:340px;}

	/* footer */
	#footer .footer-floor2-rt {display:block;}
	#footer .callcenter {float:none;}
	#footer .callcenter > ul > li.li02,
	#footer .callcenter > ul > li.li03 {padding-left:0; background:none;}
	#footer .vipcenter {float:none; padding:0; text-align:center;}
	#footer .vipcenter > ul {display:inline-block;}
	#footer .vipcenter > ul > li > a {display:block; float:none; margin:5px;}
}

@media screen and (min-width:1024px) {

	#header_top {height:50px;}
	#header_top h1 {top:70px;}
	#gnb-menu {display:flex; height:95px; margin-left:310px; justify-content:end;align-items:center;}

}