@charset "UTF-8";

#skipLink { overflow: hidden; height: 0; }
#skipLink a { display: block; position: absolute; left: 0; top: -100px; height: 20px; border-radius: 5px; text-align: center; }
#skipLink a:focus,
#skipLink a:active { position: absolute; top: 0; z-index: 9999; padding: 10px 16px; font-size: 14px; font-weight: 400; color: #fff; text-decoration: none; background: #1F2229; }
#skipLink a:focus-visible { outline:2px dotted #fff; outline-offset:-2px; }

body.overflow { overflow: hidden; }
body.no-scroll { overflow: hidden !important; width: 100%; height: 100%; }

.pc_view:not(colgroup) { display: block !important; }
.mo_view:not(colgroup) { display: none !important; }
colgroup.pc_view { display: table-column-group !important; }
colgroup.mo_view { display: none !important; }

@media screen and (max-width: 1024px) {
	.pc_view:not(colgroup) { display: none !important; }
	.mo_view:not(colgroup) { display: block !important; }
	colgroup.pc_view { display: none !important; }
	colgroup.mo_view { display: table-column-group !important; }
}

.dimmed {z-index: 105;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.75); }

.mgt0 { margin-top: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.mb20 { margin-bottom: 20px !important; }

.bold { font-weight: 700 !important; }

.txt_sup { display: block; margin-top: 5px; position: relative; font-size: 14px; font-weight: 400; color: #777; line-height: 1.35; letter-spacing: -0.14px; }
.txt_sup::before { content: "*"; margin-right: 2px; font-size: inherit; color: inherit; line-height: inherit; vertical-align: top; }

.required:after { content: "*"; display: block; margin-top: 2px; margin-left: 8px; font-size: 16px; color: var(--error-color); }

.point_blue { color: #1f5eff !important; }
.txtPurple { color: #564cd4; }
.txtGreen { color: #2d9791; }
.txtPink { color: #da39ed; }
.txtRed { color: #f54325; }

h4 { margin-bottom: 20px; font-size: 26px; font-weight: 500; color: #101010; line-height: 130%; }
h5 { margin-bottom: 15px; font-size: 23px; font-weight: 500; color: #3e35aa; line-height: 100%; letter-spacing: -.5px; }
h5 span { font-weight: 400; }
h6 { margin-bottom: 8px; font-size: 19px; font-weight: 500; }

.page_content h5 { position: relative; margin-top: 38px; margin-bottom: 15px; padding: 4px 0 3px 31px; font-size: 23px; font-weight: 600; color: #36435E; line-height: 1.35; text-align: left; }
.page_content h5::before { content: ''; position: absolute; top: 8px; left: 0; width: 23px; height: 23px; background: url("/images/n24/common/icon_total_menu1.png") no-repeat left top/100% auto; }
.page_content h5:first-child { margin-top: 0; }
.page_content h4 + h5:first-of-type { margin-top: 38px; }

@media screen and (max-width: 1024px) {
	.page_content h5 { padding: 0 0 0 31px; }
	.page_content h5::before { top: 3px; }
}

h4 .floatRight { margin-top: -10px; }
.h4Content { padding-bottom: 50px; }
.h4Content p { font-size: 18px; line-height: 145%; }
.h4Content p + p,
.h4Content p + ul,
.h4Content p + div { margin-top: 15px; }
.h5Content { padding-left: 40px; }
.h5Content + * { margin-top: 50px; }
.h5Content > h6 { margin-top: 25px; }
.h5Content > p,
.h6Content > p { font-size: 16px; line-height: 145%; }

.topTxtArea { margin-bottom: 15px; font-size: 16px; line-height: 145%; }

@media screen and (max-width: 640px) {
	h4 {margin-bottom: 15px;font-size: 20px;line-height: 130%; }
	h5 {margin-bottom: 10px;padding-left: 25px;font-size: 17px;line-height: 130%;background-size: auto 14px;background-position: left 2px; }
	h6 {font-size: 15px; }
	.h4Content {padding-bottom: 30px; }
	.h4Content p {font-size: 13px; }
	.h5Content {padding-left: 0; }
	.h5Content > p,
	.h6Content > p {font-size: 13px; }
}

/* header */
.wrap {overflow: hidden;position: relative;padding-bottom: 56px; }
.header_wrap {z-index: 110;position: fixed;top: 0;left: 0;width: 100%;background-color: transparent;border-bottom: 1px solid #CCC; }
.header_wrap .dimmed {z-index: -1 !important; }
.header_inwrap {padding: 6px 10px 6px 15px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.header_top {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; }
.header_logo {z-index: 10;position: relative;display: block;min-width: 146px;height: 32px;background: url("/images/n24/common/logo.png") no-repeat left top/100% auto; }
.header_gnb_wrap {width: 100vw; }
.header_gnb_wrap .gnb_depth1 {-webkit-box-sizing: border-box;box-sizing: border-box; }
.header_gnb_wrap .gnb_depth1_menu {z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;font-weight: 700;line-height: 1.35;letter-spacing: -0.01em;word-break: keep-all;-webkit-box-sizing: border-box;box-sizing: border-box; }
.header_gnb_wrap .gnb_depth1_li.gnb_mobile {display: none;}
.header_gnb_wrap .gnb_details {position: absolute;display: none; }
.header_gnb_wrap .gnb_details_intro {display: none; }
.header_gnb_wrap .gnb_details_title {position: relative;padding-top: 46px;font-weight: 700;font-size: 30px;color: #1D1D1D;line-height: 1.3;letter-spacing: -0.01em;word-break: keep-all; }
.header_gnb_wrap .gnb_details_title::before {content: '';position: absolute;top: 0;left: 0;width: 36px;height: 36px; }
.header_gnb_wrap .gnb_details_desc {margin-top: 12px;font-size: 15px;font-weight: 400;color: #333;line-height: 1.3;letter-spacing: -0.01em; }
.header_gnb_wrap .gnb_details_content {position: relative;-webkit-box-sizing: border-box;box-sizing: border-box; }
.header_gnb_wrap .gnb_depth2::after {content: '';display: block;clear: both; }
.header_gnb_wrap .gnb_depth2_li {margin-top: 4px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.header_gnb_wrap .gnb_depth2_menu {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;position: relative;/* padding: 10px 20px 10px 10px; */
padding: 20px 20px 10px 10px;font-size: 17px; /* 15 > 17 */
color: #555;line-height: 1.3;letter-spacing: -0.01em;background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box; }
.header_gnb_wrap .gnb_depth2_menu::before {content: '';position: absolute;top: 50%;right: 16px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 20px;height: 20px;background: url("/images/n24/common/icon_toggle_default.svg") no-repeat center/100% auto; }
.header_gnb_wrap .gnb_depth2_menu:focus-visible {outline-style:dotted; }
.header_gnb_wrap .gnb_depth3 {display: none;padding-left: 12px;padding-bottom: 14px; }
.header_gnb_wrap .gnb_depth3_li {position: relative;margin-top: 18px;padding-left: 8px;font-size: 17px;font-weight: 400;color: #555;line-height: 1.3;letter-spacing: -0.01em; }
.header_gnb_wrap .gnb_depth3_li::before {content: '';position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 2px;height: 2px;background-color: #8E8E8E; }
.header_gnb_wrap .gnb_depth3_li:hover,
.header_gnb_wrap .gnb_depth3_li:focus {color: #36435E;font-weight: 700; }
.header_gnb_wrap .gnb_depth3_li:hover::before,
.header_gnb_wrap .gnb_depth3_li:focus::before {background-color: #36435E; }
.header_gnb_wrap .gnb_depth3_li a {position: relative;display: inline-block;word-break: keep-all; }
.header_gnb_wrap .gnb_depth3_li a[target="_blank"] {padding-right: 20px; }
.header_gnb_wrap .gnb_depth3_li a[target="_blank"]::before {content: '';position: absolute;top: 3px;right: 0;width: 14px;height: 14px;background: url("/images/n24/common/icon_outlink.svg") no-repeat center/14px auto; }
.lnb_wrap .lnb_depth2_item a[target="_blank"] .lnb_text::after {content: '';padding-right: 25px;background: url("/images/n24/common/icon_outlink.svg") no-repeat center/14px auto; }
.header_gnb_wrap .gnb_depth3_li a[target="_blank"]:hover::before,
.header_gnb_wrap .gnb_depth3_li a[target="_blank"]:focus::before {background-image: none;background-color: #36435E;-webkit-mask: url("/images/n24/common/icon_outlink.svg") no-repeat center/14px auto;mask: url("/images/n24/common/icon_outlink.svg") no-repeat center/14px auto; }
.header_gnb_wrap .gnb_depth1_li.gnb_depth1_1 .gnb_details_title::before {background: url("/images/n24/common/icon_gnb_depth1_1.svg") no-repeat left top/36px auto; }
.header_gnb_wrap .gnb_depth1_li.gnb_depth1_2 .gnb_details_title::before {background: url("/images/n24/common/icon_gnb_depth1_2.svg") no-repeat left top/36px auto; }
.header_gnb_wrap .gnb_depth1_li.gnb_depth1_3 .gnb_details_title::before {background: url("/images/n24/common/icon_gnb_depth1_3.svg") no-repeat left top/36px auto; }
.header_gnb_wrap .gnb_depth1_li.gnb_depth1_4 .gnb_details_title::before {background: url("/images/n24/common/icon_gnb_depth1_4.svg") no-repeat left top/36px auto; }
.header_gnb_wrap .gnb_depth1_li.gnb_depth1_5 .gnb_details_title::before {background: url("/images/n24/common/icon_gnb_depth1_5.svg") no-repeat left top/36px auto; }
.header_gnb_wrap .gnb_depth1_li.gnb_depth1_6 .gnb_details_title::before {background: url("/images/n24/common/icon_gnb_menu6.png") no-repeat left top/36px auto; }
.header_gnb_wrap .gnb_depth1_li.is-active .gnb_details {display: block !important; }
.header_gnb_wrap.is-active .gnb_depth1_li.gnb_depth1_1 .gnb_details {display: block; }

@media screen and (max-width: 1023px) {
	.header_inwrap .dimmed {z-index: 1 !important; }
	.header_wrap {background-color: #fff; }
	.header_top {z-index: 0; }
	.header_gnb_wrap {position: relative;border-top: 1px solid #DEDEDE;height: calc(100% - 52px);-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #F7F8FB; }
	.header_gnb_wrap .gnb_depth1 {position: relative;padding-top: 16px;height: 100%; }
	.header_gnb_wrap .gnb_depth1_li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; }
	.header_gnb_wrap .gnb_depth1_li.is-active .gnb_depth1_menu,
	.header_gnb_wrap .gnb_depth1_li:focus .gnb_depth1_menu {color: #fff !important; }
	.header_gnb_wrap .gnb_depth1_menu {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 14px 5.12vw;width: 30.7vw;font-size: 16px; color: #555; }
	.header_gnb_wrap .gnb_details {top: 0;right: 0;overflow-y: scroll;padding: 14px 5.12vw 0 5.12vw;width: calc(100vw - 30.7vw);height: 100%;background-color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.header_gnb_wrap .gnb_depth2_li:first-child {margin-top: 0; }
	.header_gnb_wrap .gnb_depth2_li.is-active .gnb_depth2_menu {font-weight: 700;color: #36435E; }
	.header_gnb_wrap .gnb_depth2_li.is-active .gnb_depth2_menu::before {background: url("/images/n24/common/icon_toggle_active.svg") no-repeat center/100% auto; }
	.header_gnb_wrap .gnb_depth2_li.is-active .gnb_depth3 {display: block !important; }
	.header_gnb_wrap .gnb_depth3_li::before {margin-top: -1px;}
	.header_gnb_wrap .gnb_depth1_li.is-active .gnb_depth1_menu {-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-weight: 500;color: #fff; }
	.header_gnb_wrap .gnb_depth1_li.is-active .gnb_depth1_menu::before {content: '';z-index: -1;position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 35px;width: 26.6vw;height: 35px;background-color: #2F3849; }
}
@media screen and (max-width: 767px) {
	.header_gnb_wrap .gnb_depth1_li.gnb_mobile {display: block;}
}
@media screen and (max-width: 320px) {
	.header_gnb_wrap .gnb_depth1_menu {font-size: 36.26667px;font-size: 4.10256vw; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.header_gnb_wrap .gnb_depth2_menu {font-size: 15px; }
	.header_gnb_wrap .gnb_depth3_li {font-size: 14px; }
}
@media screen and (min-width: 1024px) and (max-width: 1598px) {
	.header_top {top: 36px;width: 100%;padding: 0 50px;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.header_gnb_wrap .gnb_depth1 {padding-left: 335px;padding-left: 17.44792vw;padding-right: 250px;padding-right: 13.02083vw; }
}
@media screen and (min-width: 1024px) {
	.wrap {margin: 0 auto;padding: 0;min-width: 1280px; }
	.header_wrap {padding: 12px 0 0;height: auto;border-bottom: 0;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.header_inwrap {padding: 0; }
	.header_top {position: absolute;top: 50px;left: 0;right: 0;margin: 0 auto; }
	.header_logo {display: block;top: -2px;min-width: 228px;height: 50px;background: url("/images/n24/common/logo_w.png") no-repeat left top/100% auto; }
	.header_gnb_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;margin: 12px 0 0; }
	.header_gnb_wrap .gnb_depth1 {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin: 0 auto;padding: 0 150px;width: 100%;height: auto; }
	.header_gnb_wrap .gnb_depth1 {padding-left: 335px;padding-right: 250px; }
	.header_gnb_wrap .gnb_depth1_li.is-active .gnb_depth1_menu::before,
	.header_gnb_wrap .gnb_depth1_li:hover .gnb_depth1_menu::before,
	.header_gnb_wrap .gnb_depth1_li:focus .gnb_depth1_menu::before {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: #36435E; }
	.header_gnb_wrap .gnb_depth1_menu {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 8px 0 20px;width: 10vw;font-size: 18px;color: #fff;text-align: center; }
	.header_gnb_wrap .gnb_details {top: 52px;left: 0;right: auto;width: 100%;border-top: 1px solid #ccc;-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); }
	.header_gnb_wrap .gnb_details::before {content: '';z-index: -1;position: absolute;top: 0;left: 0;width: 100vw;height: 100%;background-color: #fff; }
	.header_gnb_wrap .gnb_details_inwrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin: 0 auto;width: 1280px; }
	.header_gnb_wrap .gnb_details_intro {display: block;-ms-flex-negative: 0;flex-shrink: 0;padding: 30px 0;width: 260px;border-right: 1px solid #ccc;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.header_gnb_wrap .gnb_details_content {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 30px 0 30px 40px; }
	.header_gnb_wrap .gnb_depth2 {margin-top: -20px;margin-left: -18px; }
	.header_gnb_wrap .gnb_depth2_li {margin-left: 18px;margin-top: 20px; }
	.header_gnb_wrap .gnb_depth2_li::before {display: none; }
	.header_gnb_wrap .gnb_depth2_li {float: left;width: 230px; }
	.header_gnb_wrap .gnb_depth2_menu {-webkit-box-flex: 1;-ms-flex: auto;flex: auto;padding: 14px 16px;border-radius: 8px;border: 1px solid #DEDEDE;font-size: 18px;color: #333;font-weight: 700; }
	.header_gnb_wrap .gnb_depth2_menu::before {right: 16px;margin: 0 auto;width: 18px;height: 18px;background: url("/images/n24/common/bg_gnb_depth2.svg") no-repeat center/6px 11px; }
	.header_gnb_wrap .gnb_depth2_menu:hover,
	.header_gnb_wrap .gnb_depth2_menu:focus {color: #fff;border-color: #36435E;background-color: #36435E; }
	.header_gnb_wrap .gnb_depth2_menu:hover::before,
	.header_gnb_wrap .gnb_depth2_menu:focus::before {background-image: none;background-color: #fff;-webkit-mask: url("/images/n24/common/bg_gnb_depth2.svg") no-repeat center/6px 11px;mask: url("/images/n24/common/bg_gnb_depth2.svg") no-repeat center/6px 11px; }
	.header_gnb_wrap .gnb_depth3 {display: block;padding: 16px;height: auto; }
	.header_gnb_wrap .gnb_depth3_li {margin-top: 12px;padding-left: 9px;font-size: 16px; }
	.header_gnb_wrap .gnb_depth3_li::before {width: 3px;height: 3px;background-color: #ccc; }
	.header_gnb_wrap .gnb_depth3_li:first-child {margin-top: 0; }
	.header_gnb_wrap .gnb_depth1_li.gnb_depth1_2 .gnb_depth3 {height: 88px; }
	.header_gnb_wrap .gnb_depth1_li.gnb_depth1_3 .gnb_depth2_li:nth-child(5) {margin-left: 266px; }
	.header_gnb_wrap .gnb_depth1_li.gnb_depth1_3 .gnb_depth3 {height: 88px; }
	.header_gnb_wrap .gnb_depth1_li.gnb_depth1_5 .gnb_depth3 {height: 120px; }
}
@media screen and (min-width: 1280px) {
	.header_gnb_wrap .gnb_depth1_menu {width: 166px; }
}
@media (min-width: 1600px) {
	.header_top {top: 36px;width: 1280px; }
	.header_gnb_wrap .gnb_depth1 {width: 1280px;padding-left: 348px;padding-right: 102px; }
}

/* header util */
.header_util_wrap {z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding-top:10px; }
.header_util_wrap .btn_header_search,
.header_util_wrap .btn_all_menu {display: inline-block;position: relative;padding: 16px 10px;width: 20px;height: 20px; }
.header_util_wrap .btn_header_search::before,
.header_util_wrap .btn_all_menu::before {content: '';position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto;width: 20px;height: 20px; }
.header_util_wrap .btn_header_search::before {background: url("/images/n24/common/icon_search_mo.png") no-repeat left top/20px auto; }
.header_util_wrap .btn_header_search.is-active::before {background: url("/images/n24/common/bg_search_close.svg") no-repeat left top/100% auto; }
.header_util_wrap .btn_all_menu {display: none !important; }
.header_util_wrap .btn_all_menu::before {background-image: none;background-color: #fff;-webkit-mask: url("/images/n24/common/bg_allmenu.svg") no-repeat left top/100% auto;mark: url("/images/n24/common/bg_allmenu.svg") no-repeat left top/100% auto; }
.header_util_wrap .btn_bookmark {display: inline-block;position: relative;padding: 14px 4px;width: 22px;height: 20px; }
.header_util_wrap .btn_bookmark::before {content: '';position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto;width: 22px;height: 20px;background: url("/images/n24/common/icon_bookmark_mo.png") no-repeat left top/100% auto; }

@media (max-width: 1024px) {
	.header_util_wrap { padding-top:0; }
}
@media screen and (min-width: 1024px) {
	.header_util_wrap {position: absolute;top: 0; }
	.header_util_wrap .btn_header_search,
	.header_util_wrap .btn_all_menu {padding: 16px 10px;width: 24px;height: 24px; }
	.header_util_wrap .btn_header_search::before,
	.header_util_wrap .btn_all_menu::before {width: 24px;height: 24px; }
	.header_util_wrap .btn_header_search::before {background-image: none;background-color: #fff;-webkit-mask: url("/images/n24/common/icon_search.svg") no-repeat left top/100% auto;mask: url("/images/n24/common/icon_search.svg") no-repeat left top/100% auto; }
	.header_util_wrap .btn_all_menu {display: inline-block !important; }
	.header_util_wrap .btn_bookmark {display: none; }
}
@media (min-width: 1024px) and (max-width: 1598px) {
	.header_util_wrap {right: 150px; }
}
@media (min-width: 1600px) {
	.header_util_wrap {top: -2px;right: 0; }
}

/* header quick */
.header_quick_wrap {position: relative; }
.header_quick_menu {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify; justify-content:flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 16px 3vw;width: 100vw;height: 52px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.header_quick_item {position: relative; }
.header_quick_item a {display: inline-block;padding: 0 3vw;font-size: 3.84vw;font-weight: 500;color: #1D1D1D;line-height: 1.35;letter-spacing: -0.01em;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box; }
.header_quick_item::before {content: '';position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 11px;background-color: #ccc; }
.header_quick_item:first-child::before {opacity: 0; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.header_quick_item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
	.header_quick_item a {padding: 0 12px;font-size: 15px; }
}
@media screen and (min-width: 1024px) {
	.header_quick_wrap {width: 100%;padding-right: 150px;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.header_quick_menu {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;padding: 0;width: auto;height: auto; }
	.header_quick_item a {padding: 0 10px;font-size: 14px;color: #fff; }
}
@media (min-width: 1600px) {
	.header_quick_wrap {margin: 0 auto;padding-right: 0;width: 1280px; }
}

/* header search */
.header_search_wrap {display: none;position: absolute;top: 64px;left: 0;width: 100%;border-top: 1px solid #ccc;background-color: #fff; }
.header_search_wrap.is-active {display: block !important; }
.header_search_wrap .serach_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;position: relative;padding: 24px 20px;-webkit-box-sizing: border-box;box-sizing: border-box; }

.header_search_wrap .serach_wrap .btn_search {-ms-flex-negative: 0;flex-shrink: 0;display: block;position: relative;margin-left: 8px;width: 42px;height: 42px;border-radius: 50%;background-color: #303646; }
.header_search_wrap .serach_wrap .btn_search:focus-visible {outline:3px dotted #303646; }
.header_search_wrap .serach_wrap .btn_search::before {content: '';position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto;width: 18px;height: 18px;background: url("/images/n24/common/icon_search_s_w.svg") no-repeat center/100% auto; }
.header_search_wrap .input_label {font-weight: 700;font-size: 16px;font-weight: 700;color: #1D1D1D;line-height: 1;margin-bottom: 12px; }
.header_search_wrap .input_group {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%; }
.header_search_wrap .input_box {position: relative;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-sizing: border-box;box-sizing: border-box; }
.header_search_wrap .input_box input {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 10px 20px;width: 100%;height: 42px;border: 2px solid #303646;border-radius: 50px;font-size: 16px;background-color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box; }
.header_search_wrap .input_box .btn_auto {position: absolute;top: 0;right: 8px;padding: 10px;width: 40px;height: 100%;background: url("/images/n24/common/icon_auto_complete.svg") no-repeat center/20px auto; }
.header_search_wrap .input_box .btn_auto.is-active + .auto_complete_wrap {display: block !important; }
.header_all_menu {display: none;position: fixed;bottom: 56px;left: 0;width: 100%;height: 81.27vh;border-radius: 20px 20px 0 0;background-color: #fff; }
.header_all_menu.is-active {display: block; }

@media screen and (max-width: 1023px) {
	.header_all_menu.is-active {z-index: 2; }
}
@media screen and (min-width: 1024px) {
	.header_search_wrap {top: 120px; }
	.header_search_wrap .serach_wrap {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 40px; }
	.header_search_wrap .serach_wrap .btn_search {width: 56px;height: 56px; }
	.header_search_wrap .serach_wrap .btn_search::before {width: 24px;height: 24px; }
	.header_search_wrap .input_label {font-size: 20px; margin: 0 20px 0 0; }
	.header_search_wrap .input_group {width: auto; }
	.header_search_wrap .input_box {-webkit-box-flex: 1;-ms-flex: auto;flex: auto;width: 420px !important; }
	.header_search_wrap .input_box input {padding: 10px 20px;padding-right: 40px;height: 56px; }
}

.auto_complete_wrap {display: none;position: absolute;top: 75px;left: 0;right: 0;padding: 12px;border: 1px solid #303646;-webkit-box-shadow: 0px 4px 12px rgba(48, 54, 70, 0.12);box-shadow: 0px 4px 12px rgba(48, 54, 70, 0.12);border-radius: 8px;background: #FFFFFF;-webkit-box-sizing: border-box;box-sizing: border-box; }
.auto_complete_wrap::before {content: '';position: absolute;top: -12px;left: 20px;width: 20px;height: 12px;background: url("/images/n24/common/bg_auto_complete.png") no-repeat left top/100% auto; }
.auto_complete_item {margin-top: 4px; }
.auto_complete_item:first-child {margin-top: 0; }
.auto_complete_item > span > a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 8px;width: 100%;font-size: 16px;color: #555;line-height: 1;border-radius: 5px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.auto_complete_item > span > a:hover,
.auto_complete_item > span > a:focus {text-decoration: underline;background: rgba(54, 67, 94, 0.08); }
.auto_complete_item > span > a > span {color: #925CD7;font-weight: 800; }
.auto_complete_item > .nodata {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 8px;width: 100%;font-size: 16px;color: #555;line-height: 1;-webkit-box-sizing: border-box;box-sizing: border-box; }
.auto_complete_bottom {padding-top: 8px;border-top: 1px solid #CCC; }
.auto_complete_bottom .btn_auto_completle {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;padding: 5px 8px; }
.auto_complete_bottom .btn_auto_completle .btn_text {display: block;position: relative;padding-left: 20px;font-size: 14px;color: #303646; }
.auto_complete_bottom .btn_auto_completle .btn_text::before {content: '';position: absolute;top: 0;left: 0;width: 16px;height: 16px;background: url("/images/n24/common/icon_auto_on.png") no-repeat left top/100% auto; }
.auto_complete_bottom .btn_auto_completle.is-active .btn_text:before {background: url("/images/n24/common/icon_auto_off.png") no-repeat left top/100% auto; }

/* header */
.header_wrap.is-sticky {border-bottom: 1px solid #CCC; }
.header_wrap.is-sticky .header_inner {position: fixed;top: 0;left: 0;width: 100%; }

.header_wrap.header_sd .header_gnb_wrap .gnb_details_desc {display: none; }

.header_wrap.is-reverse .header_gnb_wrap .gnb_depth1_menu {color: #1D1D1D; }

@media screen and (min-width: 1024px) {
	.header_all_menu {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;overflow: visible;position: static;bottom: auto;left: auto;width: 100%;margin: 0 auto;border-radius: 0;height: auto;background-color: transparent; }

	.header_wrap.header_sd .header_gnb_wrap .gnb_depth1_menu {width: 138px; }
	.header_wrap.is-reverse .header_logo {background: url("/images/n24/common/logo.png") no-repeat left top/100% auto; }
	.header_wrap.is-reverse .header_all_menu {background-color: transparent; }
	.header_wrap.is-reverse .header_quick_item a {color: #555; }
	.header_wrap.is-reverse .header_util_wrap .btn_header_search::before {background-image: none;background-color: #1D1D1D;-webkit-mask: url("/images/n24/common/icon_search.svg") no-repeat left top/100% auto;mask: url("/images/n24/common/icon_search.svg") no-repeat left top/100% auto; }
}

.header_wrap.is-reverse .header_util_wrap .btn_header_search.is-active::before {background-image: none;background-color: transparent;background: url("/images/n24/common/bg_search_close.svg") no-repeat left top/100% auto;-webkit-mask: none;mask: none; }

.header_wrap.is-reverse .header_util_wrap .btn_all_menu::before {background-image: none;background-color: #1D1D1D;-webkit-mask: url("/images/n24/common/bg_allmenu.svg") no-repeat left top/100% auto;mask: url("/images/n24/common/bg_allmenu.svg") no-repeat left top/100% auto; }

.header_wrap.is-active,
.header_wrap.is-sticky,
.header_wrap.gnb_style2 {background-color: #fff; }

.header_wrap.is-active .header_gnb_wrap .gnb_depth1_menu,
.header_wrap.is-sticky .header_gnb_wrap .gnb_depth1_menu,
.header_wrap.gnb_style2 .header_gnb_wrap .gnb_depth1_menu {color: #1D1D1D; }

.header_wrap.is-active .header_util_wrap .btn_header_search.is-active::before,
.header_wrap.is-sticky .header_util_wrap .btn_header_search.is-active::before,
.header_wrap.gnb_style2 .header_util_wrap .btn_header_search.is-active::before {background-image: none;background-color: transparent;background: url("/images/n24/common/bg_search_close.svg") no-repeat left top/100% auto;-webkit-mask: none;mask: none; }

.header_wrap.is-active .header_util_wrap .btn_all_menu::before,
.header_wrap.is-sticky .header_util_wrap .btn_all_menu::before,
.header_wrap.gnb_style2 .header_util_wrap .btn_all_menu::before {background-image: none;background-color: #1D1D1D;-webkit-mask: url("/images/n24/common/bg_allmenu.svg") no-repeat left top/100% auto;mask: url("/images/n24/common/bg_allmenu.svg") no-repeat left top/100% auto; }

@media screen and (min-width: 1024px) {
	.header_wrap.is-active .header_logo,
	.header_wrap.is-sticky .header_logo,
	.header_wrap.gnb_style2 .header_logo {background: url("/images/n24/common/logo.png") no-repeat left top/100% auto; }

	.header_wrap.is-active .header_all_menu,
	.header_wrap.is-sticky .header_all_menu,
	.header_wrap.gnb_style2 .header_all_menu {background-color: #fff; }

	.header_wrap.is-active .header_quick_item a,
	.header_wrap.is-sticky .header_quick_item a,
	.header_wrap.gnb_style2 .header_quick_item a {color: #555; }

	.header_wrap.is-active .header_util_wrap .btn_header_search::before,
	.header_wrap.is-sticky .header_util_wrap .btn_header_search::before,
	.header_wrap.gnb_style2 .header_util_wrap .btn_header_search::before {background-image: none;background-color: #1D1D1D;-webkit-mask: url("/images/n24/common/icon_search.svg") no-repeat left top/100% auto;mask: url("/images/n24/common/icon_search.svg") no-repeat left top/100% auto; }
}

/*
#시도 구분 클래스
============================================================
ㄴ 사용법 : <div id="wrap" class=" { 시도구분클래스 } ">
ㄴ 메인/서브 동일하게 #wrap에 구분용 클래스가 붙는 구조임
============================================================
- su : 서울특별시선거관리위원회
- bs : 부산광역시선거관리위원회
- dg : 대구광역시선거관리위원회
- ic : 인천광역시선거관리위원회
- gj : 광주광역시선거관리위원회
- dj : 대전광역시선거관리위원회
- us : 울산광역시선거관리위원회
- sj : 세종특별자치시선거관리위원회
- gg : 경기도선거관리위원회
- gw : 강원특별자치도선거관리위원회
- cb : 충청북도선거관리위원회
- cn : 충청남도선거관리위원회
- jb : 전북특별자치도선거관리위원회
- jn : 전라남도선거관리위원회
- gb : 경상북도선거관리위원회
- gn : 경상남도선거관리위원회
- jj : 제주특별자치도선거관리위원회
============================================================
*/
/* 시도 전용 공통 UI CSS */
.header_logo {width: 200px;height: 35px; }

/* 템플릿용 */
.header_logo.sd24 {background: url("/images/n24/logo_sd24_b.png") no-repeat left top/100% auto; }

@media screen and (min-width: 1024px) {
	.header_logo {width: 285px;height: 50px; }
	.header_logo.sd24 {background: url("/images/n24/logo_sd24_w.png") no-repeat left top/100% auto; }
}

.header_wrap.is-active .header_logo.sd24,
.header_wrap.is-sticky .header_logo.sd24,
.header_wrap.gnb_style2 .header_logo.sd24 {background: url("/images/n24/logo_sd24_b.png") no-repeat left top/100% auto; }

.header_logo.su {background: url("/images/n24/common/logo_su_b.png") no-repeat left top/100% auto; }
.header_logo.bs {background: url("/images/n24/common/logo_bs_b.png") no-repeat left top/100% auto; }
.header_logo.dg {background: url("/images/n24/common/logo_dg_b.png") no-repeat left top/100% auto; }
.header_logo.ic {background: url("/images/n24/common/logo_ic_b.png") no-repeat left top/100% auto; }
.header_logo.gj {background: url("/images/n24/common/logo_gj_b.png") no-repeat left top/100% auto; }
.header_logo.dj {background: url("/images/n24/common/logo_dj_b.png") no-repeat left top/100% auto; }
.header_logo.us {background: url("/images/n24/common/logo_us_b.png") no-repeat left top/100% auto; }
.header_logo.sj {background: url("/images/n24/common/logo_sj_b.png") no-repeat left top/100% auto; }
.header_logo.gg {background: url("/images/n24/common/logo_gg_b.png") no-repeat left top/100% auto; }
.header_logo.gw {background: url("/images/n24/common/logo_gw_b.png") no-repeat left top/100% auto; }
.header_logo.cb {background: url("/images/n24/common/logo_cb_b.png") no-repeat left top/100% auto; }
.header_logo.cn {background: url("/images/n24/common/logo_cn_b.png") no-repeat left top/100% auto; }
.header_logo.jb {background: url("/images/n24/common/logo_jb_b.png") no-repeat left top/100% auto; }
.header_logo.jn {background: url("/images/n24/common/logo_jn_b.png") no-repeat left top/100% auto; }
.header_logo.gb {background: url("/images/n24/common/logo_gb_b.png") no-repeat left top/100% auto; }
.header_logo.gn {background: url("/images/n24/common/logo_gn_b.png") no-repeat left top/100% auto; }
.header_logo.jj {background: url("/images/n24/common/logo_jj_b.png") no-repeat left top/100% auto; }

@media screen and (min-width: 1024px) {
	.header_logo.su {background: url("/images/n24/common/logo_su_w.png") no-repeat left top/100% auto; }
	.header_logo.bs {background: url("/images/n24/common/logo_bs_w.png") no-repeat left top/100% auto; }
	.header_logo.dg {background: url("/images/n24/common/logo_dg_w.png") no-repeat left top/100% auto; }
	.header_logo.ic {background: url("/images/n24/common/logo_ic_w.png") no-repeat left top/100% auto; }
	.header_logo.gj {background: url("/images/n24/common/logo_gj_w.png") no-repeat left top/100% auto; }
	.header_logo.dj {background: url("/images/n24/common/logo_dj_w.png") no-repeat left top/100% auto; }
	.header_logo.us {background: url("/images/n24/common/logo_us_w.png") no-repeat left top/100% auto; }
	.header_logo.sj {background: url("/images/n24/common/logo_sj_w.png") no-repeat left top/100% auto; }
	.header_logo.gg {background: url("/images/n24/common/logo_gg_w.png") no-repeat left top/100% auto; }
	.header_logo.gw {background: url("/images/n24/common/logo_gw_w.png") no-repeat left top/100% auto; }
	.header_logo.cb {background: url("/images/n24/common/logo_cb_w.png") no-repeat left top/100% auto; }
	.header_logo.cn {background: url("/images/n24/common/logo_cn_w.png") no-repeat left top/100% auto; }
	.header_logo.jb {background: url("/images/n24/common/logo_jb_w.png") no-repeat left top/100% auto; }
	.header_logo.jn {background: url("/images/n24/common/logo_jn_w.png") no-repeat left top/100% auto; }
	.header_logo.gb {background: url("/images/n24/common/logo_gb_w.png") no-repeat left top/100% auto; }
	.header_logo.gn {background: url("/images/n24/common/logo_gn_w.png") no-repeat left top/100% auto; }
	.header_logo.jj {background: url("/images/n24/common/logo_jj_w.png") no-repeat left top/100% auto; }
}

.header_wrap.is-active .header_logo.su,
.header_wrap.is-sticky .header_logo.su,
.header_wrap.gnb_style2 .header_logo.su {background: url("/images/n24/common/logo_su_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.bs,
.header_wrap.is-sticky .header_logo.bs,
.header_wrap.gnb_style2 .header_logo.bs {background: url("/images/n24/common/logo_bs_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.dg,
.header_wrap.is-sticky .header_logo.dg,
.header_wrap.gnb_style2 .header_logo.dg {background: url("/images/n24/common/logo_dg_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.ic,
.header_wrap.is-sticky .header_logo.ic,
.header_wrap.gnb_style2 .header_logo.ic {background: url("/images/n24/common/logo_ic_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.gj,
.header_wrap.is-sticky .header_logo.gj,
.header_wrap.gnb_style2 .header_logo.gj {background: url("/images/n24/common/logo_gj_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.dj,
.header_wrap.is-sticky .header_logo.dj,
.header_wrap.gnb_style2 .header_logo.dj {background: url("/images/n24/common/logo_dj_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.us,
.header_wrap.is-sticky .header_logo.us,
.header_wrap.gnb_style2 .header_logo.us {background: url("/images/n24/common/logo_us_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.sj,
.header_wrap.is-sticky .header_logo.sj,
.header_wrap.gnb_style2 .header_logo.sj {background: url("/images/n24/common/logo_sj_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.gg,
.header_wrap.is-sticky .header_logo.gg,
.header_wrap.gnb_style2 .header_logo.gg {background: url("/images/n24/common/logo_gg_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.gw,
.header_wrap.is-sticky .header_logo.gw,
.header_wrap.gnb_style2 .header_logo.gw {background: url("/images/n24/common/logo_gw_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.cb,
.header_wrap.is-sticky .header_logo.cb,
.header_wrap.gnb_style2 .header_logo.cb {background: url("/images/n24/common/logo_cb_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.cn,
.header_wrap.is-sticky .header_logo.cn,
.header_wrap.gnb_style2 .header_logo.cn {background: url("/images/n24/common/logo_cn_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.jb,
.header_wrap.is-sticky .header_logo.jb,
.header_wrap.gnb_style2 .header_logo.jb {background: url("/images/n24/common/logo_jb_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.jn,
.header_wrap.is-sticky .header_logo.jn,
.header_wrap.gnb_style2 .header_logo.jn {background: url("/images/n24/common/logo_jn_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.gb,
.header_wrap.is-sticky .header_logo.gb,
.header_wrap.gnb_style2 .header_logo.gb {background: url("/images/n24/common/logo_gb_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.gn,
.header_wrap.is-sticky .header_logo.gn,
.header_wrap.gnb_style2 .header_logo.gn {background: url("/images/n24/common/logo_gn_b.png") no-repeat left top/100% auto; }

.header_wrap.is-active .header_logo.jj,
.header_wrap.is-sticky .header_logo.jj,
.header_wrap.gnb_style2 .header_logo.jj {background: url("/images/n24/common/logo_jj_b.png") no-repeat left top/100% auto; }

/* 확인 후 정리 필요 */
.header_gnb_wrap .gnb_depth1_li.gnb_depth1_sd_1 .gnb_details_title::before {background: url("/images/n24/common/icon_gnb_depth_sd_1_1.svg") no-repeat left top/34px auto; }
.header_gnb_wrap .gnb_depth1_li.gnb_depth1_sd_2 .gnb_details_title::before {background: url("/images/n24/common/icon_gnb_depth_sd_1_2.svg") no-repeat left top/34px auto; }
.header_gnb_wrap .gnb_depth1_li.gnb_depth1_sd_3 .gnb_details_title::before {background: url("/images/n24/common/icon_gnb_depth_sd_1_3.svg") no-repeat left top/34px auto; }
.header_gnb_wrap .gnb_depth1_li.gnb_depth1_sd_4 .gnb_details_title::before {background: url("/images/n24/common/icon_gnb_depth_sd_1_4.svg") no-repeat left top/34px auto; }
.header_gnb_wrap .gnb_depth1_li.gnb_depth1_sd_5 .gnb_details_title::before {background: url("/images/n24/common/icon_gnb_depth_sd_1_5.svg") no-repeat left top/34px auto; }
.header_gnb_wrap .gnb_depth1_li.gnb_depth1_sd_6 .gnb_details_title::before {background: url("/images/n24/common/icon_gnb_depth_sd_1_6.svg") no-repeat left top/34px auto; }

.header_gnb_wrap .gnb_depth1_li.gnb_depth1_sd_6 .gnb_depth2_li {width: calc((100% / 3) - 18px); }

.header_gnb_wrap .gnb_depth1_menu {z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;font-weight: 700;line-height: 1.35;letter-spacing: -0.01em;-webkit-box-sizing: border-box;box-sizing: border-box;word-break: keep-all; }
.header_gnb_wrap .gnb_details {position: absolute;display: none; }
.header_gnb_wrap .gnb_details_intro {display: none; }
.header_gnb_wrap .gnb_details_title {position: relative;padding-top: 50px;font-weight: 700;font-size: 34px;color: #1D1D1D;line-height: 1.3;letter-spacing: -0.01em;word-break: keep-all; }
.header_gnb_wrap .gnb_details_title::before {content: '';position: absolute;top: 0;left: 0;width: 36px;height: 36px; }
.header_gnb_wrap .gnb_details_desc {margin-top: 16px;font-size: 16px;font-weight: 400;color: #333;line-height: 1.3;letter-spacing: -0.01em; }
.header_gnb_wrap .gnb_details_content {position: relative;-webkit-box-sizing: border-box;box-sizing: border-box; }

@media screen and (max-width: 767px) {
	.header_gnb_wrap .gnb_depth1_li.is-active .gnb_depth1_menu {-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-weight: 500;color: #fff; }
	.header_gnb_wrap .gnb_depth1_li.is-active .gnb_depth1_menu::before {content: '';z-index: -1;position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 35px;width: 90%;height: 35px;background-color: #2F3849; }
	.header_gnb_wrap .gnb_depth1_li.gnb_depth1_sd_6 .gnb_depth2_li {width: 100%; }
	.header_gnb_wrap .gnb_depth1_menu {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 14px 5.12vw;width: 50%;font-size: 4.10vw; /* 대표와 다름 : 16/390 */color: #555; }
	.header_gnb_wrap .gnb_depth2_menu {font-size: 34px;font-size: 3.84615vw; }
	.header_gnb_wrap .gnb_depth2_menu::before {background: none; }
	.header_gnb_wrap .gnb_details {top: 0;right: 0;overflow-y: scroll;padding: 14px 5.12vw 0 5.12vw;width: calc(100vw - 50%);height: 100%;background-color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box; }
}
@media screen and (max-width: 320px) {
	.header_gnb_wrap .gnb_depth1_menu {font-size: 36.26667px;font-size: 4.10256vw; }
}
@media screen and (min-width: 1024px) {
	.header_gnb_wrap .gnb_depth1_menu {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 16px 0 34px;width: 10vw;height: 76px;font-size: 18px;color: #fff;text-align: center; }
	.header_gnb_wrap .gnb_details {top: 76px;left: 0;right: auto;width: 100%;border-top: 1px solid #ccc;-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); }
	.header_gnb_wrap .gnb_details::before {content: '';z-index: -1;position: absolute;top: 0;left: 0;width: 100vw;height: 100%;background-color: #fff; }
	.header_gnb_wrap .gnb_details_inwrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin: 0 auto;width: 1280px; }
	.header_gnb_wrap .gnb_details_intro {display: block;-ms-flex-negative: 0;flex-shrink: 0;padding: 40px 0;width: 260px;border-right: 1px solid #ccc;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.header_gnb_wrap .gnb_details_content {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 30px 0 30px 40px; }
}
@media screen and (min-width: 1280px) {
	.header_gnb_wrap .gnb_depth1_menu {padding: 16px 0 34px;width: 166px;height: 76px; }
}

.header_quick_gnb {z-index: 300;display: none; }
.header_quick_gnb.is-active {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important; }
.header_quick_inner {position: relative;margin: 0 auto;padding: 40px;width: 1280px;border-radius: 20px;background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box; }
.header_quick_inner .btn_all_close {position: absolute;top: 0;right: -36px;width: 24px;height: 24px;background: url("/images/n24/common/bg_popup_close_w.png") no-repeat left top/100% auto; }
.header_quick_inner .btn_all_close:focus-visible {outline-color:#fff; }

@media screen and (min-width: 1024px) {
	.header_quick_gnb {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;position: fixed;top: 0;left: 0;right: 0;padding: 60px;width: 100vw;height: 100vh;-webkit-box-sizing: border-box;box-sizing: border-box;background: rgba(0, 0, 0, 0.7); }
	.header_quick_gnb .depth1 {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; }
	.header_quick_gnb .depth1 > li {position: relative;margin-left: 8px;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 1;-ms-flex: 1;flex: 1; }
	.header_quick_gnb .depth1 > li > a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 5px;color: #fff;text-align: center;line-height: 45px;font-size: 17px;font-weight: 500;background: #36435E;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.header_quick_gnb .depth1 > li > a:focus-visible {outline:2px dotted #000; }
	.header_quick_gnb .depth2 {padding: 16px;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.header_quick_gnb .depth2 > li {display: block;position: relative;margin-bottom: 10px;padding-left: 9px;font-size: 16px;font-weight: 400;color: #555;line-height: 1.3;letter-spacing: -0.01em; }
	.header_quick_gnb .depth2 > li::before {content: '';position: absolute;top: 8px;left: 0;width: 3px;height: 3px;background-color: #555; }
	.header_quick_gnb .depth2 > li:hover,
	.header_quick_gnb .depth2 > li:focus {font-weight: 700;color: #36435E; }
	.header_quick_gnb .depth2 > li:hover::before,
	.header_quick_gnb .depth2 > li:focus::before {background-color: #36435E; }
}

/* stie nav */
.stie_menu_nav {z-index: 116;position: fixed;bottom: 0;left: 0;right: 0;width: 100%;height: 56px;background-color: #1F2229; }
.stie_menu_nav .nav_list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; }
.stie_menu_nav .nav_list_item {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; }
.stie_menu_nav .nav_list_item:nth-child(1) .btn_text::before {background: url("/images/n24/common/icon_nav_home_w.svg") no-repeat center top/100% auto; }
.stie_menu_nav .nav_list_item:nth-child(2) .btn_text::before {background: url("/images/n24/common/icon_nav_notice_w.svg") no-repeat center top/100% auto; }
.stie_menu_nav .nav_list_item:nth-child(3) .btn_text::before {background: url("/images/n24/common/icon_nav_vote_w.svg") no-repeat center top/100% auto; }
.stie_menu_nav .nav_list_item:nth-child(4) .btn_text::before {background: url("/images/n24/common/icon_nav_allmenu_w.svg") no-repeat center top/100% auto; }
.stie_menu_nav .nav_list_item:nth-child(4).is-opend {background-color: #fff; }
.stie_menu_nav .nav_list_item:nth-child(4).is-opend .btn_text {color: #1D1D1D; }
.stie_menu_nav .nav_list_item:nth-child(4).is-opend .btn_text::before {background: url("/images/n24/common/icon_nav_close_b.svg") no-repeat center top/100% auto; }
.stie_menu_nav .nav_list_link {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 10px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.stie_menu_nav .nav_list_link .btn_text {position: relative;padding-top: 20px;font-size: 12px;font-weight: 500;color: #FFF;line-height: 1.3;letter-spacing: -0.01em; }
.stie_menu_nav .nav_list_link .btn_text::before {content: '';position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 18px;height: 18px; }

@media screen and (min-width: 1024px) {
	.stie_menu_nav {display: none; }
}

/* footer */
.footer_wrap {position: relative;padding: 25px 20px 28px;color: #C2C5CD;background: #1F2229;-webkit-box-sizing: border-box;box-sizing: border-box; }
.footer_wrap img {width: auto; }
.footer_top {display: none;background-color: #2F3849; }
.footer_top_inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;position: relative; }
.footer_top_title {display: block;position: relative;padding: 0 30px;font-weight: 700;font-size: 16px;color: #FFF;line-height: 1.35;white-space: nowrap; }
.footer_top_title::before,
.footer_top_title::after {content: '';position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); }
.footer_top_title::before {left: 0;width: 14px;height: 14px;background: url("/images/n24/main/bg_icon_reation.png") no-repeat left center/100% auto; }
.footer_top_title::after {right: 0;width: 1px;height: 100%;max-height: 24px;background: rgba(255, 255, 255, 0.2); }
.footer_top_cite {overflow: hidden;position: relative;/* padding-left:40px; */
-webkit-box-sizing: border-box;box-sizing: border-box; }
.footer_top_cite .footer_cite_list .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 16px 30px;width: auto;height: 24px;font-size: 14px;font-weight: 400;color: #FFF;line-height: 1.35;white-space: nowrap; }
.footer_top_cite .footer_cite_list .swiper-slide a {display: block;padding: 3px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.footer_top_cite .footer_cite_list .swiper-slide a:focus-visible {outline:2px solid #fff; }
.footer_top_cite .footer_cite_list .swiper-control {z-index: 10;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;position: absolute;top: 0;right: 0;height: 100%;width: 115px;padding-left: 16px;background-color: #2F3849;-webkit-box-sizing: border-box;box-sizing: border-box; }
.footer_top_cite .footer_cite_list .swiper-control .swiper-auto-control,
.footer_top_cite .footer_cite_list .swiper-control .swiper-button-prev,
.footer_top_cite .footer_cite_list .swiper-control .swiper-button-next {width: 20px;height: 100%; }
.footer_top_cite .footer_cite_list .swiper-control .swiper-auto-control button:focus-visible,
.footer_top_cite .footer_cite_list .swiper-control .swiper-button-prev:focus,
.footer_top_cite .footer_cite_list .swiper-control .swiper-button-next:focus {outline:2px solid #fff;outline-offset:-2px; }
.footer_top_cite .footer_cite_list .swiper-control .swiper-button-prev,
.footer_top_cite .footer_cite_list .swiper-control .swiper-button-next {top: auto;bottom: 0;left: auto;-webkit-transform: none;transform: none; }
.footer_top_cite .footer_cite_list .swiper-control .swiper-button-prev::after,
.footer_top_cite .footer_cite_list .swiper-control .swiper-button-next::after {display: none; }
.footer_top_cite .footer_cite_list .swiper-control .swiper-auto-control {z-index: 5;position: absolute;right: 31px; }
.footer_top_cite .footer_cite_list .swiper-control .swiper-start,
.footer_top_cite .footer_cite_list .swiper-control .swiper-stop {cursor: pointer;position: absolute;top: auto;left: auto;bottom: 0;width: 20px;height: 100%; }
.footer_top_cite .footer_cite_list .swiper-control .swiper-start {display: none;background: url("/images/n24/main/bg_swiper_start_w.png") no-repeat center center/100% auto; }
.footer_top_cite .footer_cite_list .swiper-control .swiper-stop {background: url("/images/n24/main/bg_swiper_stop_w.png") no-repeat center center/100% auto; }
.footer_top_cite .footer_cite_list .swiper-control .swiper-button-prev {right: 60px;background: url("/images/n24/main/bg_swiper_prev_w.png") no-repeat left center/100% auto; }
.footer_top_cite .footer_cite_list .swiper-control .swiper-button-next {right: 2px;background: url("/images/n24/main/bg_swiper_next_w.png") no-repeat left center/100% auto; }
.footer_bottom_inner {position: relative;-webkit-box-sizing: border-box;box-sizing: border-box; }

@media screen and (min-width: 1024px) {
	.footer_wrap {padding: 0 20px; }
	.footer_top {display: block; }
	.footer_top_inner {margin: 0 auto;padding: 0;width: 1280px; }
	.footer_bottom_inner {margin: 0 auto;padding-top: 32px;padding-bottom: 40px;width: 1280px; }
}

.footer_bottom_box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;position: relative; }
.footer_bottom_box .footer_menu_list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;width: 100%; }
.footer_bottom_box .footer_menu_item {position: relative;margin-left: 17px; }
.footer_bottom_box .footer_menu_item.personal {color:#f7e68c;font-weight:700; }
.footer_bottom_box .footer_menu_item::before {content: '';position: absolute;top: 50%;right: -8px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 10px;background: #656870; }
.footer_bottom_box .footer_menu_item:first-child {margin-left: 0; }
.footer_bottom_box .footer_menu_item:first-child .footer_menu_link {font-weight: 700;color: #fff; }
.footer_bottom_box .footer_menu_item:last-child::before {display: none; }

.footer_bottom_box .footer_menu_link {font-size: 12px;font-weight: 400;color: #C2C5CD;line-height: 1; }
.footer_bottom_box .footer_family_site {position: relative;margin-top: 15px; }
.footer_bottom_box .footer_family_site .family_site_wrap {position: relative;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 30px;background: #171620; }
.footer_bottom a:focus-visible {outline:2px solid #fff; }

.footer_bottom_box .footer_family_site .family_site_button {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding: 10px 43px 10px 12px;width: 100%;line-height: 1;-webkit-box-sizing: border-box;box-sizing: border-box;font-size:16px; }
.footer_bottom_box .footer_family_site .family_site_button::before {content: '';position: absolute;top: 50%;right: 19px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 17px;height: 17px;background: url("/images/n24/main/bg_selectbox_arrow_w.png") no-repeat left top/100% auto; }
.footer_bottom_box .footer_family_site .family_site_layer {display: none;z-index: 3;position: absolute;bottom: 40px;left: 0;width: 100%;background: #35383f;border: 1px solid #5a5d65;padding:4px 0; }
.footer_bottom_box .footer_family_site .family_site_layer a {display: block;padding: 3px 0 3px 15px;font-size: 16px;color: #fff;line-height: 1.4;-webkit-box-sizing: border-box;box-sizing: border-box; }
.footer_bottom_box .footer_family_site .family_site_layer a:hover,
.footer_bottom_box .footer_family_site .family_site_layer a:focus {text-decoration: underline; }
.footer_bottom_box .footer_family_site .family_site_wrap.is-active .family_site_layer {display: block; }

.footer_bottom_box .location_information {margin-top: 15px;color: #C2C5CD;line-height: 1.6; }
.footer_bottom_box .location_information address {word-break: keep-all; }
.footer_bottom_box .location_information .tel-info {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 14px;padding: 6px 10px;font-size: 13px;font-weight: 400;color: #c2c5cd;border: 1px solid rgba(194, 197, 205, 0.5);border-radius: 50px;line-height: 1; }

.footer_bottom_box .homepage_mark_list {margin-top: 15px; }
.footer_bottom_box .homepage_mark_list .mark_list_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; }
.footer_bottom_box .homepage_mark_list .mark_list_wrap li {margin-left: 12px;height: 32px; }
.footer_bottom_box .homepage_mark_list .mark_list_wrap li:first-child {margin-left: 0; }
.footer_bottom_box .homepage_mark_list .mark_list_wrap li img {height: 100%; }

.btn_page_top {opacity: 0;z-index: 100;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: fixed;right: 8px;bottom: calc(55px + 54px + 30px);-webkit-transition: .75s ease-in-out;transition: .75s ease-in-out;width: 48px;height: 48px;border-radius: 100%;background: #2F3849;-webkit-box-shadow: 0px 0px 15px rgba(31, 34, 41, 0.25);box-shadow: 0px 0px 15px rgba(31, 34, 41, 0.25); }
.btn_page_top:focus-visible {outline:2px dotted #fff; }
.btn_page_top.is-active {opacity: 1 !important; }
.btn_page_top .btn_text {position: relative;padding-top: 20px;font-weight: 500;font-size: 12px;color: #FFF;line-height: 1.3;text-align: center;letter-spacing: -0.01em; }
.btn_page_top .btn_text::before {content: '';position: absolute;top: 0;left: 0;right: 0;width: 20px;height: 20px;margin: 0 auto;background: url("/images/n24/common/iocn_page_top_arrow.svg") no-repeat left top/100% auto; }

@media screen and (max-width: 1023px) {
	.footer_bottom_box .footer_menu_item {margin-left: 38.53333px;margin-left: 4.35897vw; }
	.footer_bottom_box .footer_menu_item::before {right: -18.13333px;right: -2.05128vw; }
	.footer_bottom_box .footer_family_site .family_site_button { font-size:14px; }
	.footer_bottom_box .footer_family_site .family_site_layer a { font-size: 14px; }
	.footer_bottom_box .homepage_mark_list .mark_list_wrap {display:none; }
}
@media screen and (max-width: 430px) {
	.footer_bottom_box .footer_menu_item a{display:block;padding:4px 0;}
}
@media screen and (max-width: 320px) {
	.footer_bottom_box .footer_menu_item {margin: 0;width: 50%;text-align:center; }
	.footer_bottom_box .footer_menu_item::before {left: 0; }
	.footer_bottom_box .footer_menu_item:last-child::before {display: block; }
	.footer_bottom_box .footer_menu_item:nth-child(odd)::before {display: none; }
	.footer_bottom_box .footer_menu_link {display: block;padding: 5px;text-align: center; }
}
@media screen and (min-width: 768px) {
	.footer_bottom_box .location_information .tel-info {margin-left: 10px; }
}
@media screen and (min-width: 1024px) {
	.footer_bottom_box {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
	.footer_bottom_box .footer_menu_list {-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: auto; }
	.footer_bottom_box .footer_menu_item {margin-left: 31px; }
	.footer_bottom_box .footer_menu_item::before {right: -15px; }
	.footer_bottom_box .footer_menu_link {padding: 12px 0;font-size: 14px; }
	.footer_bottom_box .footer_family_site {margin: 0 0 0 64px; }
	.footer_bottom_box .footer_family_site .family_site_button {width: auto;padding: 11px 107px 12px 15px; }
	.footer_bottom_box .location_information {margin: 0; }
	.footer_bottom_box .homepage_mark_list {position: absolute;bottom: 0;right: 0; }
	.footer_bottom_box .homepage_mark_list .mark_list_wrap {display:block;margin-top: 15px; }
	.footer_bottom_box .homepage_mark_list .mark_list_wrap li {height: 50px; }
	.btn_page_top {right: 30px;bottom: 30px; }
}

/* quick */
#rightQuick {z-index: 100;position: fixed;top: auto;right: 8px;bottom: calc(55px + 30px);min-width: 48px;min-height: 48px; }
#rightQuick.main {display: none; }

@media screen and (min-width: 1024px) {
	#rightQuick {top: auto;right: 2.5vw;bottom: 60.79vh;min-width: auto;min-height: auto; }
	#rightQuick.main {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;left: 32px;right: auto; }
}

#rightQuick .quick_wrap {position: relative; }
#rightQuick .quick_wrap .sd_list_box {position: relative; }
#rightQuick .quick_wrap > a {display: none;position: relative;text-align: center; }
/* @media screen and (min-width: 1024px) {#rightQuick .quick_wrap > a {-webkit-animation: quickMover 0.3s 12 alternate;animation: quickMover 0.3s 12 alternate; }
}*/
#rightQuick .quick_wrap > a:after {content: '';display: none;position: absolute; }
#rightQuick .quick_wrap > a:hover:after,
#rightQuick .quick_wrap > a:focus:after {display: block !important; }
#rightQuick .quick_wrap > a.addCh {display: block;position: relative;margin-bottom: 20px;width: 103px;height: 150px;background: url("/images/n24/common/btn_asdie_quick.png") no-repeat;text-indent: -9999em;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-animation: quickMover 0.3s 12 alternate;animation: quickMover 0.3s 12 alternate;margin: 0 0 20px 10px;top: 105px; }
#rightQuick .quick_wrap > a.addCh:after {left: -140px;top: -100px;width: 210px;height: 123px;background: url("/images/n24/common/icon_rightQuick_on2.png") no-repeat; }
#rightQuick .quick_wrap > a.evt_icon {margin-bottom: 0;width: 245px;height: 56px;background: url("/images/n24/common/icon_rightQuick_mobile4.png") no-repeat left top/100% auto; }

@media screen and (min-width: 1024px) {
	#rightQuick .quick_wrap > a.evt_icon {display: block;margin: 30px 0 0 25px;width: 103px;height: 150px;background: url("/images/n24/common/btn_asdie_quick.png") no-repeat; }
	#rightQuick .quick_wrap > a.evt_icon:after {left: -140px;top: -100px;width: 210px;height: 123px;background: url("/images/n24/common/icon_rightQuick_on2.png") no-repeat; }
}

/** 메인 퀵 이미지 배너 **/
.wrap.main #rightQuick .quick_wrap > a.rvt_icon {top:400px;width: 132px;height: 100px;border-radius: 10px;-webkit-box-shadow: 0px 4px 12px rgba(31, 34, 41, 0.12);box-shadow: 0px 4px 12px rgba(31, 34, 41, 0.12);background: url("/images/n24/common/rvt_baro_icon3.png") no-repeat left top/100% auto; }
#rightQuick .quick_wrap > a.rvt_icon {top:230px;width: 132px;height: 100px;border-radius: 10px;-webkit-box-shadow: 0px 4px 12px rgba(31, 34, 41, 0.12);box-shadow: 0px 4px 12px rgba(31, 34, 41, 0.12);background: url("/images/n24/common/rvt_baro_icon3.png") no-repeat left top/100% auto; }

.wrap.main #rightQuick .quick_wrap > a.vt_icon {top:400px;width: 132px;height: 100px;border-radius: 10px;-webkit-box-shadow: 0px 4px 12px rgba(31, 34, 41, 0.12);box-shadow: 0px 4px 12px rgba(31, 34, 41, 0.12);background: url("/images/n24/common/vt_baro_icon.png") no-repeat left top/100% auto; }
#rightQuick .quick_wrap > a.vt_icon {top:230px;width: 132px;height: 100px;border-radius: 10px;-webkit-box-shadow: 0px 4px 12px rgba(31, 34, 41, 0.12);box-shadow: 0px 4px 12px rgba(31, 34, 41, 0.12);background: url("/images/n24/common/vt_baro_icon.png") no-repeat left top/100% auto; }

/* #rightQuick .quick_wrap > a.rvt_icon:after {top: -16px;right: 140px;width: 193px;height: 94px;background: url("/images/n24/common/rvt_baro_icon2_txt_left.png") no-repeat left top /100% auto; } */

#rightQuick .quick_wrap > a.jvt_icon {top:400px;width: 132px;height: 100px;border-radius: 10px;-webkit-box-shadow: 0px 4px 12px rgba(31, 34, 41, 0.12);box-shadow: 0px 4px 12px rgba(31, 34, 41, 0.12);background: url("/images/n24/common/rvt_icon_baro_icon3.png") no-repeat left top/100% auto; }

#rightQuick .quick_wrap > a.avt_icon {margin-bottom: 11px;width: 115px;height: 175px;background: url("/images/n24/common/avt_baro_icon2.png") no-repeat left top; }
#rightQuick .quick_wrap > a.avt_icon:after {left: -160px;top: -75px;width: 210px;height: 123px;background: url("/images/n21/common/avt_icon_rightQuick_on.png") no-repeat; }
#rightQuick .quick_wrap > a .lvt_iocn:after {left: -140px;top: -100px;width: 210px;height: 123px;background: url("/images/n21/common/icon_rightQuick2_on.png") no-repeat left top; }
#rightQuick .quick_wrap .rightQuickOpen {display: block;position: absolute;right: 0;top: 0;width: 52px;height: 56px;background: url("/images/n24/common/icon_rightQuick_open_m.png") no-repeat left top/100% auto; }
#rightQuick .quick_wrap .rightQuickOpen a {display: block;position: absolute;right: 0;top: 0;width: 52px;height: 56px;-webkit-animation: none;animation: none; }

#rightQuick .quick_wrap .openLayer,
#rightQuick .quick_wrap .quickLayer,
#rightQuick .quick_wrap .closeLayer {display: none;-webkit-animation: none !important;animation: none !important; }
#rightQuick .quick_wrap .openLayer:hover:after,
#rightQuick .quick_wrap .closeLayer:hover:after {display: none; }
#rightQuick .quick_wrap .openLayer {display: none; }

#rightQuick .quick_wrap .closeLayer {display: none;position: absolute;bottom: 0;left: 0;right: 0;-webkit-transition: .5s opacity ease-in-out;transition: .5s opacity ease-in-out;width: 132px;height: 74px;-webkit-animation: none;animation: none;background: url("/images/n24/common/bg_floating_quick_close.png") no-repeat center/24px auto; }
#rightQuick .quick_wrap .quickLayer {display: none;overflow: visible;position: absolute;padding: 20px 0 20px 20px;border: 2px solid #1F2229;border-radius: 12px;background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box; }
#rightQuick .quick_wrap .quickLayer::before {content: '';position: absolute;top: 27px;left: -12px;width: 12px;height: 20px;background: url("/images/n24/common/bg_floating_arrow.png") no-repeat left top/100% auto; }

@media screen and (min-width: 1024px) {
	#rightQuick .quick_wrap > a.rvt_icon {display: block; }
	#rightQuick .quick_wrap > a.vt_icon {display: block; }
	#rightQuick .quick_wrap > a.jvt_icon {display: block; }
	#rightQuick .quick_wrap .rightQuickOpen {display: none; }
	/* #rightQuick .quick_wrap .openLayer,
	#rightQuick .quick_wrap .quickLayer,
	#rightQuick .quick_wrap .closeLayer {display: block; } */
	#rightQuick .quick_wrap .openLayer:hover:after,
	#rightQuick .quick_wrap .closeLayer:hover:after {display: block; }
	#rightQuick .quick_wrap .openLayer {display: block;position: relative;top: 0;left: 0;-webkit-transition: .5s opacity ease-in-out;transition: .5s opacity ease-in-out;margin: 0;padding: 55px 12px 14px 12px;width: 132px;height: 111px;text-align: center;background: transparent;-webkit-box-sizing: border-box;box-sizing: border-box; }
	#rightQuick .quick_wrap .openLayer::before {content: '';z-index: -1;position: absolute;top: 0;left: 0;width: 144px;height: 119px;background: url("/images/n24/common/bg_floating_main.png") no-repeat left top/100% auto; }
	#rightQuick .quick_wrap .openLayer > span {display: inline-block;font-size: 16px;font-weight: 500;color: #fff;letter-spacing: -1px;line-height: 1.3;vertical-align: top; }
}

/* 시도 다름 S */
#rightQuick:not(.main) .quick_wrap .quickLayer::before {left: auto;right: -12px;-webkit-transform: rotate(180deg); transform: rotate(180deg); }

#rightQuick .quick_wrap .quickLayer .title {display: block;padding-bottom: 8px;border-radius: 0;border-bottom: 1px solid #1F2229;font-size: 16px;font-weight: 700;color: #1F2229;line-height: 1.5;text-align: left;background: #fff;margin-right:20px; }
#rightQuick .quick_wrap .quickLayer > ul {overflow-y: auto;padding: 16px 10px 0 0;max-height:240px; }
#rightQuick .quick_wrap .quickLayer > ul li {display: block; }
#rightQuick .quick_wrap .quickLayer > ul li > a {display: block;position: relative;font-size: 17px;font-weight: 400;color: #555;line-height: 1.3;padding:4px 0 4px 9px; }
#rightQuick .quick_wrap .quickLayer > ul li > a::before {content: '';position: absolute;top: 12px;left: 0;width: 3px;height: 3px;background-color: #555; }
#rightQuick .quick_wrap .quickLayer > ul li > a:hover {text-decoration: underline; }
#rightQuick .quick_wrap .quickLayer > ul li > a:focus-visible {outline-offset: -2px; }

#rightQuick.active .openLayer > span {position:absolute;left:-9999px; }
#rightQuick.active .closeLayer {display: block; }
#rightQuick.active .rightQuickOpen {z-index: 1;height: 54px;background: url("/images/n24/common/icon_rightQuick_close_m.png") no-repeat center/14px auto; }
#rightQuick.active .quick_wrap a.evt_icon {display: block; }
/* .wrap.main #rightQuick .rvt_icon,
.wrap.main #rightQuick .evt_icon {display: none !important; } */
.wrap:not(.main) #rightQuick {bottom: 80px; }

@media screen and (min-width: 1024px) {
	#rightQuick.active .quickLayer {z-index: 1;display: block;top: 37px;left: 150px;right: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;width: 290px; }
	#rightQuick:not(.main).active .quickLayer {left: auto;right: 150px;top:-112px; }
	#rightQuick:not(.main) .quick_wrap .quickLayer::before {top:175px; }
	.wrap:not(.main) #rightQuick {top: 350px;bottom: 20px; }
}

@-webkit-keyframes quickMover {
	0% {-webkit-transform: translateY(0);transform: translateY(0); }
	100% {-webkit-transform: translateY(-25px);transform: translateY(-25px); }
}
@keyframes quickMover {
	0% {-webkit-transform: translateY(0);transform: translateY(0); }
	100% {-webkit-transform: translateY(-25px);transform: translateY(-25px); }
}
@-webkit-keyframes quickMover2 {
	0% {-webkit-transform: translateY(0);transform: translateY(0); }
	100% {-webkit-transform: translateY(-25px);transform: translateY(-25px); }
}
@keyframes quickMover2 {
	0% {-webkit-transform: translateY(0);transform: translateY(0); }
	100% {-webkit-transform: translateY(-25px);transform: translateY(-25px); }
}

/* aside */
.aside_wrap {position: fixed;top: 0;right: -100vw;width: 100%;height: 100vh;top: 250px;top: 13.02083vw; }
.aside_wrap.is-active {z-index: 130;right: 0; }

@media screen and (max-width: 1023px) {
	.aside_news_button {display: none; }
}
@media screen and (min-width: 1024px) {
	.aside_wrap {z-index: 120;position: fixed;top: 200px;right: 0;width: 50px;height: 100px; }
	.aside_wrap.first {z-index: 130;top:0 !important;width:auto;height:auto; }
}
@media screen and (min-width: 1600px) {
	.aside_wrap {top: 250px; }
}

.aside_news_button .btn_aside {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;padding: 0 20px;width: 50px;height: 160px;border-radius: 20px 0px 0px 20px;background: #36435E;-webkit-box-sizing: border-box;box-sizing: border-box; }
.aside_news_button .btn_aside:focus-visible {outline-style:dotted; }
/* .aside_news_button .btn_aside::before {content: '';position: absolute;top: -62px;left: -30px;width: 72px;height: 102px;background: url("/images/n24/common/img_character_side_open.png") no-repeat left top/100% auto; } */
.aside_news_button h2 {position: relative;padding: 0 0 27px;font-weight: 500;font-size: 16px;color: #fff;letter-spacing: -0.01em; word-break:break-all; }
.aside_news_button h2::before {content: '';position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 14px;height: 14px;background: url("/images/n24/common/icon_aside_menu1.png") no-repeat center top/100% auto; }

.aside_favorite_button {position: relative;margin-top: 10px; }
.aside_favorite_button .btn_aside.type_favorite {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;padding: 19px 20px;width: 50px;height: 160px;border-radius: 20px 0px 0px 20px;background: #856C6C;-webkit-box-sizing: border-box;box-sizing: border-box; }
.aside_favorite_button h2 {position: relative;padding: 27px 0 0;font-weight: 500;font-size: 16px;color: #fff;letter-spacing: -0.01em; }
.aside_favorite_button h2::before {content: '';position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 16px;height: 16px;background: url("/images/n24/common/icon_aside_menu2.png") no-repeat center top/100% auto; }

.layer_menu_wrap {z-index: 105;display: none;-webkit-transform: none;transform: none;-webkit-transition: none;transition: none; }
.layer_menu_wrap:focus {outline-offset:-3px; }
.layer_menu_wrap.favorite.is-active {padding: 0 30px 0 70px; }
.layer_menu_inner {position: relative; }
.layer_menu_title {display: inline-block;font-size: 30px;font-weight: 700;color: #fff;line-height: 1.35; }
.layer_menu_desc {display: inline-block;margin-left: 18px;font-size: 18px;font-weight: 400;color: #fff;line-height: 1; }
.layer_menu_content {padding: 30px 70px 70px;border-radius: 30px;background: #F5F3F1;-webkit-box-sizing: border-box;box-sizing: border-box; }
.layer_menu_button {display: none; }

.aside_news_wrap:not(.pc_view) {z-index: 105;width: 100%; }

@media screen and (max-width: 1380px) {
	.aside_news_wrap.pc_view .layer_menu_wrap.is-active {padding:0 60px 0 76px;max-width:calc(100vw - 136px); }
	.aside_news_wrap.pc_view .news .layer_menu_inner {padding:0 0 0 10px; }
}
@media screen and (max-width: 1023px) {
	.layer_menu_content {position: relative; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.layer_menu_head {overflow: hidden;position: absolute;top: 0;left: 0;clip-path: circle(0%);margin: -1px;width: 1px;height: 1px;font-size: 1px;line-height: 0;white-space: nowrap; }
}
@media screen and (min-width: 1024px) {
	.layer_menu_wrap {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;-webkit-transform: translateX(-100%);transform: translateX(-100%); }
	.layer_menu_wrap::after {content: '';z-index: -1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #2e323fd4; }
	.layer_menu_wrap.is-active {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transform: translateX(0);transform: translateX(0); }

	.layer_menu_head {position: absolute;top: -34px;left: 0; }
	.layer_menu_button {display: block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: -60px;height: 200px;border-radius: 30px 0px 0px 30px;background: #5E6B84; }
	.layer_menu_button .btn_aside_close {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;width: 60px;height: 100%; }
	.layer_menu_button .btn_aside_close .btn_text {position: relative;display: inline-block;font-size: 18px;font-weight: 500;color: #fff;line-height: 1.3;letter-spacing: -0.01em;padding-bottom: 48px; }
	.layer_menu_button .btn_aside_close .btn_text::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;width: 20px;height: 10px;background: url("/images/n24/common/bg_aside_close.png") no-repeat left top/100% auto; }
}
@media screen and (min-width: 1380px) {
	.aside_news_wrap.pc_view .layer_menu_inner {width: 1200px;height: auto;padding:0 0 0 20px; }
}

/* tooltip */
.btn_tooltip {position: relative;display: inline-block;width: 20px;height: 20px;background: url("/images/n24/common/icon_tooltip_guide.png") no-repeat left top/100% auto; }
.btn_tooltip.is-active + .aside_tooltip {z-index: 120;display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important; }

.aside_tooltip {z-index: -1;display: none;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;position: absolute;top: -40px;left: 0;right: 0;margin: 0 auto;width: 100%;max-width: 360px;height: 355px;border-radius: 20px;background: #F5F3F1; }
.aside_tooltip .tooltip_content.favorite {position: relative;padding: 16px;border-radius: 20px;background-color: #F5F3F1; }
.aside_tooltip .tooltip_content.favorite::before {content: ''; }
.aside_tooltip .tooltip_content.favorite .tooltip_intro {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;padding: 16px 29px;padding-left: 107px;border-radius: 20px;background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box; }
.aside_tooltip .tooltip_content.favorite .tooltip_intro::before {content: '';position: absolute;top: 50%;left: 16px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 77px;height: 63px;background: url("/images/n24/common/img_character_favorite.png") no-repeat left top/100% auto; }
.aside_tooltip .tooltip_content.favorite .tooltip_intro_title {font-size: 14px;line-height: 1.5; }
.aside_tooltip .tooltip_content.favorite .tooltip_intro_title > strong {position: relative;display: inline-block;font-weight: 700;font-size: 20px;color: #856C6C; }
.aside_tooltip .tooltip_content.favorite .tooltip_intro_title > strong::before {content: '';z-index: 0;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 -3px;width: calc(100% + 6px);height: 12px;background: rgba(133, 108, 108, 0.16); }
.aside_tooltip .tooltip_content.favorite .tooltip_intro_title span {display: block;margin-top: 1px;line-height: 1.5; }
.aside_tooltip .tooltip_content.favorite .tooltip_detail {margin-top: 16px;font-size: 14px;font-weight: 400;color: #121212;line-height: 1.3; }
.aside_tooltip .tooltip_content.favorite .tooltip_detail .tooltip_detail_title {display: block;position: relative;padding-left: 24px;font-size: 16px;font-weight: 700;color: #121212;line-height: 1.5; }
.aside_tooltip .tooltip_content.favorite .tooltip_detail .tooltip_detail_title::before {content: '';position: absolute;top: 1px;left: 0;width: 20px;height: 20px;background: url("/images/n24/common/icon_notice.png") no-repeat left top/100% auto; }
.aside_tooltip .tooltip_content.favorite .tooltip_detail .tooltip_detail_text {margin-top: 8px; }

@media screen and (min-width: 1024px) {
	.btn_tooltip {position: absolute;bottom: 28px;right: 15px;width: 18px;height: 18px; }
	.aside_tooltip {top: -57px;left: -367px;right: auto;margin: 0;width: 360px;height: 355px; }
	.aside_tooltip .tooltip_content.favorite::before {position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: -12px;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #F5F3F1;border-right: 20px solid none; }
}

/* menu card */
.menu_card_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin: -12px 0 0 -12px; }
.menu_card_item {position: relative;margin: 12px 0 0 12px;border-radius: 16px;width: calc(50% - 12px);background: #F8F8F8 url("/images/n24/common/bg_favorite_menu.jpg") no-repeat center/auto 100%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.menu_card_item::before {content: '';z-index: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px dashed #BBBBBB;border-radius: inherit;-webkit-box-sizing: border-box;box-sizing: border-box; }

.menu_card_box {display: block; }
.menu_card_box > button {cursor: pointer;z-index: 1;display: block;position: relative;width: 100%;height: 100%; }
.menu_card_box .my_menu_category {display: inline-block;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 4px 10px;border-radius: 5px;font-size: 14px;font-weight: 700;color: #856C6C;line-height: 1.3;letter-spacing: -0.01em;background: #F7EFE8; }
.menu_card_box .my_menu_name {display: block;margin-top: 10px;font-size: 18px;font-weight: 500;color: #121212;line-height: 1.3;letter-spacing: -0.01em;word-break: keep-all; }
.menu_card_box .btn_menu_delete {z-index: 3;position: absolute;top: 10px;right: 10px;width: 4.10256vw;height: 4.10256vw;background: url("/images/n24/common/bg_menu_delete.svg") no-repeat left top/100% auto; }
.menu_card_addition {height: inherit; }
.menu_card_addition a {position: relative;z-index: 1;display: block;width: 100%;height: 100%;border: 2px solid #856C6C;-webkit-box-shadow: 0px 4px 4px rgba(133, 108, 108, 0.3);box-shadow: 0px 4px 4px rgba(133, 108, 108, 0.3);border-radius: 16px;background: #FFF;-webkit-box-sizing: border-box;box-sizing: border-box; }
.menu_card_addition a::before {content: '';z-index: -1;position: absolute;bottom: 12px;right: 12px;width: 78px;height: 78px;background: #FFF url("/images/n24/common/bg_ballot_mark.png") no-repeat left top/100% auto; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_card_wrap {overflow-y: scroll;height: 500px; }
	.menu_card_item {margin: 20px 0 0 20px;width: calc(50% - 20px);border-radius: 20px; }
	.menu_card_box {height: 120px; }
	.menu_card_box .my_menu_category {padding: 2px 8px;font-size: 12px;border-radius: 5px; }
	.menu_card_box .my_menu_name {font-size: 16px; }
	.menu_card_addition a {padding: 16px; }
}
@media screen and (max-width: 767px) {
	.menu_card_box {height: 26.15385vw; }
	.menu_card_box .my_menu_category {padding: 0.51282vw 2.05128vw;font-size: 3.58974vw;border-radius: 3px; }
	.menu_card_box .my_menu_name {font-size: 4.10256vw; }
	.menu_card_addition a {padding: 4.10256vw; }
}
@media screen and (max-width: 375px) {
	.menu_card_wrap {overflow-y: scroll;height: 816px;height: 92.30769vw; }
}
@media screen and (max-width: 320px) {
	.menu_card_wrap {height: 657.33333px;height: 74.35897vw; }
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
	.menu_card_wrap {overflow-y: scroll;height: 816px;height: 92.30769vw; }
}
@media screen and (min-width: 768px) {
	.menu_card_box .btn_menu_delete {width: 20px;height: 20px; }
}
@media screen and (min-width: 1024px) {
	.menu_card_wrap {margin: -20px 0 0 -20px; }
	.menu_card_item {margin: 20px 0 0 20px;width: calc(20% - 20px);border-radius: 20px; }
	.menu_card_box {height: 150px; }
	.menu_card_addition a {padding: 20px;border-radius: 20px; }
}

/* menu quick */
.menu_quick_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 4.10256vw; }
.menu_quick_list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; }

.menu_quick_item {position: relative;width: calc(50% - 8px); }
.menu_quick_item::before {content: '';opacity: 0.5;position: absolute;top: 50%;left: 9px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 16px;background-color: #36435E; }
.menu_quick_item a {display: block;padding: 2.82051vw 3.07692vw;font-size: 3.58974vw;text-align: left; }
.menu_quick_item .btn_text {position: relative;display: inline-block;padding-left: 6.66667vw; }
.menu_quick_item .btn_text::before {content: '';position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5.12821vw;height: 5.12821vw; }

@media screen and (max-width: 1023px) {
	.menu_quick_item::before {left: -42px;left: -2.1875vw; }
}
@media screen and (max-width: 767px) and (min-width: 1600px) {
	.menu_quick_item::before {left: -42px; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_quick_wrap {margin-top: 16px; }
	.menu_quick_item {position: relative;width: calc(33% - 8px); }
	.menu_quick_item:nth-child(4n) {margin-left: 0; }
	.menu_quick_item:nth-child(1)::before,
	.menu_quick_item:nth-child(4n)::before {display: none; }
	.menu_quick_item a {padding: 12px 8px;font-size: 14px; }
	.menu_quick_item .btn_text {padding-left: 26px; }
	.menu_quick_item .btn_text::before {width: 20px;height: 20px; }
}
@media screen and (max-width: 767px) {
	.menu_quick_item:nth-child(odd) {margin-left: 0; }
	.menu_quick_item:nth-child(odd)::before {display: none; }
}
@media screen and (min-width: 1024px) {
	.menu_quick_wrap {margin-top: 40px; }
	.menu_quick_list {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; }

	.menu_quick_item {margin-left: 20px;width: 176px; }
	.menu_quick_item:nth-child(1) {margin-left: 0; }
	.menu_quick_item:nth-child(1)::before {display: none; }
	.menu_quick_item a {padding: 16px 0;font-size: 16px;text-align: center; }
	.menu_quick_item .btn_text {padding-left: 28px; }
	.menu_quick_item .btn_text::before {width: 24px;height: 24px; }
}

.menu_quick_item.type1 .btn_text::before {background: url("/images/n24/common/icon_menu_quick1.svg") no-repeat left top/100% auto; }
.menu_quick_item.type2 .btn_text::before {background: url("/images/n24/common/icon_menu_quick2.svg") no-repeat left top/100% auto; }
.menu_quick_item.type3 .btn_text::before {background: url("/images/n24/common/icon_menu_quick3.svg") no-repeat left top/100% auto; }
.menu_quick_item.type4 .btn_text::before {background: url("/images/n24/common/icon_menu_quick4.svg") no-repeat left top/100% auto; }
.menu_quick_item.type5 .btn_text::before {background: url("/images/n24/common/icon_menu_quick5.svg") no-repeat left top/100% auto; }
.menu_quick_item.type6 .btn_text::before {background: url("/images/n24/common/icon_menu_quick6.svg") no-repeat left top/100% auto; }

/* sub visual */
.wrap:not(.main) .container {padding-top: 64px; }

.sub_visual_top .inner {z-index: 10;position: relative;padding: 12px 20px 0;-webkit-box-sizing: border-box;box-sizing: border-box; }
.sub_visual_top .sub_nav_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;position: relative; }

.sub_visual_top .naviList {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; }
.sub_visual_top .naviList > li:first-child {margin-left: 0; }
.sub_visual_top .naviList > li a {display: block;position: relative;padding: 0;font-size: 11px;font-weight: 400;color: #555;line-height: 1.5;-webkit-box-sizing: border-box;box-sizing: border-box;pointer-events: none;padding-left: 15px; }
.sub_visual_top .naviList > li a::before {content: '';position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 15px;height: 20px;background: url("/images/n24/common/icon_nav_arrow_g.png") no-repeat center/auto 100%; }
.sub_visual_top .naviList > li.home a {padding: 0;width: 15px;height: 20px; }
.sub_visual_top .naviList > li.home a::before {background: url("/images/n24/common/icon_nav_home_g.png") no-repeat center/auto 100%; }
.sub_visual_top .naviList > li:last-child a {font-weight: 600; }
.sub_visual_top .rightArea {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin-left: 40px; }
.sub_visual_top .sub_util_button {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.sub_visual_top .sub_util_button > li {position: relative;margin-left: 10px; }
.sub_visual_top .sub_util_button > li:first-child {margin-left: 0; }
.sub_visual_top .sub_util_button > li .btn_sub_util {display: block;overflow: hidden;position: relative;width: 32px;height: 32px;border-radius: 50%; }
.sub_visual_top .sub_util_button > li .btn_sub_util::before {content: '';position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto; }
.sub_visual_top .sub_util_button > li .btn_sub_util.likeBtn::before {content: '';width: 18px;height: 18px;background: url("/images/n24/common/icon_sub_like.svg") no-repeat center/100% auto; }
.sub_visual_top .sub_util_button > li .btn_sub_util.shareBtn::before {content: '';width: 14px;height: 16px;background: url("/images/n24/common/icon_sub_share.svg") no-repeat center/100% auto; }
.sub_visual_top .sub_util_button > li .btn_sub_util.printBtn::before {content: '';width: 18px;height: 18px;background: url("/images/n24/common/icon_sub_print.svg") no-repeat center/100% auto; }
.sub_visual_top .sub_util_button > li .shareSns {display: none;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: absolute;top: -54px;right: -13px;width: 132px;height: 70px;padding: 14px 13px 19px;background: url("/images/n24/common/bg_sns_share_m.png") no-repeat top right/100% auto;-webkit-box-sizing: border-box;box-sizing: border-box; }

.sub_visual_top .sub_util_button > li .shareSns::before {content: '';position: absolute;top: -53px;left: 0;right: 0; }
.sub_visual_top .sub_util_button > li .shareSns > a {z-index: 1;position: relative;display: block;margin-left: 8px; }
.sub_visual_top .sub_util_button > li .shareSns > a:first-child {margin-left: 0; }
.sub_visual_top .sub_util_button > li .shareSns.is-active {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important; }
.sub_visual_top .sub_util_button > li .likeBtn,
.sub_visual_top .sub_util_button > li .printBtn {display: none; }

/* sns */
[class*="sns_icon"] {display: inline-block;position: relative;width: 24px;height: 24px;border-radius: 100%; }
[class*="sns_icon"]::before {content: '';position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto; }

.sns_icon_blog {background-color: #23a304; }
.sns_icon_blog::before {width: 8px;height: 10px;background: url("/images/n24/common/icon_sns_blog.png") no-repeat left top/auto 100%; }
.sns_icon_blog + .sns_hashtag {color: #23a304; }

.sns_icon_facebook {background-color: #1877F2; }
.sns_icon_facebook::before {width: 8px;height: 14px;background: url("/images/n24/common/icon_sns_facebook.png") no-repeat left top/100% auto; }
.sns_icon_facebook + .sns_hashtag {color: #1877F2; }

.sns_icon_youtube {background-color: #E60C13; }
.sns_icon_youtube::before {width: 15px;height: 11px;background: url("/images/n24/common/icon_sns_youtube.png") no-repeat left top/100% auto; }
.sns_icon_youtube + .sns_hashtag {color: #E60C13; }

.sns_icon_x {background-color: #000000; }
.sns_icon_x::before {width: 12px;height: 11px;background: url("/images/n24/common/icon_sns_x.png") no-repeat left top/100% auto; }
.sns_icon_x + .sns_hashtag {color: #000000; }

.sns_icon_instagram {background: gradient(linear, left top, left bottom, from(#C80188), color-stop(50%, #EF0114), to(#FCA31D));background: linear-gradient(180deg, #C80188 0%, #EF0114 50%, #FCA31D 100%); }
.sns_icon_instagram::before {width: 14px;height: 14px;background: url("/images/n24/common/icon_sns_instagram.png") no-repeat left top/100% auto; }
.sns_icon_instagram + .sns_hashtag {color: #C80188; }
.sns_icon_kakaostory {background-color: #6A5CFF; }
.sns_icon_kakaostory::before {width: 10px;height: 13px;background: url("/images/n24/common/icon_sns_kakaostory.png") no-repeat left top/100% auto; }
.sns_icon_kakaostory + .sns_hashtag {color: #6A5CFF; }

@media screen and (max-width: 1023px) {
	.sub_visual_top h2 {overflow: hidden;position: absolute;top: 0;left: 0;clip-path: circle(0%);margin: -1px;width: 1px;height: 1px;font-size: 1px;line-height: 0;white-space: nowrap; }
	.sub_visual_top .naviList > li {margin-left: 1px; }
	.sub_visual_top .naviList > li.type1,
	.sub_visual_top .naviList > li.type2 {-ms-flex-negative: 0;flex-shrink: 0; }
	.sub_visual_top .naviList > li.type3 {overflow: hidden; }
	.sub_visual_top .naviList > li.type3 a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
	.sub_visual_top .naviList > li.type3 a {color: #1D1D1D; }
	.sub_visual_top .rightArea {position: absolute;bottom: -50px;right: 0;margin: 0; }
	.sub_visual_top .sub_util_button > li .btn_sub_util.shareBtn.is-active {background-color: rgba(54, 67, 94, 0.08); }
 }
 @media screen and (min-width: 1024px) {
	.wrap:not(.main) .container {padding-top: 0; }
	.wrap:not(.main) .container.bg0 .sub_visual_top {background: url("/images/n24/common/bg_sub_visual1.jpg") no-repeat center/cover; }
	.wrap:not(.main) .container.bg1 .sub_visual_top {background: url("/images/n24/common/bg_sub_visual7.jpg") no-repeat center/cover; }
	.wrap:not(.main) .container.bg2 .sub_visual_top {background: url("/images/n24/common/bg_sub_visual10.jpg") no-repeat center/cover; }
	.wrap:not(.main) .container.bg3 .sub_visual_top {background: url("/images/n24/common/bg_sub_visual4.jpg") no-repeat center/cover; }
	.wrap:not(.main) .container.bg4 .sub_visual_top {background: url("/images/n24/common/bg_sub_visual2.jpg") no-repeat center/cover; }
	.wrap:not(.main) .container.bg5 .sub_visual_top {background: url("/images/n24/common/bg_sub_visual8.jpg") no-repeat center/cover; }
	.wrap:not(.main) .container.bg9 .sub_visual_top {background: url("/images/n24/common/bg_sub_visual1.jpg") no-repeat center/cover; }
	.wrap:not(.main) .container.bg6 .sub_visual_top,
	.wrap:not(.main) .container.bg10 .sub_visual_top {background: url("/images/n24/common/bg_sub_visual6.jpg") no-repeat center/cover; }
	.wrap:not(.main) .container.bg_none {overflow: hidden;position: relative;margin-top: 127px; }
	.wrap:not(.main) .container.bg_none .sub_inner {padding-top: 0; }
	.wrap:not(.main) .container.bg_none .page_content {margin-top: 0; }

	.sub_visual_top .inner {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 189px 0 90px;height: 400px; }
	.sub_visual_top h2 {padding-top: 0;font-size: 46px;font-weight: 700;color: #fff;line-height: 1;letter-spacing: -0.01em;text-align: center; }
	.sub_visual_top .sub_nav_wrap {margin-top: 35px; }
	.sub_visual_top .naviList {-ms-flex-wrap: wrap;flex-wrap: wrap;position: relative;top: auto;left: auto;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative; }
	.sub_visual_top .naviList > li {margin-left: 5px; }
	.sub_visual_top .naviList > li a {padding-left: 30px;font-size: 16px;color: #fff; }
	.sub_visual_top .naviList > li a:focus-visible {outline-color:#fff; }
	.sub_visual_top .naviList > li a::before {width: 24px;height: 24px;background: url("/images/n24/common/icon_nav_arrow.png") no-repeat center/auto 100%; }
	.sub_visual_top .naviList > li.home a {width: 24px;height: 24px; }
	.sub_visual_top .naviList > li.home a::before {background: url("/images/n24/common/icon_nav_home.png") no-repeat center/auto 100%; }

	.sub_visual_top .rightArea {position: relative;top: auto;left: auto;right: auto;width: auto; }
	.sub_visual_top .sub_util_button > li .btn_sub_util {width: 40px;height: 40px;background-color: #fff; }
	.sub_visual_top .sub_util_button > li .shareSns {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;top: 53px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);padding: 14px 10px 8px;width: 108px;height: 45.96px;background: url("/images/n24/common/bg_sns_share.png") no-repeat center/100% auto; }

	.sub_visual_top .sub_util_button > li .likeBtn,
	.sub_visual_top .sub_util_button > li .printBtn {display: block; }
	.sub_visual_top .sub_util_button > li .btn_sub_util:focus-visible {outline:2px dotted #fff; }
}

 /* lnb */
.container .sub_inner {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;position: relative;padding: 0 20px 30px;width:100%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.container .lnb_wrap {display: none; }

.container .lnb_top {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;overflow: hidden;position: relative;padding: 0 10px;height: 130px;border-radius: 20px 0px 0px 0px;text-align: center;background: #36435E;-webkit-box-sizing: border-box;box-sizing: border-box; }

.container .lnb_title {font-size: 30px;font-weight: 700;color: #FFFFFF;line-height: 1.25;word-break: keep-all; }
.container .lnb_body {margin-top: 12px; }
.container .lnb_depth {margin-top: 6px; }
.container .lnb_depth:first-child {margin-top: 0; }
.container .lnb_depth_menu {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;overflow: hidden;position: relative;padding: 22px 30px 22px 12px;border: 1px solid #DEDEDE;font-size: 17px;font-weight: 400;color: #1D1D1D;line-height: 1.5;background-color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box; }

.container .lnb_depth_menu:not(.lnb_direct_link)::before {content: '';position: absolute;top: 50%;right: 12px;-webkit-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);width: 22px;height: 22px;background: url("/images/n24/common/bg_lnb_off.png") no-repeat left top/100% auto; }
.container .lnb_depth_detail {display: none;overflow: hidden;position: relative;padding: 16px;height: 0;border: 1px solid #DEDEDE;border-top: none;-webkit-box-sizing: border-box;box-sizing: border-box; }
.container .lnb_depth.is-active .lnb_depth_menu {font-weight: 700;background: rgba(54, 67, 94, 0.08); }
.container .lnb_depth.is-active .lnb_depth_menu:not(.lnb_direct_link)::before {-webkit-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);background: url("/images/n24/common/bg_lnb_on.png") no-repeat left top/100% auto; }
.container .lnb_depth.is-active .lnb_depth_detail {display: block;height: auto; }
.container .lnb_depth2_item {position: relative; }
.container .lnb_depth2_item:hover .lnb_depth2_link,
.container .lnb_depth2_item:focus .lnb_depth2_link,
.container .lnb_depth2_item.is-active .lnb_depth2_link {font-weight: 700;color: #856C6C; }
.container .lnb_depth2_item:hover .lnb_depth2_link::before,
.container .lnb_depth2_item:focus .lnb_depth2_link::before,
.container .lnb_depth2_item.is-active .lnb_depth2_link::before {background-color: #856C6C; }
.container .lnb_depth2_link {position: relative;display: block;padding: 8px 0 8px 11px;font-size: 15px;font-weight: 400;color: #1D1D1D;line-height: 1.5;text-align: left; }
.container .lnb_depth2_link::before {content: '';position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 3px;height: 3px;background-color: #1D1D1D; }

.container .contents {-webkit-box-sizing: border-box;box-sizing: border-box; }

@media screen and (max-width: 1023px) {
	.container .contents {width:100%; }
	.page_title_text {padding-top: 14px;padding-bottom: 20px;padding-right: 40px;font-size: 28px;font-weight: 700;color: #1D1D1D;line-height: 1.5;text-align: left; }
}
@media screen and (min-width: 1024px) {
	.container .sub_inner {margin: 0 auto;padding: 60px 0 80px;max-width: 1280px;width: 100%;}
	.container .lnb_wrap {display: block;-ms-flex-negative: 0;flex-shrink: 0;width: 240px; }
	.container .lnb_wrap + .contents {margin-left: 60px;width: 100%;max-width: 980px; }

	.container .contents {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; }
	.page_title_text {font-size: 38px;font-weight: 700;color: #1D1D1D;line-height: 1; }
	.page_content {margin-top: 40px; }
}

/* 나만의 메뉴 설정하기 (지방선거 전 코드)*/
.my_menu_option {z-index: 132;display: none;position: fixed;top: 0;left: 0;right: 0;margin: 0 auto;height: 100vh;padding: 8% 3% 56px 3%;background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box; }
.my_menu_option > strong {display: block;margin-bottom: 10px;font-size: 22px;font-weight: 400;color: #333;text-align: center; }
.my_menu_option > strong b {font-weight: 700; }
.my_menu_option h4 {margin-bottom: 10px;font-size: 22px;font-weight: 700;color: #856C6C; }
.my_menu_option h5 {margin: 0 0 10px 0;font-size: 18px;font-weight: 700;color: #333; }
.my_menu_option .my_search {position: relative;margin-bottom: 20px;padding-right: 45px; }
.my_menu_option .my_search div {position: relative;width: 100%;height: 42px;border-radius: 10px;border: solid 2px #856C6C;-webkit-box-sizing: border-box;box-sizing: border-box; }
.my_menu_option .my_search div input[type="text"] {outline: none;padding: 0 20px;width: 90%;height: 100%;border: none;border-radius: 13px;font-size: 16px;font-weight: 400;line-height: 1; }
.my_menu_option .my_search div button[type="submit"] {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 8px;width: 26px;height: 26px; }
.my_menu_option .my_search div button[type="submit"]::before {content: '';position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto;width: 26px;height: 26px;background: url("/images/n24/common/icon_search2.png") left top/100% auto; }
.my_menu_option .my_search .btn_reflsh {position: absolute;top: 0;right: 0;width: 40px;height: 42px;border-radius: 10px;background-color: #856C6C; }
.my_menu_option .my_search .btn_reflsh::before {content: '';position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto;width: 32px;height: 32px;background: url("/images/n24/common/icon_refresh.png") left top/100% auto; }
.my_menu_option .area_scroll {position: absolute;left: 3%;right: 3%;top: 120px;bottom: 65px;overflow: hidden;overflow-y: auto; }
.my_menu_option .p_posi {position: relative;margin-bottom: 10px;padding: 8px 0; }
.my_menu_option .p_posi h4 {display: inline-block;margin-bottom: 0; }
.my_menu_option .p_posi select {position: relative;padding: 12px 15px 12px 5px;width: 100%;height: 40px;border: 1px solid #DEDEDE;border-radius: 6px;font-size: 15px;color: #333;line-height: 1;background: #fff url("/images/n24/common/bg_selectbox_arrow_s.png") no-repeat 95% center/15px auto;-webkit-box-sizing: border-box;box-sizing: border-box; }
.my_menu_option .h4_layer_contents {margin-bottom: 20px; }
.my_menu_option .check_con {background: #fafafa;margin-bottom: 20px;padding: 25px 30px;border-radius: 10px; }
.my_menu_option .check_con::after {display: block;clear: both;content: ''; }
.my_menu_option .check_con span {font-size: 14px;position: relative;float: left;width: 33.33%;margin: 5px 0;text-align: left;padding-left: 25px; }
.my_menu_option .check_con span input[type="checkbox"] {position: absolute;top: 50%;left: 0;width: 18px;height: 18px;margin-top: -9px;-webkit-appearance: none;background: url("/images/n24/common/bg_option_check_off.png") 50% 50% no-repeat; }
.my_menu_option .check_con span input[type="checkbox"]:checked {background: url("/images/n24/common/bg_option_check_on.png") 50% 50% no-repeat; }
.my_menu_option .check_con span.none {display: block;text-align: center;width: 100%;}
.my_menu_option .btnArea {text-align: center;position: absolute;margin: 0;padding: 10px 0;bottom: 0;left: 0;width: 100%;background: #fff;border-radius: 0 0 10px 10px; }
.my_menu_option .btnArea button {display: inline-block;font-size: 18px;font-weight: 700;vertical-align: middle;width: 150px;height: 50px;line-height: 50px;color: #fff;border-radius: 4px; }
.my_menu_option .btnArea button.focus {background: #856C6C; }
.my_menu_option .btnArea button.close {background: #6f6f6f; }
.my_menu_option .btn_my_menu_option_close {position: absolute;top: 15px;right: 15px;width: 25px;height: 25px;border-radius: 5px;background-color: #856C6C; }

.my_menu_option .btn_my_menu_option_close::before {content: '';position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto;width: 12px;height: 12px;background: url("/images/n24/common/icon_layer_close2.png") left top/100% auto; }

@media screen and (min-width: 1024px) {
	.my_menu_option {top: 50px;bottom: 50px;left: 50%;right: auto;margin-left: -420px;padding: 50px;width: 840px;height: 85vh;border-radius: 10px; }
	.my_menu_option > strong {margin-bottom: 30px;font-size: 34px; }
	.my_menu_option .my_search {margin-bottom: 40px;padding-right: 75px; }
	.my_menu_option .my_search div {height: 64px; }
	.my_menu_option .my_search div input[type="text"] {height: 60px; }
	.my_menu_option .my_search div button[type="submit"] {right: 18px;width: 33px;height: 32px; }
	.my_menu_option .my_search div button[type="submit"]::before {width: 33px;height: 32px; }
	.my_menu_option .my_search .btn_reflsh {width: 71px;height: 64px; }
	.my_menu_option .area_scroll {top: 190px;bottom: 65px;left: 50px;right: 50px; }
	.my_menu_option .p_posi select {position: absolute;right: 0;width: 256px; }
	.my_menu_option .btn_my_menu_option_close {top: 25px;right: -25px;width: 50px;height: 50px;border-radius: 10px; }
	.my_menu_option .btn_my_menu_option_close::before {width: 24px;height: 24px; }
}

/*
메인 공지 팝업
- 화면에 최대 2개까지 노출
- 모바일에서는 팝업 기준 swiper 작동 ( 팝업 하나당 swiper-slider 1개)
*/
.mainPop .popImg.aTag-f {position: relative;overflow: hidden; }
.mainPop .popImg.aTag-f a {position: relative;top: 3px;left: 3px;width: calc(100% - 6px);height: calc(100% - 6px); }
.mainPop .popImg.aTag-f a:focus {outline: 2px solid rgba(0, 0, 0, .75); }
.mainPop .popImg.aTag-f a:focus-visible {outline: 2px solid rgba(0, 0, 0, .75);outline-offset: -2px; }

.main_password_popup {z-index: 200;overflow: hidden;position: fixed;top: 0;left: 0;padding: 10px;width: 100%;height: 100vh;-webkit-box-sizing: border-box;box-sizing: border-box; }
.main_password_popup .mainPop {overflow: hidden;position: relative; }
.main_password_popup .btn_modalClose {position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;background: url("/images/n24/common/bg_popup_close.png") no-repeat left top/100% auto; }

@media screen and (min-width: 1024px) {
	.main_password_popup {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0;background-color: transparent; }
	.main_password_popup .mainPop {width: 890px; }
 }

/* 비밀번호 변경 연장 */
.login_info_wrap {margin: 80px auto;width: 90%;height: 380px; }
.login_info_title {display: block;margin-bottom: 15px;font-size: 18px;font-weight: 700;color: #303646;text-align: center;line-height: 1.2; }
.login_info_title em {color: #856C6C; }
.login_info_box {padding: 50px 20px 20px;border: 1px solid rgba(224, 224, 224, 0.8);border-radius: 30px;background: #f4f4f4;-webkit-box-sizing: border-box;box-sizing: border-box; }
.login_info_ul {text-align: center; }
.login_info_ul li {position: relative;margin-bottom: 5px;color: #555555;line-height: 1.3;word-break: keep-all; }
.login_info_ul li b {font-weight: 700; }

.login_info_btn_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 20px; }
.login_info_btn_wrap .login_info_btn {display: block;margin: 0 0 0 7px;padding: 16px 0;width: calc(50% - 7px);font-size: 14px;text-align: center; }
.login_info_btn_wrap .login_info_btn:first-child {margin-left: 0; }
.login_info_btn_wrap .login_info_btn.blue {color: #fff;border-radius: 4px;background: #303646; }
.login_info_btn_wrap .login_info_btn.white {color: #303646;border: 1px solid #303646;font-weight: 700;border-radius: 4px;background: #fff; }

@media screen and (max-width: 1023px) {
	#passwordChangeForm .mainPop {margin: 0 auto;width: 90%; }
	.login_info_ul li {font-size: 16px; }
}
@media screen and (min-width: 1024px) {
	.login_info_wrap {margin: 80px auto;width: 890px; }
	.login_info_title {margin-bottom: 30px;font-size: 28px;line-height: 42px;word-break: keep-all; }
	.login_info_box {padding: 50px 0 20px 0;border-radius: 30px; }
	.login_info_ul {margin: 0 auto;width: 480px;text-align: left; }
	.login_info_ul li {font-size: 18px;margin-bottom: 10px;padding-left: 13px; }
	.login_info_btn_wrap {margin-top: 40px; }
	.login_info_btn_wrap .login_info_btn {margin: 0 7px;padding: 16px 0;width: 150px;font-size: 16px; }
	.login_info_btn_wrap .login_info_btn:first-child {margin-left: 7px; }
}

/*비밀번호 변경팝업 테이블 폼*/
#passwordChangeForm .login_info_box {padding: 50px 28px 40px; }
#passwordChangeForm .tableCon2 .tableDesc {margin-bottom: 10px; }
#passwordChangeForm .tableCon2 .tableExp {margin-top: 4px;margin-left: 0;font-size: 12px;color: #777;letter-spacing: -1px;vertical-align: middle; }
#passwordChangeForm .tableCon2 .form {width: 100%;border-top: 2px solid #313131;font-size: 16px; }
#passwordChangeForm .tableCon2 .form tbody th {padding: 10px;padding-left: 0;font-size: 16px;font-weight: 400;color: #313131;vertical-align: top;text-align: left;-webkit-box-sizing: border-box;box-sizing: border-box; }
#passwordChangeForm .tableCon2 .form td {padding: 10px;height: 67px;border-left: 1px solid #e3e3e3;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top; }
#passwordChangeForm .tableCon2 .form th,
#passwordChangeForm .tableCon2 .form td {border-bottom: 1px solid #e3e3e3; }
#passwordChangeForm .tableCon2 .form th .req {margin-left: 3px; }
#passwordChangeForm .tableCon2 .form input,
#passwordChangeForm .tableCon2 .form select,
#passwordChangeForm .tableCon2 .form textarea {border: 1px solid #c7c7c7; }
#passwordChangeForm .tableCon2 .form input[type="radio"] {border: 0px none; }
#passwordChangeForm .tableCon2 .form label {font-size: 15px;padding-left: 10px; }
#passwordChangeForm .tableCon2 .form textarea {resize: none; }
#passwordChangeForm .tableCon2 .form .inputSet + .btn_s {margin-left: 15px; }
#passwordChangeForm .tableCon2 .form input.w210 {width: 100% !important; }
#passwordChangeForm .tableCon2 .inputSet {display: inline-block;vertical-align: middle; }
#passwordChangeForm .tableCon2 .inputSet + .inputSet {margin-left: 30px; }

@media screen and (max-width: 1023px) {
	#passwordChangeForm .btnArea .btn_l {
		display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0 0 0 7px;padding: 16px 0;width: calc(50% - 7px);font-size: 14px;text-align: center;line-height: 1; }
	#passwordChangeForm .btnArea .btn_l:first-child {margin-left: 0; }
}
@media screen and (min-width: 1024px) {
	#passwordChangeForm .tableCon2 input + .tableExp {margin-left: 10px; }
	#passwordChangeForm .tableCon2 .tableExp {font-size: 14px; }
	#passwordChangeForm .tableCon2 .form tbody th {padding: 10px; }
	#passwordChangeForm .tableCon2 .form input.w210 {width: 210px; }
}