@charset "utf-8";

/* 루트 */
:root { 
	--main_color:#286CFF;
	--text_color:#222222;
	--sub_text_color:#656565;
}

/*공통*/
:root { --vh: 100%; }

button { background:none;border:none;cursor: pointer; }
a { cursor: pointer; }
.hwaseong_wrap input[type="checkbox"]{display: none;}
.hwaseong_wrap input[type="checkbox"] + label{	background:url(../img/check_off.svg) no-repeat left;}
.hwaseong_wrap input[type="checkbox"]:checked + label{	background:url(../img/check_on.svg) no-repeat left;}
.hwaseong_wrap .dim { background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;right:0;bottom:0;position:fixed;z-index:6;text-indent:-999px;overflow:hidden;display:none; }
.hwaseong_wrap .inner { max-width:1383px;margin:0 auto; }
.hwaseong_wrap header { border-bottom:1px solid #EFEFEF; }
.hwaseong_wrap header .header_common { display:flex;background:#fff;height:100px;justify-content: space-between;align-items: center; }
.hwaseong_wrap header .sub_menu_bg { display: none; position: absolute; top: 100px; left: 0; width: 100%; height: 206px; background: #FFFFFF; z-index: 9; text-indent: -999px}
.hwaseong_wrap header h1 a { display:block; }
.hwaseong_wrap header h1 img { vertical-align: middle; }
.hwaseong_wrap header .main_nav { display:flex;justify-content: space-between;align-items: center; }
.hwaseong_wrap header .main_nav nav { margin-right:40px; }
.hwaseong_wrap header nav > ul { display:flex;justify-content: space-between;align-items: center; }
.hwaseong_wrap header nav > ul > li { font-size:16px;position:relative;width: 176px;text-align: center; }
.hwaseong_wrap header nav > ul > li:last-child { margin-right:0; }
.hwaseong_wrap header nav > ul > li > a { font-weight:500;line-height:100px; }
.hwaseong_wrap header nav > ul > li:hover > a { color:var(--main_color); }
.hwaseong_wrap header nav > ul > li:hover .sub_menu { background:#F5FBFF; }
.hwaseong_wrap header nav .sub_menu { position:absolute;z-index:2;width:100%;left: 50%;transform: translateX(-50%);text-align:center;padding:24px 0;top:100%;z-index:10;height:206px;display:none; }
.hwaseong_wrap header nav .sub_menu li { margin-bottom:10px;padding: 10px 0; }
.hwaseong_wrap header nav .sub_menu a { font-size:16px;line-height:26px;font-weight:500; }
.hwaseong_wrap header nav .sub_menu a:hover { color:var(--main_color); }
.hwaseong_wrap header nav button { display:none; }
.hwaseong_wrap header .user_btns { display:flex;background:#F7FAFC;border-radius:100px;border:1px solid #DBDFE4;padding:6px 30px; }
.hwaseong_wrap header .user_btns button { display:block;text-indent:24px;font-weight:600;font-size:14px; }
.hwaseong_wrap header .user_btns .login_btn { background:url(../img/login_arr_btn.svg) no-repeat left; }
.hwaseong_wrap header .user_btns .logout_btn { background:url(../img/logout_arr_btn.svg) no-repeat left; }
.hwaseong_wrap header .user_btns .join_btn { position:relative;margin-left:47px; }
.hwaseong_wrap header .user_btns .join_btn::after { content:"";display:block;width:1px;height:12px;background:#DBDFE4;position:absolute;left:-26px;top:2px; }
.hwaseong_wrap header .user_btns .join_btn { background:url(../img/join_icon.svg) no-repeat left; }
.hwaseong_wrap header .mb_user_btns { display:none; }
.hwaseong_wrap .main_visual { padding:100px 0 240px 0;background:#9BC3FF url(../img/main_img.svg) no-repeat 56% 31%;position:relative; }
.hwaseong_wrap .main_visual .main_bg { display:flex;position:absolute;width:100%;bottom:0; }
.hwaseong_wrap .main_visual .main_bg div { width:100%;height:140px;text-indent:-999px;overflow:hidden; }
.hwaseong_wrap .main_visual .main_bg div:first-child { background:#9BC3FF; }
.hwaseong_wrap .main_visual .main_bg div:last-child { background:#fff; }
.hwaseong_wrap .main_visual .inner { position:relative; }
.hwaseong_wrap .main_visual .main_title p { line-height:26px;font-size:18px;margin-top:20px; }
.hwaseong_wrap .main_visual .main_title button { background:#5799FC url(../img/arr_right_blue.svg) no-repeat 89%;color:#fff;font-size:18px;font-weight:500;padding:10px 46px 10px 20px;border-radius:100px;line-height:26px;margin-top:36px;display:block; }
.hwaseong_wrap .main_visual .main_title button:hover { background:var(--main_color) url(../img/arr_right_blue.svg) no-repeat 89%; }
.hwaseong_wrap .main_visual .login_box { background:#fff url(../img/koreyo_img.svg) no-repeat 86% 24px;width:260px;padding:24px;border-radius: 20px;;position:absolute;right:0;top:10%; }
.hwaseong_wrap .main_visual .login_box strong { font-size:24px;font-weight:700;line-height:24px;width: 130px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.hwaseong_wrap .main_visual .login_box span { margin:12px 0 23px 0;font-size:16px;line-height:24px;display:block; }
.hwaseong_wrap .main_visual .login_box button { background:#3A88E7;border-radius: 12px;color:#fff;font-size:15px;width:100%;font-weight:600;line-height:24px;padding:10px 0; }
.hwaseong_wrap .main_menu_list { display:flex;justify-content: space-between;background: #fff;position: relative;top: -140px;padding: 40px;border-radius: 40px 0 0 0;z-index:1; }
.hwaseong_wrap .main_menu_list::before { content:"";display:block;width:50px;height:50px;background:url(../img/main_edge.svg) no-repeat;position:absolute;left:0;left: -49px;bottom: 11px; }
.hwaseong_wrap .main_visual .login_box button:hover { background:var(--main_color); }
.hwaseong_wrap .main_menu_list a { display:flex;align-items: center;text-align:left; }
.hwaseong_wrap .main_menu_list a:hover strong { color:var(--main_color); }
.hwaseong_wrap .main_menu_list > a > div:first-child span { text-indent: -999px;overflow:hidden;display: block;height: 100%; }
.hwaseong_wrap .main_menu_list strong { font-size:20px;line-height:26px;font-weight:600;display:block; }
.hwaseong_wrap .main_menu_list > a > div:last-child span { font-size:16px;line-height:26px;color:var(--sub_text_color);margin-top:4px; }
.hwaseong_wrap .main_menu_list a >div:first-child { margin-right:18px;width:72px;height:72px;border-radius: 100px; }
.hwaseong_wrap .main_menu_list .card_list > div:first-child { background:#EEF1FF; }
.hwaseong_wrap .main_menu_list .card_list > div:first-child span { background:url(../img/card_list_icon.png) no-repeat center / contain; }
.hwaseong_wrap .main_menu_list .support_fund > div:first-child { background:#DFFBFF; }
.hwaseong_wrap .main_menu_list .support_fund > div:first-child span { background:url(../img/support_fund_icon.png) no-repeat center / contain; }
.hwaseong_wrap .main_menu_list .card > div:first-child { background:#FFEFDB; }
.hwaseong_wrap .main_menu_list .card > div:first-child span { background:url(../img/card_icon.png) no-repeat center / contain; }
.hwaseong_wrap .main_menu_list .information > div:first-child { background:#FFF5D3; }
.hwaseong_wrap .main_menu_list .information > div:first-child span { background:url(../img/information_icon.png) no-repeat center / contain; }
.hwaseong_wrap .main_menu_list br { display:none; }
.hwaseong_wrap .main_news { display:flex;justify-content: space-between;margin-top: -100px; }
.hwaseong_wrap .main_news h2 { font-size:26px;font-weight:700;line-height:34px;margin-bottom:20px; }
.hwaseong_wrap .main_news .content_box { width:940px; }
.hwaseong_wrap .main_news .content_box > div { display:flex; }
.hwaseong_wrap .main_news .content_box a { height:260px;display:block;width:50%; }
.hwaseong_wrap .main_news .content_box a:hover .content_btn { background:url(../img/arr_right_hover.svg) no-repeat center / contain; }
.hwaseong_wrap .main_news .content_box h3 { font-size:22px;font-weight:600;line-height:34px;display:block;margin-bottom:18px; }
.hwaseong_wrap .main_news .notice { padding:30px;margin-right:24px;position:relative;border: 1px solid #efefef;border-radius: 30px; }
.hwaseong_wrap .main_news .content_box a::after { content:"";display:block;width:101px;height:101px;position:absolute;top:-1px;right:-1px; }
.hwaseong_wrap .main_news .notice::after { background:url(../img/notice_bg_edge.svg) no-repeat center; }
.hwaseong_wrap .main_news .qna::after { background:url(../img/qna_bg_edge.svg) no-repeat center; }
.hwaseong_wrap .main_news .notice .notice_title { font-size:16px;font-weight:500;line-height:28px;width:70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block; }
.hwaseong_wrap .main_news .content_box .content { color:#6F6F6F;font-size:16px;line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 3;-webkit-box-orient: vertical;width:88%;margin:12px 0 34px 0; }
.hwaseong_wrap .main_news .notice i { color:#9e9e9e;font-size:14px;line-height:26px;padding-left:20px;background:url(../img/date_icon.svg) no-repeat left; }
.hwaseong_wrap .main_news .qna { background:#f2f5fc url(../img/qna_img.png) no-repeat 90% bottom / 152px;padding:30px;position:relative;border-radius: 30px; }
.hwaseong_wrap .main_news .qna img { position:absolute;bottom:0;right:36px; }
.hwaseong_wrap .main_news .content_box .content_btn { text-indent:-999px;overflow:hidden;background:url(../img/arr_right_black.svg) no-repeat center / contain;width:50px;height:50px;position:absolute;right:6px;top:6px;z-index:1; }
.hwaseong_wrap .main_news .site { width:342px; }
.hwaseong_wrap .main_news .site .blue_btns { margin-bottom:42px; }
.hwaseong_wrap .main_news .site .blue_btns button { width:100%;background:#F4F9FF url(../img/arr_right_blue.svg) no-repeat 92% center;padding:10px 20px;text-align:left;border-radius:12px;font-size:16px;line-height:22px;margin-bottom:8px;border:1px solid transparent; }
.hwaseong_wrap .main_news .site .blue_btns button:hover { border:1px solid var(--main_color); }
.hwaseong_wrap .main_news .site .ezl_qr .title { display:flex;align-items: center;padding-left:32px;background:url(../img/qr_icon.svg) no-repeat left;margin-bottom:20px; }
.hwaseong_wrap .main_news .site .ezl_qr .title span { display:inline-block;font-size:18px;margin-left:4px; }
.hwaseong_wrap .main_news .site .ezl_btns { display:flex;justify-content: space-between; }
.hwaseong_wrap .main_news .site .ezl_btns button { font-size:15px;line-height:20px;display:flex;align-items: center;text-align:left;background:#F8F8F8 url(../img/arr_right_gray.svg) no-repeat 86% center;width:100%;border-radius: 12px;padding:18px 20px;border:1px solid transparent; }
.hwaseong_wrap .main_news .site .ezl_btns button:hover { border:1px solid var(--main_color); }
.hwaseong_wrap .main_news .site .ezl_btns button:first-child { margin-right:10px; }
.hwaseong_wrap .main_news .site .ezl_btns button span { margin-left:10px; }

/*푸터*/
.hwaseong_wrap footer { background:#FBFCFF;margin-top:72px;padding:20px 0; }
.hwaseong_wrap footer .inner { display:flex;justify-content: space-between;align-items: center; }
.hwaseong_wrap footer ul { margin-bottom:24px; }
.hwaseong_wrap footer ul li { font-size:14px;margin-right:36px;display:inline-block;line-height:28px; }
.hwaseong_wrap footer ul li:last-child { margin-right:0; }
.hwaseong_wrap footer ul li:last-child a { font-weight:700; }
.hwaseong_wrap footer .footer_address p , .hwaseong_wrap footer .footer_address address { color:#737373;font-size:14px;line-height:21px; }
.hwaseong_wrap footer .footer_content_box { background:#fff;border:1px solid #EFF2FF;border-radius:16px;display:flex;padding:18px 30px;justify-content: space-between;align-items: center; }
.hwaseong_wrap footer .call { background:url(../img/call_icon.svg) no-repeat left;padding-left:37px;margin-right:136px; }
.hwaseong_wrap footer .call span { color:#737373;font-size:14px;line-height:22px; }
.hwaseong_wrap footer .call p { font-size:14px;font-weight:600;margin-top:2px; }
.hwaseong_wrap footer .shortcut a { margin-left:24px;display:inline-block; }
.hwaseong_wrap footer .shortcut a:first-child { margin-left:0; }
.hwaseong_wrap footer .shortcut a img { vertical-align: bottom; }

/*팝업*/
.hwaseong_wrap .popup_box { background:rgba(0,0,0,0.3);position:fixed;top: 0;right: 0;bottom: 0;left: 0;z-index:7; }
.hwaseong_wrap .popup_box .notice_popup { background:#fff;border-radius:24px;width:640px;height:680px;padding:40px;position:absolute;left:20px;top: 150px; }
.hwaseong_wrap .popup_box .popup_title { font-size:28px;font-weight:600;display:block;margin-bottom:40px; }
.hwaseong_wrap .popup_box .popup_content { height:466px;padding-right:50px;overflow-y:scroll; }
.hwaseong_wrap .popup_box .popup_content .content_title { font-size:18px;line-height:26px;font-weight:500;display:block;margin-bottom:24px; }
.hwaseong_wrap .popup_box .popup_content p { font-size:15px;color:var(--sub_text_color);line-height:20px; }
.hwaseong_wrap .popup_box .popup_bottom { display:flex;justify-content: space-between;background:#F4F6F9;position:absolute;width:100%;left: 0;height: 100px;align-items: center;padding: 0 40px;border-radius: 0 0 24px 24px; }
.hwaseong_wrap .popup_box .popup_bottom .day_btn { font-size:18px;font-weight:700;line-height:20px; }
.hwaseong_wrap .popup_box .popup_bottom .close { font-size:18px;font-weight:700;line-height:20px; }
.hwaseong_wrap .popup_box .popup_btns { position:absolute;top:104px;left:566px;margin-bottom:8px;z-index: 9; }
.hwaseong_wrap .popup_box .popup_btns .next_btn { margin-left:10px; }
.hwaseong_wrap .popup_box .popup_btns .next_btn img { transform:rotate(180deg); }
.hwaseong_wrap .popup_box .popup_img { margin:30px 0; }
.hwaseong_wrap .popup_box .popup_img img { width:100%; }

/* qr팝업 */
.hwaseong_wrap .qr_popup_box { background:rgba(0,0,0,0.3);position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 7;display:none; }
.hwaseong_wrap .qr_popup { width:505px;padding:68px 83px ;border-radius:24px;position:fixed;top:50%;left:50%;z-index:7;transform:translate(-50%, -50%);background:#fff;text-align:center; }
.hwaseong_wrap .qr_popup img { width:220px;margin:43px 0 44px 0; }
.hwaseong_wrap .qr_popup > span { display:inline-block;font-size:18px;line-height:26px;position:relative;margin-bottom:59px; }
.hwaseong_wrap .qr_popup > span::before { content:"";display:block;width:100%;height:15px;background:#FDF9C5;position:absolute;z-index: -1;bottom:0; }
.hwaseong_wrap .qr_popup button { font-size:18px;line-height:20px;font-weight:700; }
.hwaseong_wrap .qr_title i { display:block;background: url(../img/ezl_logo.svg) no-repeat 60px center / 75px;font-weight:600;font-size:30px;padding-left:80px;margin-bottom:8px; }
.hwaseong_wrap .qr_title span { color:var(--sub_text_color);font-size:18px;line-height:26px; }
.hwaseong_wrap .qr_popup button { font-size:18px;font-weight:700;line-height:20px;border:1px solid #CED4DA;border-radius:20px;padding:10px 25px; }

@media (max-width: 1300px) {
	.hwaseong_wrap .inner { padding:0 20px; }
	.hwaseong_wrap main { padding-top: 60px; }
	.hwaseong_wrap .main_menu_list { padding:40px; }
	.hwaseong_wrap header .header_common{ height:85px; }
	.hwaseong_wrap header nav > ul > li > a { font-weight:600;line-height:24px; }
	.hwaseong_wrap header nav .sub_menu a { font-size:15px;color:#444040; }
	.hwaseong_wrap header nav > ul > li:hover .sub_menu { background:transparent; }
	.hwaseong_wrap .main_visual .login_box { right:20px; }
	.hwaseong_wrap .main_visual { background: #9BC3FF url(../img/main_img.svg) no-repeat 67% 38% / 500px; }
	.hwaseong_wrap .main_menu_list strong { font-size:16px; }
	.hwaseong_wrap .main_menu_list > a > div:last-child span { font-size:14px;margin-top:0; }
	.hwaseong_wrap .main_menu_list button >div:first-child { width:60px;height:60px;margin-right:8px; }
	.hwaseong_wrap .main_menu_list img { width:35px; }
	.hwaseong_wrap .main_news .content_box > div > div { width:50%;margin-right: 10px; }
	.hwaseong_wrap .main_news .content_box .qna .content { margin: 12px 0 34px 0; }
	.hwaseong_wrap .main_news .site .ezl_btns button { background: #F8F8F8;padding:18px; }
	.hwaseong_wrap header nav button { display:block;position:absolute;right:20px;top:17px; }
	.hwaseong_wrap header .user_btns { z-index:9;order:1;padding:9px 20px;position: absolute;right: 20px;top: 70px; }
	.hwaseong_wrap header .user_btns .join_btn { display:none; }
	.hwaseong_wrap header .main_nav { background: #fff;position: fixed;width: 84%;right: 0;height: 100vh;top: 0;z-index: 9;padding:130px 0 0 30px;flex-direction: column;align-items: flex-start;justify-content: flex-start;display:none; }
	.hwaseong_wrap header .main_nav.on { display:block; }
	.hwaseong_wrap header .main_nav nav { order:2;margin-right:0; }
	.hwaseong_wrap header nav .sub_menu a:hover { color:#444040; }
	.hwaseong_wrap header .mb_user_btns { display:block;display:flex;align-items: center; }
	.hwaseong_wrap header .mb_user_btns .join_btn { font-size:14px;font-weight:500;margin-right:20px; }
	.hwaseong_wrap header .user_btns .login_btn { margin-right:0; }
	.hwaseong_wrap header .user_btns .login_btn::after { display:none; }

	.hwaseong_wrap .main_news .content_box a { margin-right:10px; }
	.hwaseong_wrap .main_news .site i { display:none; }
	.hwaseong_wrap footer ul li { margin-right:20px; }
	.hwaseong_wrap footer .footer_content_box { padding: 15px 20px; }
	.hwaseong_wrap footer .call { margin-right:40px;background:none;padding-left:0; }
	.hwaseong_wrap footer .shortcut a { margin-left:15px }
	.hwaseong_wrap .main_news { margin-top:-130px; }
	.hwaseong_wrap .main_news .site .blue_btns button:hover { border: 1px solid transparent; }
	.hwaseong_wrap .main_news .site .ezl_btns button:hover { border: 1px solid transparent; }
	.hwaseong_wrap .main_news .content_box a:hover .content_btn { background: url(../img/arr_right_black.svg) no-repeat center / contain; }
	.hwaseong_wrap .main_menu_list a:hover strong { color: var(--text_color);font-weight:600; }
	.hwaseong_wrap .main_visual .main_title button:hover { background:#5799FC url(../img/arr_right_blue.svg) no-repeat 89%; }
	.hwaseong_wrap header nav > ul > li:hover > a { color:var(--text_color); }
	.hwaseong_wrap .main_visual .login_box button:hover { background:#3A88E7;}
	.hwaseong_wrap header nav .sub_menu { position:initial;transform:initial;left:0;text-align:left;padding: 16px 0 0 32px;width:initial;box-shadow: none;height:initial;padding:12px 0 0 0; }
	.hwaseong_wrap header nav .sub_menu li { padding:4px 0;margin-bottom:0; }
	.hwaseong_wrap header nav > ul { display:block;height:calc(100vh - 170px);overflow-y: scroll; }
	.hwaseong_wrap header nav > ul > li { margin-bottom:36px;padding-left:32px;width: initial;text-align: left; }
	.hwaseong_wrap header nav > ul > li:nth-child(1) { background:url(../img/menu_business_icon.svg) no-repeat left top; }
	.hwaseong_wrap header nav > ul > li:nth-child(2) { background:url(../img/menu_use_icon.svg) no-repeat left top; }
	.hwaseong_wrap header nav > ul > li:nth-child(3) { background:url(../img/menu_card_icon.svg) no-repeat left top; }
	.hwaseong_wrap header nav > ul > li:nth-child(4) { background:url(../img/menu_edit_icon.svg) no-repeat left top; }
	.hwaseong_wrap header nav > ul > li:nth-child(5) { background:url(../img/menu_notice_icon.svg) no-repeat left top; }
	.hwaseong_wrap header h1 img { width:96px; }
	.hwaseong_wrap header .header_common { position: fixed;width: 100%;z-index: 5;height:60px; }
	.hwaseong_wrap header .sub_menu_bg { display:none; }
}
@media (max-width: 1100px) {
	.hwaseong_wrap .main_visual .main_bg { display:none; }
	.hwaseong_wrap .main_news h2 { font-size:22px; }
	.hwaseong_wrap .main_news .content_box > div > div { height:222px;padding:24px; }
	.hwaseong_wrap .main_news .content_box h3 { font-size:18px;line-height:27px;margin-bottom:15px; }
	.hwaseong_wrap .main_news .content_box .content { font-size:15px;margin: 5px 0 25px 0; }
	.hwaseong_wrap .main_news .qna img { width: 110px; }
	.hwaseong_wrap .main_news .site .blue_btns button { padding:8px 10px;font-size:15px;background: #F4F9FF url(../img/arr_right_blue.svg) no-repeat 96% center; }
	.hwaseong_wrap .main_news .site .blue_btns { margin-bottom:29px; }
	.hwaseong_wrap .main_news .site .ezl_btns button { padding:13px; }
	.hwaseong_wrap .main_news .site .ezl_qr .title { margin-bottom:14px; }
	.hwaseong_wrap footer .footer_content_box { margin-left:10px;display:block; }
	.hwaseong_wrap footer .shortcut { margin-top:20px; }
	.hwaseong_wrap .main_news .site .ezl_btns button span { margin-left:7px; }
	.hwaseong_wrap .main_menu_list a:hover strong { color: var(--text_color);font-weight:400; }
}
@media (max-width: 1000px) {
	.hwaseong_wrap .main_visual .login_box { display:none; }
	.hwaseong_wrap .main_visual .main_title img { content:url(../img/mb_main_title.svg); }
	.hwaseong_wrap .main_visual { height:460px;padding: 32px 0 0 0;background: #9BC3FF url(../img/main_img.svg) no-repeat 79% 70% / 390px; }
	.hwaseong_wrap .main_visual .main_title p { display:none; }
	.hwaseong_wrap .main_visual .main_title button { margin-top:18px;font-size:15px;line-height: 22px; }
	.hwaseong_wrap .main_menu_list { flex-wrap: wrap;top: -60px;padding: 30px 20px 8px 20px; }
	.hwaseong_wrap .main_menu_list > a > div:last-child span { display:none; }
	.hwaseong_wrap .main_menu_list br { display:block; }
	.hwaseong_wrap .main_menu_list a { width:50%;margin-bottom: 22px; }
	.hwaseong_wrap .main_menu_list strong { font-size:16px;font-weight:500;line-height:22px; }
	.hwaseong_wrap .main_menu_list strong:hover { font-weight:500; }
	.hwaseong_wrap .main_menu_list a >div:first-child { margin-right:12px; }
	.hwaseong_wrap .main_news { margin-top: -45px;display:block; }
	.hwaseong_wrap .main_news h2 { font-size:18px;margin-bottom:16px; }
	.hwaseong_wrap .main_news .content_box { width:initial; }
	.hwaseong_wrap .main_news .content_box > div { display:block; }
	.hwaseong_wrap .main_news .content_box > div > div { width:initial;margin-right:0;height:212px;width:100%; }
	.hwaseong_wrap .main_news .content_box button { width:40px;height:40px; }
	.hwaseong_wrap .main_news .content_box > div > div::after { width:80px;height:80px; }
	.hwaseong_wrap .main_news .content_box .content { margin: 5px 0 20px 0; }
	.hwaseong_wrap .main_news .notice { margin-bottom:14px; }
	.hwaseong_wrap .main_news .content_box a { width:100%;padding:24px;height:212px; }
	.hwaseong_wrap .main_news .qna { background:#f2f5fc url(../img/qna_img.png) no-repeat 90% bottom / 110px; }
	.hwaseong_wrap .main_news .content_box h3 { margin-bottom: 10px; }
	.hwaseong_wrap .main_news .site { margin-top:28px;width: initial; }
	.hwaseong_wrap .main_news .site .blue_btns button { padding: 10px 20px;background: #F4F9FF url(../img/arr_right_blue.svg) no-repeat 92% center; }
	.hwaseong_wrap .main_news .site .ezl_qr .title { background:none;padding-left:0; }
	.hwaseong_wrap .main_news .site .blue_btns { margin-bottom:12px; }
	.hwaseong_wrap .main_news .site .ezl_btns button { padding:26px 0 26px 27px; }
	.hwaseong_wrap .main_news .site .ezl_btns button span { margin-left:10px; }
	.hwaseong_wrap footer { margin-top:35px;padding:30px 0; }
	.hwaseong_wrap footer .inner { flex-direction: column;align-items: start; }
	.hwaseong_wrap footer .footer_menu_list { order:2; }
	.hwaseong_wrap footer .footer_content_box { order:1;margin-left:0;width:100%;padding:18px 20px;margin-bottom:16px; }
	.hwaseong_wrap footer .shortcut a { margin-left:24px; }
	.hwaseong_wrap footer ul li { margin-right:8px; }
	.hwaseong_wrap footer .footer_address p , .hwaseong_wrap footer .footer_address address { font-size:13px; }
	.hwaseong_wrap footer .footer_addres address { margin-bottom:8px; }
	.hwaseong_wrap .popup_box { top: 0;left: 0;right: 0;bottom: 0;transform: none;z-index: 10; }
	.hwaseong_wrap .popup_box .notice_popup { width:100%;height:calc(var(--vh, 1vh) * 100);padding:30px;border-radius: 0;left:0;top:0; }
	.hwaseong_wrap .popup_box .popup_title { margin-bottom:30px;font-size:20px; }
	.hwaseong_wrap .popup_box .popup_content { height: calc(100vh - 164px);padding-right:0;padding-bottom:70px; }
	.hwaseong_wrap .popup_box .popup_content .content_title { font-size:16px;line-height:24px; }
	.hwaseong_wrap .popup_box .popup_bottom { height:80px;border-radius: 0; }
	.hwaseong_wrap .popup_box .popup_btns { top:20px;right:30px;left:initial; }
}
@media (max-width: 420px) {
	.hwaseong_wrap .main_visual { background: #9BC3FF url(../img/main_img.svg) no-repeat 20px 70% / 390px; }
}


.hwaseong_wrap header { margin-top: 0 !important; }
.main_visual img { width:404px; }
.main_visual .inner { padding:0; }
.hwaseong_wrap footer ul li:last-child a { color:#222 !important;font-weight: 700 !important;; }
body, th, td, input, select, textarea, button { font-family: 'Pretendard', '-apple-system', 'BlinkMacSystemFont', system-ui, 'Roboto', 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;  }
.inner:after { display:none; }
.hwaseong_wrap footer ul li { margin-right:30px; }
.hwaseong_wrap footer .call { margin-right:95px; }
.hwaseong_wrap header { border-bottom:none;position:relative; }
.hwaseong_wrap header::after { content:"";display:block;background:#EFEFEF;width:100%;height:1px;position:absolute;bottom:0; }
@media (max-width: 1300px) {
 .hwaseong_wrap footer .footer_content_box { margin-left: 10px;display: block; }
 .hwaseong_wrap footer .shortcut { margin-top: 20px; }
 .hwaseong_wrap header::after { display:none;}
 .hwaseong_wrap .main_visual { background: #9BC3FF url(../img/main_img.svg) no-repeat 67% 47% / 500px;padding:160px 0 240px 0; }
}
@media (max-width: 1000px) {
 .hwaseong_wrap .main_visual { padding: 92px 0 0 0;height: 520px;background: #9BC3FF url(../img/main_img.svg) no-repeat 79% 75% / 390px; }
 .hwaseong_wrap .main_visual .main_title img { width:321px; }
}
@media (max-width: 420px) {
 .hwaseong_wrap .main_visual { background: #9BC3FF url(../img/main_img.svg) no-repeat 20px 75% / 390px; }
}
@media (min-width: 1025px) {
 .main_visual { height:initial; }
}

.hwaseong_wrap .popup_box .popup_btns { z-index: 9999; }

.popup .close { opacity: 1; }
.notice_popup .close { opacity: 1; }


.hwaseong_wrap header { border-bottom: 1px solid #EFEFEF; }
.hwaseong_wrap header::after { display:none; }
.hwaseong_wrap header .sub_menu_bg { border-top:1px solid #EFEFEF;  }
.hwaseong_wrap header nav .sub_menu { border-top:1px solid #EFEFEF; }
.tabs { max-width:1383px;margin:30px auto 0 auto !important; }
input[type="checkbox"] + label { padding: 5px 0 5px 30px; }
.hwaseong_wrap header .user_btns .join_btn::after { top:4px; }
.hwaseong_wrap header .user_btns .mb_user_name { margin-right: 47px;font-size: 14px;position: relative; }
.mb_user_name::after { content: "";display: block;width: 1px;height: 12px;
    background: #DBDFE4;
    position: absolute;
    right: -26px;
    top: 4px;
}
@media (max-width: 1300px) {
 .main_visual .inner { padding:0 20px; }
 .hwaseong_wrap header .header_common { top:0; }
 .tabs { padding: 0 20px; }
 .hwaseong_wrap header .mb_user_btns button { font-size: 14px;font-weight: 500;margin-left:20px; }
 .hwaseong_wrap header .mb_user_btns .join_btn { margin-right:0; }
}
@media (min-width: 1025px) {
 .container { padding:60px 0 0; }
}
@media (min-width: 1301px) {
 .container { padding:0; }
}
.hwaseong_wrap header .user_btns .mb_user_name { font-weight: 600; }
.intro_wrap .step_box > li dl dd span { color:#fff; }
.intro_wrap .step_box > li dl dd p { color:#fff; }
.brd_search { font-size:0; }
.tabs { margin: 30px auto 10px auto !important; }
.join_agree input[type="checkbox"] + label { font-weight:700;color:#fff; }
.join_agree .single { font-weight:700; }
.join_step li span { color:#aaa; }
.form_box .flex_center { display: flex;align-items: center; }
@media (max-width: 1024px) {
 .form_box .flex_center { display:block; }
}

.join_step .active, .join_step .fin span { color:#222; }
.join_step .step_num { letter-spacing: 0.02em; }

@media (max-width: 1000px) {
 .hwaseong_wrap footer .footer_content_box {margin-left: 0}
}

@media (max-width: 1300px) {
 .intro_wrap .step_box { padding:15px 20px; }
.hwaseong_wrap header nav .sub_menu { border-top:none; }
.intro_wrap .intro_info { margin:0 20px; }
.intro_wrap h3 { margin: 40px 20px 0 20px; }
.board_wrap .brd_list { margin: 20px 20px 0; }
.brd_search { padding:0 20px; }
.board_wrap .tabs { padding: 0; }
.intro_info.support_table { padding:15px 20px 0 20px; }
}
@media (max-width: 1024px) {
 .intro_wrap .intro_info { margin:0; }
 .intro_info.support_table { margin:0 20px; }
}
.intro_wrap .intro_info .gray_box { margin:0; }

@media (min-width: 1025px) {
 .intro_wrap .step_box > li { height: 440px;padding: 177px 20px 0; }
 .intro_wrap .step_box > li .ico_img { top: 37%; }
}

.Survey_q {
     margin:0 auto;
     border-radius: 30px;
     background:#fff;
 }
 .Survey_q .question {
     color:#4d4d4d;
     border:1px solid #4D4D4D;
     display:block;
     width:70px;
     border-radius:20px;
     text-align: center;
     height:25px;
     line-height:22px;
     font-weight:bold;
     font-size:14px;
 }
 .Survey_q p {
     font-weight:bold;
     margin:10px 0 30px 0;
 }
 .Survey_q label {
     display:block;
     height:45px;
     line-height:45px;
     background:#f3f5fa;
     margin:10px 0;
     text-indent: 10px;
     border-radius: 10px;
     cursor:pointer;
     color:#7a7a7a;
 }
 .Survey_q input[type="radio"] {
     display: none;
 }
 .Survey_q input[type="radio"] + label span{
     display:inline-block;
     width: 21px;
     height: 21px;
     margin: -2px 6px 0 4px;
     font-size: 0;
     vertical-align: middle;
     background: url(../image/survey_check.png) no-repeat center / contain;
 }
 .Survey_q input[type="radio"]:checked + label {
     font-weight:bold;
     color:#000000;
 }
 
 .Survey_q input[type="radio"]:checked + label span {
     background: url(../image/survey_check_on.png) no-repeat center / contain;
 }
.Survey_q label { padding:0 10px;height:initial; }
.Survey_q input[type="radio"] + label span { margin:-2px 6px 0 -2px; }
.hwaseong_wrap .popup_box .popup_bottom { bottom:0; }