@charset "UTF-8";
@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 900;
	font-display: swap;
	src: local("Pretendard GOV Black"), url("/css/n24/fonts/PretendardGOV-Black.woff2") format("woff2"), url("/css/n24/fonts/pretendard/woff/PretendardGOV-Black.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 800;
	font-display: swap;
	src: local("Pretendard GOV ExtraBold"), url("/css/n24/fonts/PretendardGOV-ExtraBold.woff2") format("woff2"), url("/css/n24/fonts/pretendard/woff/PretendardGOV-ExtraBold.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 700;
	font-display: swap;
	src: local("Pretendard GOV Bold"), url("/css/n24/fonts/PretendardGOV-Bold.woff2") format("woff2"), url("/css/n24/fonts/pretendard/woff/PretendardGOV-Bold.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 600;
	font-display: swap;
	src: local("Pretendard GOV SemiBold"), url("/css/n24/fonts/PretendardGOV-SemiBold.woff2") format("woff2"), url("/css/n24/fonts/pretendard/woff/PretendardGOV-SemiBold.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 500;
	font-display: swap;
	src: local("Pretendard GOV Medium"), url("/css/n24/fonts/PretendardGOV-Medium.woff2") format("woff2"), url("/css/n24/fonts/pretendard/woff/PretendardGOV-Medium.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 400;
	font-display: swap;
	src: local("Pretendard GOV Regular"), url("/css/n24/fonts/PretendardGOV-Regular.woff2") format("woff2"), url("/css/n24/fonts/pretendard/woff/PretendardGOV-Regular.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 300;
	font-display: swap;
	src: local("Pretendard GOV Light"), url("/css/n24/fonts/PretendardGOV-Light.woff2") format("woff2"), url("/css/n24/fonts/pretendard/woff/PretendardGOV-Light.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 200;
	font-display: swap;
	src: local("Pretendard GOV ExtraLight"), url("/css/n24/fonts/PretendardGOV-ExtraLight.woff2") format("woff2"), url("/css/n24/fonts/pretendard/woff/PretendardGOV-ExtraLight.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 100;
	font-display: swap;
	src: local("Pretendard GOV Thin"), url("/css/n24/fonts/PretendardGOV-Thin.woff2") format("woff2"), url("/css/n24/fonts/pretendard/woff/PretendardGOV-Thin.woff") format("woff");
}

* {
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html,
body {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*:lang(en) * {
	word-break: keep-all;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
th,
td,
form,
fieldset,
legend,
textarea,
input,
select,
textarea,
button,
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
label,
figure,
main {
	margin: 0;
	padding: 0;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
figcaption,
main {
	display: block;
}

body {
	font-size: 14px;
	font-weight: 400;
	color: #313131;
	word-break: keep-all;
	line-height: 1;
	letter-spacing: -1px;
}

*:lang(en) * {
	word-break: keep-all;
}

body,
select,
button {
	font-size: 14px;
	font-family: "Pretendard GOV", sans-serif;
	word-break: break-all;
	letter-spacing: -0.02em;
}

input,
textarea {
	font-size: 14px;
	font-family: "Pretendard GOV";
	font-weight: 400;
	word-break: break-all;
	letter-spacing: -0.02em;
}

img,
form,
fieldset,
svg,
li {
	border: 0;
	vertical-align: top;
}

i {
	display: inline-block;
}

img {
	max-width: 100%;
}

ul,
ol,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

button {
	cursor: pointer;
	overflow: visible;
	border: 0;
	background-color: transparent;
}

button:disabled {
	cursor: default;
}

button::-moz-focus-inner {
	padding: 0;
	margin: -1px;
}

input[type='submit'],
input[type='button'] {
	cursor: pointer;
}

input,
button,
textarea {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
}

input,
button,
select,
textarea {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
}

img,
input,
button,
label,
select {
	vertical-align: middle;
}

i,
address,
caption,
em,
small,
cite {
	font-style: normal;
}

a,
a:active,
a:hover {
	color: inherit;
	text-decoration: none;
}

a:focus,
button:focus {
	outline: none;
}

input:focus + label {
	outline:2px solid #000;
	outline:-webkit-focus-ring-color auto 1px;
}

a:focus-visible,
button:focus-visible {
	outline: 2px solid #000;
	outline-offset: 0;
}
/*
input + label:focus-visible {
	outline: 2px dotted #ff7070;
	outline-offset: -2px;
}
*/

table {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}

input {
	background: transparent;
	border: 0;
}

input:focus,
input:focus-visible {
	outline: 2px dotted #000;
	outline-offset: 1px;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
	display: none;
}

input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input:disabled {
	background-color: #F9F9F9;
}

input::-webkit-input-placeholder {
	font-size: inherit;
	color: #777;
}

input::-moz-placeholder {
	color: #777;
}

input:-ms-input-placeholder {
	color: #777;
}

input:-moz-placeholder {
	color: #777;
}

label {
	font-size: inherit;
	line-height: inherit;
}

input[type="checkbox"].input_check,
input[type="radio"].input_radio {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow: hidden;
	clip-path: circle(0%);
	position: absolute;
	top: -1px;
	left: -1px;
	margin: -1px;
	width: 1px;
	height: 1px;
	font-size: 1px;
	line-height: 0;
}

input[type="checkbox"].input_check + label {
	position: relative;
	padding: 1px 0 2px 21px;
	font-size: 14px;
}

@media screen and (min-width: 1024px) {
	input[type="checkbox"].input_check + label {
		padding: 2px 0 2px 30px;
		font-size: 16px;
	}
}

input[type="checkbox"].input_check + label::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	border: 1px solid #CDCDCD;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	input[type="checkbox"].input_check + label::before {
		width: 20px;
		height: 20px;
	}
}

input[type="checkbox"].input_check + label::after {
	content: '';
	opacity: 0;
	position: absolute;
	top: 6px;
	left: 4px;
	width: 8px;
	height: 8px;
	background: url("/images/n24/common/bg_checked_on.svg") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	input[type="checkbox"].input_check + label::after {
		top: 7px;
		left: 4px;
		width: 12px;
		height: 12px;
	}
}

input[type="checkbox"].input_check:checked + label::before {
	border-color: #925CD7;
	background-color: #925CD7;
}

input[type="checkbox"].input_check:checked + label::after {
	opacity: 1;
}

input[type="radio"].input_radio + label {
	position: relative;
	padding: 1px 0 2px 21px;
}

@media screen and (min-width: 1024px) {
	input[type="radio"].input_radio + label {
		padding: 2px 0 2px 30px;
	}
}

input[type="radio"].input_radio + label::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 1px solid #CDCDCD;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	input[type="radio"].input_radio + label::before {
		width: 20px;
		height: 20px;
	}
}

input[type="radio"].input_radio + label::after {
	content: '';
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 4px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -1px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #925CD7;
}

@media screen and (min-width: 1024px) {
	input[type="radio"].input_radio + label::after {
		margin: 0;
		left: 4px;
		width: 12px;
		height: 12px;
	}
}

input[type="radio"].input_radio:checked + label::before {
	border-color: #925CD7;
	background-color: #fff;
}

input[type="radio"].input_radio:checked + label::after {
	opacity: 1;
}

input[type='text'],
input[type='password'],
input[type='number'],
select {
	height: 42px;
	border: 1px solid #dedede;
	border-radius: 4px;
}

textarea {
	border: 1px solid #dedede;
	border-radius: 4px;
}

.inputSet input.useDatepicker {
	width: 130px;
	height: 40px !important;
}

.inputSet .division {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 12px;
	font-size: 16px;
	font-weight: 400;
	color: #1D1D1D;
}

.inputSet.type2 {
	position: relative;
	overflow: hidden;
}

iframe {
	margin: 0;
	padding: 0;
	border: none;
}

hr {
	display: none;
}

b {
	font-weight:500;
}

/* disable globally if required */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

/* restore to hidden until mouse over */
.show_spinner input[type="number"]::-webkit-outer-spin-button,
.show_spinner input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: inner-spin-button;
}

/* restore and show permanently */
.show_always input[type="number"]::-webkit-outer-spin-button,
.show_always input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: inner-spin-button;
	opacity: 1;
	margin-left: 10px;
}

.ir,
.hide,
.hidden,
.blind,
.soundOnly,
.soundonly,
legend {
	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;
}

caption {
	overflow: hidden;
	clip-path: circle(0%);
	width: 1px;
	height: 1px;
	font-size: 1px;
	color: transparent;
	line-height: 0;
	white-space: nowrap;
	text-indent: -9999px;
}

.clear {
	display: block;
	height: 0px;
	font-size: 0px;
	font-size: 0em;
	line-height: 0px;
	content: '';
	overflow: hidden;
	clear: both;
}

#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 20px;
	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: none !important;
}

@media screen and (min-width: 1024px) {
	.pc_view:not(colgroup) {
		display: block !important;
	}
}

.mo_view:not(colgroup) {
	display: block !important;
}

@media screen and (min-width: 1024px) {
	.mo_view:not(colgroup) {
		display: none !important;
	}
}

colgroup.pc_view {
	display: none !important;
}

@media screen and (min-width: 1024px) {
	colgroup.pc_view {
		display: table-column-group !important;
	}
}

colgroup.mo_view {
	display: table-column-group !important;
}

@media screen and (min-width: 1024px) {
	colgroup.mo_view {
		display: none !important;
	}
}

.mgt0 {
	margin-top: 0px !important;
}

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

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

.point_blue {
	color: #1f5eff !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);
}

.txt_left {
	text-align: left !important;
}

.txt_center {
	text-align: center !important;
}

.txt_right {
	text-align: right !important;
}

.alignLeft {
	text-align: left !important;
}

.alignRight {
	text-align: right !important;
}

.alignCenter {
	text-align: center !important;
}

.floatLeft {
	float: left !important;
}

.floatRight {
	float: right !important;
}

span.onlyDesktop {
	display: inline;
}

.onlyDesktop {
	display: block;
}

.onlyTablet {
	display: none;
}

.onlyPhone {
	display: none;
}

.inner:after {
	display: block;
	content: '';
	clear: both;
}

.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;
}

.page_content h5 {
	position: relative;
	margin-top: 38px;
	margin-bottom: 15px;
	padding: 0 0 0 31px;
		font-size:17px;
	font-weight: 600;
	color: #36435E;
	line-height: 1.35;
	text-align: left;
}

@media screen and (min-width: 1024px) {
	.page_content h5 {
		padding: 4px 0 3px 31px;
		font-size: 23px;
	}
}

.page_content h5::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 23px;
	height: 23px;
	background: url("/images/n24/common/icon_total_menu1.png") no-repeat left top/100% auto;
}

@media screen and (max-width: 1023px) {
	.page_content  h5:first-of-type {
		margin-top:0;
	}
}
@media screen and (min-width: 1024px) {
	.page_content h5::before {
		top: 8px;
	}
}

.page_content h5:first-child {
	margin-top: 0;
}

.page_content h4 + h5:first-of-type {
	margin-top: 38px;
}

h6 {
	margin-bottom: 8px;
	font-size: 19px;
	font-weight: 500;
}

h5 span {
	font-weight: 400;
}

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.type2 {
	padding-left: 20px;
}

.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%;
}

/* btn */
.btnArea {
	margin: 35px 0;
}

.paging + .btnArea.right {
	margin-top: -105px;
}

.btnArea a {
	margin: 0 5px;
}

.btnArea .btn_l {
	min-width: 102px;
}

.btn_l {
	padding: 0 30px;
	height: 50px;
	border-radius: 4px;
	line-height: 48px;
	font-size: 18px;
}

.btn_l.on {
	background: #303646;
	border: 1px solid #303646;
	color: #fff;
}

.btn_l.gray {
	background: #7e7d8c;
	border: 1px solid #7e7d8c;
	color: #fff;
}

.btn_m {
	padding: 10px 15px;
	min-width: 110px;
	height: auto;
	color: #fff;
	border-radius: 4px;
	background: #535353;
	border: 0px none;
	line-height: 135%;
	font-size: 16px;
}

.btn_m:hover,
.btn_m:focus {
	color: #fff;
}
.btn_l:focus-visible,
.btn_m:focus-visible {
	outline-style:dotted;
}

.btn_m.on {
	background: #2d9791;
	border: 0px none;
}

.btn_m.down {
	padding-left: 42px;
	background-image: url(/images/n21/sub/icon_down.png);
	background-repeat: no-repeat;
	background-position: left 20px center;
}

.btn_m.white {
	height: 41px;
	color: #535353;
	background: #fff;
	border: 1px solid #535353;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.btn_s {
	padding: 0 15px;
	height: 34px;
	background: #7e7d8c;
	border-radius: 4px;
	border: 0px none;
	color: #fff;
	line-height: 34px;
	font-size: 14px;
}

.btn_s:hover,
.btn_s:focus {
	color: #fff;
}

.downIcon {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 8px;
	width: 15px;
	height: 15px;
	background: url(/images/n21/sub/btn_downIcon.png) no-repeat;
}

/* tab */
/* ======================================== subLayout ======================================== */
/* 게시판 */
.totalNum {
	display: block;
	padding-left: 30px;
	background: url(/images/n21/sub/icon_totalNum.png) no-repeat left center;
	font-size: 16px;
	line-height: 21px;
}

.totalNum em {
	font-weight: 500;
}

.bbsSearch input[type="submit"] {
	width: 73px;
	height: 42px;
	background: #373272;
	border: 0px none;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	line-height: 42px;
	font-size: 16px;
}

.bbsSearch input[type="button"] {
	width: 73px;
	height: 42px;
	background: #373272;
	border: 0px none;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	line-height: 42px;
	font-size: 16px;
}

.bbsSearch .btnAll {
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 42px;
	background: #7e7d8c url(/images/n21/sub/icon_bbsSearch_btnAll.png) no-repeat center;
	border-radius: 4px;
	text-indent: -9999em;
	text-align: left;
}

.bbsSearch .input_group.hongboContents {
	display:flex;
	align-items:center;
	gap:4px;
}
.bbsSearch .input_group.hongboContents select {
	appearance: auto;
	padding-left:10px;
	padding-right:20px;
}
.bbsSearch .input_group.hongboContents input[type="text"]{
	background-color:#fff;
}
.bbsSearch .input_group.hongboContents .totalNum {
	margin-right:6px;
}

.bbsSearch.type2 {
	padding: 20px 0;
	background: none;
	border-bottom: 1px solid #e3e3e3;
}

.bbsSearch.type3 {
	padding: 30px 100px;
	text-align: center;
}

.bbsSearch.type3 .select_box.size_1,
.bbsSearch.type3 .select_box.size_2 {
	margin: 0 0 0 5px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.bbsSearch.type3 .inp_text.size_3 {
	margin: 0 5px;
}

.bbsSearch.type3 .input_row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 5px;
}

.bbsSearch.type3 .select_box.size_1 {
	margin-left: 0;
}

/* 관람후기 검색폼 */
.form-group-search{max-width:776px; margin:0 auto; display:flex; flex-wrap:wrap; gap:10px 4px; align-items:center;}

.form-date-period{display:flex; gap:4px; align-items:center;min-width:300px; max-width:100%;}
.form-keyword{display:flex; gap:4px; align-items:center; width:240px;}
.form-keyword .inp_text{width:100%;}
.form-keyword button{flex-shrink:0;}
.form-keyword.full{width:100%;}
.form-input-only .inp_text,
.form-input-only .select_box{width:100% !important;}

@media screen and (max-width: 640px) {
	.form-group-search{gap:4px;}
	.form-group-search .form-date-period{display:none;}
	.form-group-search .form-input-only{width:100% !important;}
}
@media screen and (max-width: 320px) {
	.form-keyword{flex-wrap:wrap;}
	.form-keyword .select_box{width:100% !important;}
}
/* //관람후기 검색폼 */

@media screen and (min-width: 1024px) {
	.bbsSearch.type3 {
		padding: 30px 100px;
		text-align: center;
	}
	.bbsSearch.type3 .select_box {
		width: 130px;
	}
	.bbsSearch.type3 .inp_text.size_3 {
		width: calc(100% - 130px - 10px - 50px - 10px);
	}
	.bbsSearch.type3 .input_group {
		max-width: 776px;
	}
	.bbsSearch.type3 .input_row {
		margin-bottom: 10px;
	}
	.bbsSearch.type3 .select_box.size_1 {
		width: 265px;
	}
	.bbsSearch.type3 .select_box.size_2 {
		margin-right: 0;
		width: 214px;
	}
}

.bbsSearch.type4 {
	padding: 30px 100px;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.bbsSearch.type4 {
		padding: 30px 20px;
		text-align: center;
	}
	.bbsSearch.type4 .select_box {
		width: 160px;
	}
	.bbsSearch.type4 input[type="submit"] {
		margin-left: 4px;
	}
}

.bbsSearch dl {
	display: inline-block;
	vertical-align: middle;
}

.bbsSearch dl dt {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 16px;
}

.bbsSearch dl dd {
	display: inline-block;
	vertical-align: middle;
}

.bbsSearch dl dd + dt {
	margin-left: 20px;
}

.listCondition {
	padding: 0 5px 15px;
}

.listCondition:after {
	display: block;
	content: '';
	clear: both;
}

.listCondition .totalNum {
	float: left;
}

/* 조직안내 검색창 */
.mbSearchform .input-keyword {
	white-space: nowrap;
}

@media all and (min-width: 768px) {
	.mbSearchform .markItem {
		font-size: 21px;
		vertical-align: middle;
	}
	.mbSearchform select {
		width: 265px;
		height: 47px;
		font-size: 17px;
	}
	.mbSearchform input[type="submit"] {
		height: 47px;
	}
}

.tableView {
	border-top: 2px solid #313131;
	border-bottom: 1px solid #e3e3e3;
}

.tableView .viewTitle {
	display: block;
	padding: 30px 10px;
	background: #f3f3f3;
	border-bottom: 1px solid #e3e3e3;
	text-align: center;
}

.tableView .viewTitle b {
	font-size: 25px;
	font-weight: 500;
}

.tableView .viewDetail > li {
	display: table;
	padding: 15px 30px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #e3e3e3;
	font-size: 15px;
	line-height: 30px;
	overflow:hidden;
}

.tableView .viewDetail > li .head {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 70px;
}

.tableView .viewDetail > li .head:after {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	height: 14px;
	border-right: 1px solid #e3e3e3;
}

.tableView .viewDetail > li .desc {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
}

.tableView .viewDetail > li .lawView {
	word-break: keep-all;
	padding-right:5px;
}

.tableView .viewDetail > li .lawViewDetail {
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 130px);
}

.tableView .viewDetail > li .desc .file > div + div {
	margin-top: 5px;
}

.tableView .viewDetail > li .desc + .head {
	margin-left: 100px;
}

.tableView .viewDetail > li > div + div {
	margin-left: 60px;
}

.tableView .viewDetail > li > div {
	display: table-cell;
}

.fileLink {
	display: inline-block;
}

.fileLink img {
	display: inline-block;
	margin-right: 8px;
	width: auto;
}

.tableView .viewDetail > li .quickView {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	width: 83px;
	height: 34px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cbcbd1;
	border-radius: 17px;
	text-align: center;
	font-size: 14px;
	color: #555;
	line-height: 32px;
}

.tableView .viewCon {
	padding: 40px 30px;
	font-size: 16px;
	line-height: 180%;
	overflow-x: auto;
}

.tableView .viewCon iframe {
	width: 100%;
}

.tableView .viewCon h6 {
	margin-top: 30px;
}

.tableView .viewCon table {
	max-width: 100% !important;
	table-layout: auto;
	word-break: break-all;
}

.tableView .viewCon iframe {
	max-width: 100% !important;
}

.tableView .viewCon .tac {
	text-align: center;
}

.tableView .viewCon .tac img {
	max-width: 80%;
}

.tableView .viewCon > p img {
	max-width: 80%;
}

.tableView .viewCon + .viewDetail {
	border-top: 1px solid #e3e3e3;
}

.tableView .viewCon + .viewDetail li {
	border: none;
}

.tableView .fileView + .viewDetail {
	border-top: 1px solid #e3e3e3;
}

/* 20250507 홍보컨텐츠 원드라이브 */
.tableView .viewDetail.oneDriveLinks {
	border-bottom:1px solid #e3e3e3;
}
.tableView .viewDetail.oneDriveLinks > li {
	display:flex;
	padding:0;
}
.tableView .viewDetail.oneDriveLinks > li .head {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100px;
	padding-left:4px;
	line-height:130%;
	background-color:#f5f5f5;
}
.tableView .viewDetail.oneDriveLinks > li .desc {
	padding:15px;
}

/* 행정규칙 훈령 */
.tableView .viewDetail-cols{display:flex; flex-wrap:wrap; gap:6px 12px; position:relative;}
.tableView .viewDetail-cols > li{ display:flex; align-items:flex-start; width:100%;}
.tableView .viewDetail-cols > li .head{font-weight:600; flex-shrink:0;}
.tableView .viewDetail-cols.col2 > li{width:calc((100% / 2) - 6px);}
.tableView .viewDetail-cols.col3 > li{width:calc((100% / 3) - 8px);}
.tableView .viewDetail-cols.head-w60px > li .head{width:60px;}
.tableView .viewDetail-cols.head-w70px > li .head{width:70px;}
.tableView .viewDetail-cols.head-w80px > li .head{width:80px;}
.tableView .viewDetail-cols.head-w90px > li .head{width:90px;}
.tableView .viewDetail-cols.head-w100px > li .head{width:100px;}
.tableView .viewDetail-cols + .viewDetail-cols:before{display:block;content:'';height:1px;background-color:#e3e3e3; position:absolute;left:-30px;top:0;right:-30px;}
.tableView .viewDetail-cols + .viewDetail-cols{margin-top:12px;padding-top:16px;}

@media (max-width: 768px) {
	.tableView .viewDetail-cols.col3 > li{width:calc((100% / 2) - 6px);}
}
@media (max-width: 640px) {
	.tableView .viewDetail-cols.col2 > li,
	.tableView .viewDetail-cols.col3 > li{flex:1 0 calc((100% / 2) - 6px);}
	.tableView .viewDetail-cols.head-w60px > li .head{width:50px;}
	.tableView .viewDetail-cols.head-w70px > li .head{width:44px;}
	.tableView .viewDetail-cols.head-w80px > li .head{width:60px;}
	.tableView .viewDetail-cols.head-w90px > li .head{width:70px;}
	.tableView .viewDetail-cols.head-w100px > li .head{width:70px;}
}
@media (max-width: 320px) {
	.tableView .viewDetail-cols.col2 > li,
	.tableView .viewDetail-cols.col3 > li{flex:unset; width:100%;}

	.tableView .viewDetail-cols .m-row{flex-wrap:wrap;}
	.tableView .viewDetail-cols .m-row .head{width:auto !important;}
	.tableView .viewDetail-cols .m-row .head:after{display:none !important;}
	.tableView .viewDetail-cols .m-row .desc{width:100%; padding-left:0;}
}

/* .tableView .fileView + .viewDetail li{border:none;} */
#container .tableView .viewCon h2,
#container .tableView .viewCon h3,
.tableView .viewCon h5 {
	margin-bottom: 8px;
	padding: 0;
	background: none;
	color: #313131;
	font-size: 19px;
	font-weight: 500;
	text-align: left;
}
.tableView .viewCon h4::before,
.tableView .viewCon h5::before {
	display:none;
}

#container .tableView .viewCon h3 {
	margin-top: 30px;
	font-size: 22px;
}

.tableView .viewCon .list_type1 > li {
	display: block;
	position: relative;
	padding: 4px 0;
	padding-left: 17px;
	font-size: 16px;
	color: #555;
	line-height: 140%;
}

.tableView .viewCon .list_type1 > li:after {
	display: block;
	content: '';
	position: absolute;
	left: 8px;
	top: 13px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #303646;
}

.tableView .viewCon .table_01 table {
	width: 100%;
	border-top: 2px solid #313131;
	border-left: 1px solid #e3e3e3;
}

.tableView .viewCon .table_01 table th,
.tableView .viewCon .table_01 table td {
	padding: 8px 20px;
	height: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tableView .viewCon .table_01 table thead th {
	border-bottom: 1px solid #8a8a8a;
}

.tableView .viewCon .table_01 table th,
.tableView .viewCon .table_01 table td {
	padding: 17px 8px;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	font-size: 16px;
	line-height: 145%;
	text-align: center;
	word-break: break-all;
}

.tableView .viewCon .table_01 table th:last-child,
.tableView .viewCon .table_01 table td:last-child {
	border-right: 1px solid #e3e3e3;
}

.tableCon + .tableCon,
.tableCon + .tableView {
	margin-top: 20px;
}
.tableCon.minwonView {
	border-top: 2px solid #313131;
}
.tableCon-list ,
.tableCon-view {
	border-top: 2px solid #313131;
}
.tableCon .list {
	width: 100%;
	/* border-top: 2px solid #313131; */
}

.tableCon .list.type2 {
	border-left: 1px solid #e3e3e3;
}

.tableCon .list thead th {
	border-bottom: 1px solid #8a8a8a;
}

.tableCon .list th,
.tableCon .list td {
	padding: 17px 8px;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	font-size: 16px;
	line-height: 145%;
	text-align: center;
	word-break: break-all;
}

.tableCon .list th.alignLeft,
.tableCon .list td.alignLeft {
	padding-left: 15px;
}

.tableCon .list td.alignLeft li > a > img {
	width: auto;
}

.tableCon .list th:last-child,
.tableCon .list td:last-child {
	border-right: 0px none;
}

.tableCon .list th {
	font-weight: 600;
}

.tableCon .view-editor-contents p,
.tableCon .view-editor-contents span{
	text-indent:0 !important;
	margin:0 !important;
	font-family: "Pretendard GOV", sans-serif !important;
}
@media all and (max-width: 640px) {
	.tableCon .view-editor-contents p,
	.tableCon .view-editor-contents span{
		font-size:15px !important;
		line-height:1.75em !important;
	}
}
@media all and (max-width: 300px) {
	.tableCon .view-editor-contents p,
	.tableCon .view-editor-contents span{
		font-size:13px !important;
	}
}

.tableCon .list.type2 thead th.bgGray {
	background: #f6f6f6;
	border-bottom: 1px solid #e3e3e3;
	font-weight: 500;
}

.tableCon .list.type2 tbody td b {
	font-weight: 500;
}

.tableCon .list.type2 th:last-child,
.tableCon .list.type2 td:last-child {
	border-right: 1px solid #e3e3e3;
}

.tableCon .list.type2 th {
	font-size: 18px;
	font-weight: 900;
}

.tableCon .list.type2 td b {
	font-weight: 900;
}

.tableCon .list.type2 th,
.tableCon .list.type2 td {
	padding: 15px 25px;
}

.tableCon .list.type3 {
	border-left: 1px solid #e3e3e3;
}

.tableCon .list.type3 th,
.tableCon .list.type3 td {
	padding: 8px 20px;
	height: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tableCon .list.type3 th:last-child,
.tableCon .list.type3 td:last-child {
	border-right: 1px solid #e3e3e3;
}

.moveList {
	position: relative;
	margin: 30px 0;
	text-align: center;
}

.moveList ul li {
	display: block;
	position: absolute;
	top: 0;
}

.moveList ul li.prev {
	left: 0;
	right: 50%;
}

.moveList ul li.next {
	right: 0;
	left: 50%;
}

.moveList ul li a {
	display: block;
	position: relative;
	padding: 0 100px;
	line-height: 50px;
	font-size: 16px;
}

.moveList ul li.prev a {
	text-align: left;
}

.moveList ul li.next a {
	text-align: right;
}

.moveList ul li a em {
	display: block;
	position: absolute;
	top: 0;
	font-size: 15px;
	color: #373272;
}

.moveList ul li.prev a em {
	left: 0;
	padding-left: 26px;
	background: url(/images/n21/sub/icon_moveList_prev.gif) no-repeat left center;
}

.moveList ul li.next a em {
	right: 0;
	padding-right: 26px;
	background: url(/images/n21/sub/icon_moveList_next.gif) no-repeat right center;
}

.moveList ul li a > span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.moveList ul li a:hover span {
	text-decoration: underline;
}

.moveList .btn_l {
	position: relative;
	z-index: 1;
}

.login-timer {
	background-color: #f8f8f8;
	padding: 10px 5px;
	border-radius: 4px;
	margin-top: 10px;
	text-align: center;
}

.login-timer .lb {
	font-size: 14px;
	margin-bottom: 3px;
}

.login-timer .timer {
	font-size: 24px;
	font-weight: bold;
	color: #222;
}

/* 페이징 */
/* 만족도조사 */
/* 카드형게시판 */
.listType {
	margin-bottom: 15px;
	text-align: right;
}

.listType a {
	display: inline-block;
	margin-right: 25px;
	padding-left: 34px;
	background: url(/images/n21/sub/icon_listType1.png) no-repeat left center;
	line-height: 27px;
	color: #535353;
}

.listType a.type2 {
	position: relative;
	margin-right: 0;
	background: url(/images/n21/sub/icon_listType2.png) no-repeat left center;
}

.listType a.type2:after {
	display: block;
	content: '';
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -6px;
	height: 12px;
	border-right: 1px solid #e6e6e6;
}

.listType a.active {
	background: url(/images/n21/sub/icon_listType1_on.png) no-repeat left center;
	color: #3e35aa;
	font-weight: 500;
}

.listType a.type2.active {
	background: url(/images/n21/sub/icon_listType2_on.png) no-repeat left center;
}

.thumbList {
	border-top: 2px solid #313131;
}

.thumbList li {
	display: block;
	position: relative;
	padding: 20px 250px 20px 20px;
	min-height: 140px;
	border-bottom: 1px solid #e3e3e3;
}

.thumbList li a {
	display: block;
}

.thumbList li .title {
	display: block;
	padding: 10px 0;
	font-size: 21px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.thumbList li .desc {
	display: block;
	display: -webkit-box;
	margin-bottom: 25px;
	height: 46px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	line-height: 23px;
	font-size: 15px;
	color: #6c6c6c;
}

.thumbList li .date {
	display: block;
	font-size: 15px;
	color: #6c6c6c;
}

.thumbList li .img {
	display: block;
	position: absolute;
	right: 0;
	top: 20px;
	width: 222px;
	height: 140px;
}

.thumbList li .img img {
	width: 100%;
	height: 100%;
}

.cardList.thumb.type2 ul li > div {
	height: 430px;
}

/* 영상게시판 */
.topVideoView {
	position: relative;
	margin-bottom: 40px;
	padding: 50px 0;
	background: #f4f7fe;
}

.topVideoView:before,
.topVideoView:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	background: #f4f7fe;
	z-index: -1;
}

.topVideoView:before {
	left: -1000px;
	right: 50%;
}

.topVideoView:after {
	right: -1000px;
	left: 50%;
}

.topVideoView .title {
	display: block;
	margin-bottom: 25px;
	font-size: 25px;
	font-weight: 500;
}

.topVideoView .videoBox {
	border-top: 2px solid #313131;
}

.topVideoView .videoBox:after {
	display: block;
	content: '';
	clear: both;
}

.topVideoView .videoBox .videoArea {
	float: left;
	width: 830px;
	height: 470px;
}

.topVideoView .videoBox .videoArea iframe {
	width: 100%;
	height: 100%;
}

.topVideoView .videoBox .infoArea {
	float: left;
	padding: 30px 0 0 45px;
	width: 450px;
	height: 470px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.topVideoView .videoBox .infoArea ul {
	margin: 0 -10px 30px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e0e3eb;
}

.topVideoView .videoBox .infoArea ul:after {
	display: block;
	content: '';
	clear: both;
}

.topVideoView .videoBox .infoArea ul li {
	display: block;
	float: left;
	position: relative;
	padding: 0 10px;
	font-size: 15px;
	font-weight: 500;
}

.topVideoView .videoBox .infoArea ul li:after {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	height: 12px;
	border-right: 1px solid #e0e3eb;
}

.topVideoView .videoBox .infoArea ul li:last-child:after {
	border-right: 0px none;
}

.topVideoView .videoBox .infoArea .subTitle {
	height: 380px;
	font-size: 15px;
	line-height: 165%;
	overflow-y: scroll;
}

.topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar {
	width: 8px;
}

.topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar-thumb {
	background-color: #3e35aa;
}

.topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar-track {
	background-color: #e0e3eb;
}

.videoList ul:after {
	display: block;
	content: '';
	clear: both;
}

.videoList ul li {
	display: block;
	float: left;
	padding: 20px 12px;
	width: 20%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.videoList ul li .img {
	display: block;
	margin: 0 auto 15px;
	width: 230px;
	height: 145px;
	text-align: center;
	overflow: hidden;
}

.videoList ul li .img img {
	width: 100% !important;
	height: 100%;
}

.videoList ul li a:hover img {
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.videoList ul li .title {
	display: block;
	display: -webkit-box;
	height: 46px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	line-height: 23px;
	font-size: 17px;
	text-align: center;
	letter-spacing: -.5px;
}

.videoList ul li a {
	display: block;
}

/* 상단 아이콘박스 */
.topIconBox {
	position: relative;
	margin-bottom: 55px;
	padding: 40px;
	padding-left: 250px;
	min-height: 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	border-bottom-left-radius: 80px;
	box-sizing: border-box;
}

.topIconBox .icon {
	display: block;
	position: absolute;
	left: 68px;
	top: 28px;
}

.topIconBox .title {
	display: block;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 500;
}

.topIconBox p {
	font-size: 18px;
	color: #555;
	line-height: 165%;
}

.topIconBox .btn_m {
	margin-top: 25px;
}

.topIconBox .btn_m + .btn_m {
	margin-left: 5px;
}

.topIconBox.type2 {
	padding-left: 195px;
	min-height: 136px;
}

.topIconBox.type2 .icon {
	top: 23px;
}

.topIconBox.type2 .title {
	font-size: 18px;
}

.topIconBox.type3 {
	padding-left: 195px;
	min-height: auto;
}

.topIconBox.type3 .icon {
	top: 13px;
}

.topIconBox.type3 p {
	font-size: 20px;
}

/* list type style */
.stepList:after {
	display: block;
	content: '';
	clear: both;
}

.stepList > li {
	display: block;
	float: left;
	padding: 0 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.stepList.col4 > li {
	width: 25%;
}

.stepList > li > div {
	position: relative;
	padding: 23px 35px;
	background: #f4f7fe;
	border: 1px solid #e5e9f4;
	border-radius: 10px;
	text-align: center;
}

.stepList > li > div:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: -20px;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	background: #fff url(/images/n21/sub/icon_stepList_ar.png) no-repeat center;
	border-radius: 50%;
	z-index: 1;
	-webkit-box-shadow: 1px 1px 4px #bdbdbd;
	box-shadow: 1px 1px 4px #bdbdbd;
}


.stepList > li:last-child > div:after {
	display: none;
}

.stepList > li .state {
	display: block;
	margin: 0 auto 12px;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #685fd7;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	line-height: 54px;
}

.stepList > li.col1 .state {
	background: #7e7d8c;
}

.stepList > li.col2 .state {
	background: #2d9791;
}

.stepList > li.col3 .state {
	background: #298fb9;
}

.stepList > li .head {
	display: block;
	margin-bottom: 12px;
	font-size: 21px;
	font-weight: 500;
	color: #685fd7;
}

.stepList > li.col1 .head {
	color: #7e7d8c;
}

.stepList > li.col2 .head {
	color: #2d9791;
}

.stepList > li.col3 .head {
	color: #298fb9;
}

.stepList > li .desc {
	display: block;
	padding-top: 14px;
	border-top: 1px solid #e5e9f4;
	font-size: 16px;
	line-height: 140%;
}

.listCon.dot > li {
	display: block;
	position: relative;
	padding: 4px 0;
	padding-left: 17px;
	font-size: 17px;
	color: #555;
	line-height: 140%;
}

.listCon.dot > li:after {
	display: block;
	content: '';
	position: absolute;
	left: 8px;
	top: 13px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #303646;
}

.listCon.dot.blue > li {
	color: #3e35aa;
}

.listCon.dot > li.type {
	margin-top: 25px;
}

.listCon.minus > li {
	display: block;
	position: relative;
	padding-left: 10px;
	font-size: 16px;
	line-height: 150%;
}

.listCon.minus > li:after {
	display: block;
	content: '-';
	position: absolute;
	left: 0;
	top: 0px;
}

.listCon.minus > li.type {
	margin-top: 25px;
}

.grayConBox {
	padding: 25px 15px;
	background: #f6f6f6;
	border: 1px solid #ececec;
	border-radius: 10px;
}

.grayConBox + h5 {
	margin-top: 35px;
}

.checkList li {
	display: block;
	padding: 4px 0;
	padding-left: 22px;
	background: url(/images/n21/sub/icon_checkList_check.png) no-repeat left 10px;
	line-height: 140%;
	font-size: 18px;
}

.checkList.blue li {
	background: url(/images/n21/sub/icon_checkList_check_blue.gif) no-repeat left 10px;
}

.checkList.green li {
	background: url(/images/n21/sub/icon_checkList_check_green.gif) no-repeat left 10px;
}

.checkList.yellow li {
	background: url(/images/n21/sub/icon_checkList_check_yellow.gif) no-repeat left 10px;
}

ul + .listCon,
div + .listCon {
	margin-top: 20px;
}

.listCon .listCon {
	margin-top: 5px;
}

.listCon.numList {
	margin: 10px 0;
}

.listCon.numList > li {
	display: block;
	position: relative;
	padding: 2px 0 2px 15px;
	font-size: 15px;
	line-height: 150%;
}

.listCon.numList > li > .num {
	position: absolute;
	left: 0;
	top: 2px;
}

/* 등록폼 */
.tableCon .reqTop {
	display: block;
	font-size: 15px;
	color: #6c6c6c;
	text-align: right;
	margin-bottom:10px;
}

.tableCon > .listCon + .reqTop {
	margin-top: -22px;
}

.tableCon .req {
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	font-size: 15px;
	font-weight: 500;
	color: #f54325;
}
.tableCon .tableTopBorder {
	border-top: 2px solid #313131;
	clear:both;
}
.tableCon .tableTopBorder .form {
	border-top:0;
}
.tableCon .form {
	width: 100%;
	/* border-top: 2px solid #313131; */
	font-size: 16px;
}

.tableCon .form tbody th {
	padding: 20px;
	vertical-align: top;
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	color: #313131;
}

.tableCon .form td {
	padding: 20px;
	height: 67px;
	border-left: 1px solid #e3e3e3;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}

.tableCon .form th,
.tableCon .form td {
	border-bottom: 1px solid #e3e3e3;
}

.tableCon .form th .req {
	margin-left: 3px;
}

.tableCon .form input,
.tableCon .form select,
.tableCon .form textarea {
	border: 1px solid #c7c7c7;
}

.tableCon .form input[type="radio"] {
	border: 0px none;
}

.tableCon .form label {
	font-size: 15px;
}

.inputSet {
	display: inline-block;
	vertical-align: middle;
}

.tableCon .form .inputSet + .btn_s {
	margin-left: 15px;
}

.inputSet + .inputSet {
	margin-left: 30px;
}

.tableCon .tableExp {
	vertical-align: middle;
	color: #0a6f6a;
	font-size: 14px;
}

.tableCon input + .tableExp {
	margin-left: 10px;
}

.tableCon .form textarea {
	resize: none;
}

.tableCon p.tableExp {
	margin-left: 0;
	margin-top:10px;
}

.tableCon .tableDesc {
	margin-bottom: 10px;
}

.form .input-guide{margin-top:10px;}
.form .input-guide .tableExp{margin-top:5px;}

input[type="radio"] {
	position: relative;
	margin-right: 5px;
	width: 22px;
	height: 22px;
	background: #fff;
	border-radius: 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="radio"]:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #cdcdcd;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="radio"]:checked:before {
	display: block;
	content: '';
	position: absolute;
	left: 6px;
	top: 6px;
	width: 10px;
	height: 10px;
	background: #313131;
	border: 0px none;
	border-radius: 50%;
}

input[type='checkbox'] {
	width: 22px;
	height: 22px;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #cdcdcd;
	background: #fff;
}

input[type='checkbox']:checked {
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
}

input + label {
	font-size: 16px;
	color: #555;
}

.form-id{display:flex;align-items:center;gap:4px; max-width:280px;}
.form-id .user-id{width:100%;}
.form-id .btn_s{height:50px;line-height:50px;flex-shrink:0;}

.form-tel{display:flex; align-items:center; gap:4px; width:100%;}
.form-tel select,
.form-tel input{width:25%;max-width:80px; margin:0 !important;}

.form-tel-group{display:flex; align-items:center; flex-wrap:wrap; gap:10px;}

.form-email{display:flex; align-items:center; gap:4px;}
.form-email .email-id{width:30%;}
.form-email .at{width:16px;text-align:center;}
.form-email .email-domain{width:30%;}
.form-email .email-domain-select{width:calc(40% - 20px);}

@media (max-width: 960px) {
    .tableCon .form-tel input[type="text"]{margin:0;}
}

.filebox {margin-bottom: 3px;}
.filebox input[type="file"] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}
.filebox label + input[type="file"]:focus {
	outline: none;
}

.filebox label {
	display: inline-block;
	width: 82px;
	height: 34px;
	color: #999;
	vertical-align: middle;
	border: 1px solid #313131;
	cursor: pointer;
	border-radius: 4px;
	line-height: 32px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #313131;
	text-align: center;
}

.filebox label.file-focus {
	outline: 2px solid #000;
}

.filebox .upload-name {
	display: inline-block;
	width: 50%;
	height: 34px;
	font-size: 15px;
	background-color: #fff;
	border: 0px none;
	line-height: 34px;
	text-indent: 5px;
}

.filebox .btn_delFile {
	display: inline-block;
	margin-left: 8px;
}

/* 참여 */
.reportBox {
	margin-bottom: 30px;
	padding: 35px 60px;
	background: #f4f7fe url(/images/n21/sub/img_reportBox.png) no-repeat 92% center;
	border: 1px solid #e5e9f4;
	border-radius: 10px;
}

.reportBox .title {
	display: block;
	margin-bottom: 15px;
	font-size: 28px;
	font-weight: 500;
	line-height: 110%;
}

.reportBox p {
	font-size: 16px;
	line-height: 160%;
}

.reportBox p b {
	font-weight: 500;
}

.numberList {
	margin-bottom: 50px;
}

.numberList li {
	display: block;
	position: relative;
	margin-bottom: 25px;
	padding-left: 45px;
}

.numberList li .num {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #2d9791;
	text-align: center;
	line-height: 32px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}

.numberList li > b {
	display: block;
	margin-bottom: 5px;
	line-height: 32px;
	font-size: 18px;
	font-weight: 500;
}

.numberList li p {
	font-size: 16px;
	line-height: 150%;
}

.hopeConTop {
	position: relative;
	margin-bottom: 40px;
	height: 180px;
	background: url(/images/n21/sub/bg_hopeConTop.gif) repeat-x center;
	border: 1px solid #e5e9f4;
	border-bottom-left-radius: 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.hopeConTop:before,
.hopeConTop:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
}

.hopeConTop:before {
	left: 94px;
	width: 223px;
	height: 154px;
	background: url(/images/n21/sub/bg_hopeConTop_before.png) no-repeat;
}

.hopeConTop:after {
	right: 27px;
	width: 292px;
	height: 148px;
	background: url(/images/n21/sub/bg_hopeConTop_after.png) no-repeat;
}

.hopeConTop p {
	padding-top: 35px;
	line-height: 150%;
	font-weight: 700;
	font-size: 26px;
	color: #555;
	text-align: center;
}

.hopeConTop p b {
	display: block;
	margin-top: 3px;
	font-size: 36px;
}

.hopeConTop p .txtSmall {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 18px;
	font-weight: 500;
}

.hopeConTop p .txtSmall:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	height: 7px;
	background: rgba(45, 168, 162, 0.2);
}

/* 이용안내 */
.loginExp {
	margin-left: 31px;
	margin-bottom: 18px;
	font-size: 16px;
	line-height: 160%;
}

.loginBox {
	padding: 55px 0;
	border: 1px solid #e0e0e0;
	border-bottom-left-radius: 80px;
	text-align: center;
}

.loginInput {
	margin-bottom: 25px;
}

.loginInput span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

.loginInput input {
	display: block;
	width: 490px;
}

.loginInput input + input {
	margin-top: 8px;
}

.loginInput .btnLogin {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 92px;
	background: #303646;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	line-height: 92px;
	font-size: 16px;
}
.loginInput .btnLogin:focus-visible {
	outline-style: dotted;
}

.loginBox .goLink {
	display: inline-block;
	vertical-align: middle;
	padding-right: 25px;
	background: url(/images/n21/sub/icon_loginBox_goLink.gif) no-repeat right center;
	font-size: 16px;
	color: #0a6f6a;
	line-height: 20px;
}

.loginBox .goLink:hover {
	text-decoration: underline;
}

.loginBox .goLink + .goLink {
	margin-left: 20px;
}

.loginBox .loginCertify {
	padding: 0 40px;
}

.loginBox .loginCertify ul:after {
	display: block;
	content: '';
	clear: both;
}

.loginBox .loginCertify ul li {
	display: block;
	float: left;
	position: relative;
	padding-left: 100px;
	width: 50%;
	background-repeat: no-repeat;
	background-position: 30px top;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.loginBox .loginCertify ul.col2 li {
	padding-left: 200px;
	width: 50%;
	background-position: 130px top;
	float: none;
	margin: 0 auto;
}

.loginBox .loginCertify ul.col2 li:after {
	display: none;
}

.loginBox .loginCertify ul.col2 li.snsLogin {
	padding-left: 0;
	/* width:50%; */
	margin: 20px auto 0;
	width: auto;
}

.loginBox .loginCertify ul.col2 li.snsLogin a {
	margin: 0 auto;
}

.loginBox .loginCertify ul.col2 li.icon1 p + .btnPurple {
	margin-top: 20px;
}

.loginBox .loginCertify ul li.icon1 {
	background-image: url(/images/n21/sub/icon_loginCertify1.gif);
}

.loginBox .loginCertify ul li.icon2 {
	background-image: url(/images/n21/sub/icon_loginCertify2.gif);
}

.loginBox .loginCertify ul li p {
	font-size: 15px;
	color: #555;
	line-height: 145%;
}

.loginBox .loginCertify ul li p + .goLink {
	margin: 8px 0 20px;
}

.loginBox .loginCertify ul li p + .btnPurple {
	margin-top: 27px;
}

.loginBox .loginCertify ul li.icon1 p + .btnPurple {
	margin-top: 48px;
}

.loginBox .loginCertify ul li .btnPurple {
	display: block;
	width: 220px;
	height: 58px;
	background: #303646;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	line-height: 58px;
	font-size: 16px;
}

.btnPurple:focus-visible{
	outline-style:dotted;
}

.loginBox .loginCertify ul li.ipinCert2{
	padding: 80px 10px 20px;
	text-align: center;
	background-position: center 10px !important;
}
.loginBox .loginCertify ul li.ipinCert2 p{
	font-size: 15px;
    color: #555;
    line-height: 145%;
}
.loginBox .loginCertify ul li.ipinCert2 p:after{
	display:none;
}
.loginBox .loginCertify ul li.ipinCert2 p + .btnPurple{
	margin:20px auto 0 auto;
}

.loginBox .loginCertify ul li.snsLogin {
	/* padding-left:43px; */
	/* width:30%; */
	display: block;
	margin-top: 20px;
	padding: 20px 0 0;
	width: 100%;
	text-align: center;
	border-top: 1px solid #e3e3e3;
}

.loginBox .loginCertify ul li.snsLogin a {
	display: inline-block;
	width: 270px;
	height: 60px;
	border-radius: 4px;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
	margin: 5px 2px !important;
}

.loginBox .loginCertify ul li.snsLogin a.kakao {
	background: #fee101;
}

.loginBox .loginCertify ul li.snsLogin p + a {
	margin-top: 15px;
}

.loginBox .loginCertify ul li.snsLogin p + a + a.naver {
	margin-top: 10px;
}

.loginBox .loginCertify ul li input[type="text"] {
	display: block;
	margin-bottom: 22px;
	width: 220px;
}

.loginBox .loginCertify ul li.icon1 input[type="text"] {
	margin-top: 23px;
}

.loginBox .loginCertify ul li.icon2 input[type="text"] {
	margin-top: 50px;
}

.loginBox .loginCertify ul li.snsLogin input[type="text"] {
	margin: 10px auto;
}

.loginBox .loginCertify ul li.snsLogin a.naver {
	margin-top: 20px;
	background: #29a300;
	color: #fff;
}

.loginBox .loginCertify ul li.snsLogin a img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -5px;
}

.loginBox + .listCon {
	margin-left: 40px;
	margin-top: 35px;
}

.loginBox + h5,
.listCon + h5 {
	margin-top: 60px;
}

.joinStep {
	margin-bottom: 40px;
	text-align: center;
}

.joinStep li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 0 6px;
}

.joinStep li:after {
	display: block;
	content: '';
	position: absolute;
	left: -10px;
	top: 20px;
	width: 16px;
	border-bottom: 1px solid #bebec5;
	z-index: 0;
}

.joinStep li:first-child:after {
	display: none;
}

.joinStep li em {
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 2px solid #81808f;
	text-align: center;
	line-height: 38px;
	color: #7e7d8c;
	font-size: 18px;
	font-weight: 500;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.joinStep li.active .num {
	background: #303646;
	border-color: #303646;
	color: #fff;
}

.joinStep li .txt {
	display: none;
	vertical-align: middle;
	padding: 0 8px;
	line-height: 42px;
	color: #303646;
	font-size: 22px;
	font-weight: 500;
}

.joinStep li.active .txt {
	display: inline-block;
}

.joinType {
	margin-top: 50px;
	text-align: center;
}

.joinType > div {
	display: inline-block;
	margin: 0 20px;
	padding: 45px 0 55px;
	max-width: 480px;
	margin: 1%;
	width: 47%;
	border: 1px solid #e0e0e0;
	border-bottom-left-radius: 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.joinType > div img {
	display: block;
	margin: 0 auto 15px;
}

.joinType > div span {
	display: block;
	margin-bottom: 45px;
	font-size: 26px;
}

.joinType > div span b {
	font-weight: 700;
}

.joinType .btnPurple {
	display: block;
	margin: 0 auto;
	width: 150px;
	height: 50px;
	background: #303646;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-size: 16px;
}

.agreeBox {
	margin-bottom: 20px;
	padding: 35px;
	border: 1px solid #e0e0e0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* .agreeBox textarea {
	display: block;
	width: 100%;
	height: 215px;
	resize: none;
	border: 0px none;
	font-size: 15px;
	color: #555;
	line-height: 160%;
} */

.agreeBox .textareaDiv {
	display: block;
	width: 100%;
	height: 215px;
	resize: none;
	border: 0px none;
	font-size: 15px;
	color: #555;
	line-height: 160%;
	overflow:auto;
}

.agreeBox .textareaDiv .txtPurple{
	font-weight:bold;
	color:purple;
}

.agreeBox + input {
	margin-left: 38px;
}

.joinEnd {
	padding: 65px 0;
	border: 1px solid #e0e0e0;
	border-bottom-left-radius: 80px;
	text-align: center;
}

.joinEnd p {
	padding: 25px 0 40px;
	font-size: 16px;
	color: #555;
	line-height: 160%;
}

.joinEnd .txtBig {
	display: block;
	margin-bottom: 10px;
	font-size: 26px;
	line-height: 160%;
	font-weight: 400;
}

/* 정보공간 */
.politiName {
	margin: 10px 0 40px;
}

.politiName ul:after {
	display: block;
	content: '';
	clear: both;
}

.politiName ul li {
	display: block;
	float: left;
	width: 16.6666%;
}

.politiName ul li a {
	display: block;
	margin: -1px;
	height: 46px;
	background: #f6f6f6;
	border: 1px solid #e3e3e3;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
}

.politiName ul li.active a {
	background: #2d9791;
	border: 1px solid #2d9791;
	color: #fff;
	font-weight: 500;
}

/* 위원회소개 */
.missionCon {
	margin-bottom: 60px;
}

.missionCon .topVision {
	margin: 0 auto;
	padding-top: 75px;
	width: 450px;
	height: 348px;
	background: url(/images/n21/sub/bg_topVision.gif) no-repeat 17px center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-size: 24px;
	line-height: 140%;
	letter-spacing: -1px;
}

.missionCon .topVision .topTitle {
	display: block;
	margin-bottom: 18px;
	font-size: 30px;
	font-weight: 900;
}

.missionCon .topVision b {
	font-weight: 900;
}

.missionCon .topVision .txtGreen {
	color: #685fd7;
}

.missionCon .purposeCon {
	padding-top: 73px;
	background: url(/images/n21/sub/bg_purposeCon.gif) no-repeat center top;
}

.missionCon .purposeCon .topTitle {
	display: block;
	position: relative;
	margin: 0 auto 48px;
	width: 292px;
	height: 53px;
	border: 4px solid #7e7d8c;
	border-radius: 26.5px;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 26px;
	text-align: center;
	font-weight: 900;
	line-height: 45px;
}

.missionCon .purposeCon .topTitle:after {
	display: block;
	content: '';
	position: absolute;
	left: -14px;
	right: -14px;
	bottom: -14px;
	top: -14px;
	border-radius: 35px;
	border-bottom: 1px solid #b5b7c1;
}

.missionCon .purposeCon > ul {
	text-align: center;
}

.missionCon .purposeCon > ul > li {
	display: inline-block;
	vertical-align: top;
	width: 32.3%;
	padding: 0 0;
}

.missionCon .purposeCon > ul li .head {
	display: table;
	position: relative;
	margin-bottom: 85px;
	width: 263px;
	height: 200px;
	border-radius: 40px;
}

.missionCon .purposeCon > ul li .head:before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -19px;
	margin-left: -14.5px;
	width: 29px;
	height: 9px;
	background: #fff;
}

.missionCon .purposeCon > ul li .head:after {
	display: block;
	content: '';
	position: absolute;
	bottom: -15px;
	left: -15px;
	right: -15px;
	top: 15px;
	border-bottom: 1px solid #685fd7;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-radius: 55px;
	z-index: -1;
}

.missionCon .purposeCon > ul li.item2 .head:after {
	border-bottom: 1px solid #298fb9;
}

.missionCon .purposeCon > ul li.item3 .head:after {
	border-bottom: 1px solid #b6892a;
}

.missionCon .purposeCon > ul li.item1 .head {
	background: #685fd7;
}

.missionCon .purposeCon > ul li.item2 .head {
	background: #298fb9;
}

.missionCon .purposeCon > ul li.item3 .head {
	background: #b6892a;
}

.missionCon .purposeCon > ul li .head b {
	display: table-cell;
	vertical-align: middle;
	font-size: 22px;
	font-weight: 900;
	line-height: 145%;
	color: #fff;
}

.missionCon .purposeCon > ul ul {
	position: relative;
}

.missionCon .purposeCon > ul ul:before {
	display: block;
	content: '';
	position: absolute;
	top: -75px;
	left: 126px;
	width: 9px;
	height: 9px;
	background: #7e7d8c;
	border-radius: 50%;
}

.missionCon .purposeCon > ul ul:after {
	display: block;
	content: '';
	position: absolute;
	top: -66px;
	left: 130px;
	height: 52px;
	border-right: 1px solid #7e7d8c;
}

.missionCon .purposeCon > ul ul li {
	text-align: left;
	font-size: 18px;
}

.statusCon {
	padding-top: 10px;
}

.statusCon ul li {
	display: block;
	position: relative;
	padding: 10px 0 10px 250px;
	min-height: 180px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.statusCon ul li + li {
	margin-top: 20px;
}

.statusCon .head {
	display: table;
	position: absolute;
	left: 0;
	top: 0;
	width: 180px;
	height: 180px;
}

.statusCon .head:before {
	display: block;
	content: '';
	position: absolute;
	right: -16px;
	top: 50%;
	margin-top: -15px;
	width: 9px;
	height: 30px;
	background: #fff;
}

.statusCon .head:after {
	display: block;
	content: '';
	position: absolute;
	right: -12px;
	top: -12px;
	bottom: -12px;
	left: -12px;
	border-right: 1px solid #298fb9;
	border-radius: 45px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	z-index: -1;
}

.statusCon .item2 .head:after {
	border-right: 1px solid #b6892a;
}

.statusCon .head b {
	display: table-cell;
	vertical-align: middle;
	border-radius: 40px;
	font-size: 22px;
	font-weight: 900;
	line-height: 145%;
	color: #fff;
	text-align: center;
}

.statusCon .item1 .head b {
	background: #298fb9;
}

.statusCon .item2 .head b {
	background: #b6892a;
}

.statusCon .desc {
	position: relative;
	display: table;
	padding: 0 40px;
	width: 100%;
	height: 160px;
	background: #f4f7fe;
	border-radius: 10px;
	border: 1px solid #e5e9f4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.statusCon .desc:before {
	display: block;
	content: '';
	position: absolute;
	left: -64px;
	top: 50%;
	margin-top: -4.5px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #7e7d8c;
}

.statusCon .desc:after {
	display: block;
	content: '';
	position: absolute;
	left: -55px;
	top: 50%;
	width: 54px;
	border-top: 1px solid #7e7d8c;
}

.statusCon .desc p {
	display: table-cell;
	vertical-align: middle;
	font-size: 17px;
	line-height: 160%;
}

.historyList {
	position: relative;
}

.historyList:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 20px;
	margin-left: -px;
	border-right: 1px solid #e3e3e3;
	z-index: -1;
}

.historyList ul:after {
	display: block;
	content: '';
	clear: both;
}

.historyList ul li {
	display: block;
	position: relative;
	clear: both;
	margin-bottom: 20px;
	padding-top: 5px;
	width: 50%;
	min-height: 180px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.historyList ul li:before {
	display: block;
	content: '';
	position: absolute;
	top: 86px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #7e7d8c;
	z-index: 1;
}

.historyList ul li:nth-child(2n-1):before {
	left: 94px;
}

.historyList ul li:nth-child(2n):before {
	right: 94px;
}

.historyList ul li:after {
	display: block;
	content: '';
	position: absolute;
	width: 32px;
	top: 90px;
	border-bottom: 1px solid #7e7d8c;
}

.historyList ul li:nth-child(2n-1):after {
	left: 103px;
}

.historyList ul li:nth-child(2n):after {
	right: 103px;
}

.historyList ul li:nth-child(2n-1) {
	float: right;
	padding-left: 158px;
}

.historyList ul li:nth-child(2n) {
	float: left;
	padding-right: 158px;
}

.historyList ul li .year {
	display: block;
	position: absolute;
	top: 0;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	text-align: center;
	line-height: 180px;
	color: #fff;
	font-size: 24px;
	font-weight: 900;
}

.historyList ul li:nth-child(2n-1) .year {
	left: -90px;
	background: #298fb9;
}

.historyList ul li:nth-child(2n) .year {
	right: -90px;
	background: #b6892a;
}

.historyList ul li .year:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 9px;
	height: 30px;
	background: #fff;
}

.historyList ul li:nth-child(2n-1) .year:before {
	right: -14px;
}

.historyList ul li:nth-child(2n) .year:before {
	left: -14px;
}

.historyList ul li .year:after {
	display: block;
	content: '';
	position: absolute;
	right: -10px;
	top: -10px;
	bottom: -10px;
	left: -10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-radius: 100px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: -1;
}

.historyList ul li:nth-child(2n-1) .year:after {
	border-right: 1px solid #298fb9;
}

.historyList ul li:nth-child(2n) .year:after {
	border-left: 1px solid #b6892a;
}

.historyList ul li .subject {
	display: block;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 500;
	line-height: 140%;
}

.historyList ul li .desc {
	position: relative;
	font-size: 15px;
	line-height: 155%;
}


.processList {
	margin: 20px -4px 0;
}

.processList::after {
	display: block;
	content: '';
	clear: both;
}

.processList li {
	display: block;
	float: left;
	position: relative;
	padding: 0 4px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.processList.col4 li {
	width: 25%;
}

.processList.col6 li {
	width: 16.6666%;
}

.processList li:after {
	display: block;
	content: '';
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff url(/images/n21/sub/icon_processList_ar.png) no-repeat center;
	z-index: 1;
	-webkit-box-shadow: 1px 1px 4px #adadad;
	        box-shadow: 1px 1px 4px #adadad;
}

.processList li:last-child:after {
	display: none;
}

.processList li div {
	display: table;
	width: 100%;
	height: 95px;
	background: #f6f6f6;
	border: 1px solid #ececec;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.processList li b {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 17px;
	line-height: 130%;
}

.processList li.active div {
	background: #298fb9;
	color: #fff;
}

.processList li .txtSmall {
	font-size: 15px;
}

.checkBoxList {
	margin: 30px -5px 0;
}
.checkBoxList:after {
	display: block;
	content: '';
	clear: both;
}

.checkBoxList > li {
	display: block;
	float: left;
	padding: 0 5px;
	width: 33.3333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.checkBoxList > li > div {
	display: table;
	padding: 0 35px;
	width: 100%;
	height: 135px;
	border: 1px solid #ececec;
	background: #f6f6f6;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.checkBoxList .checkList {
	display: table-cell;
	vertical-align: middle;
}

.checkBoxList .checkList li {
	font-size: 17px;
	letter-spacing: -1px;
}

.greetingCon {
	position: relative;
}

.greetingCon p,
.greetingCon .txtBig {
	line-height: 1.5;
}

.greetingCon .txtBig {
	display: block;
	padding: 0;
	margin-bottom: 35px;
	font-size: 32px;
}

.greetingCon .img {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 440px;
}

.greetingCon .img span {
	display: block;
	position: absolute;
	right: 30px;
	bottom: -50px;
	width: 460px;
	height: 76px;
	background: url(/images/n21/sub/bg_greetingCon_name.gif) no-repeat right top;
	border-bottom-left-radius: 53px;
	font-size: 23px;
	color: #fff;
	text-align: center;
	line-height: 76px;
	z-index: 2;
	-webkit-box-shadow: 1px 2px 7px #9e9e9e;
	box-shadow: 1px 2px 7px #9e9e9e;
}

.greetingCon .txtGreen {
	color: #bf8916;
}

.greetingCon p {
	margin-bottom: 28px;
	font-size: 18px;
}

.greetingCon p.first {
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-right: 480px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.greetingCon span.sign {
	font-size: 26px;
	font-weight: bold;
	display: block;
	color: #333;
	text-align: right;
	padding-right: 40px;
}

@media (max-width: 1023px) {
	.greetingCon {
		background: none;
		padding: 0px;
	}
	.greetingCon .img {
		margin-bottom: 0px;
	}
	.greetingCon .txtBig {
		padding-top: 20px;
	}
	.greetingCon .img {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		margin-bottom: 50px;
		text-align: center;
	}
	.greetingCon .img span {
		right: 50%;
		margin-right: -250px;
		max-width: 100%;
	}
	.greetingCon p {
		margin-right: 0;
	}
	.greetingCon p span.br {
		display: inline;
	}
	.greetingCon p.first {
		margin-right: 0px;
		padding: 0px;
	}
	.greetingCon span.sign {
		position: relative;
		font-size: 18px;
		margin-top: 80px;
		padding-bottom: 50px;
	}
	.greetingCon span.sign img {
		position: absolute;
		top: 25px;
		right: 25px;
		width: 125px;
	}
}

.ceoHistory {
	margin-top:40px;
	margin-bottom: 30px;
}

.ceoHistory:after {
	display: block;
	content: '';
	clear: both;
}

.ceoHistory .leftArea {
	float: left;
	margin-right: 7%;
	width: 32%;
	text-align: center;
}

.ceoHistory .leftArea > .img {
	display: block;
	margin: 0 auto;
	padding: 10px;
	width: 180px;
	border: 1px solid #dbdbdb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

.ceoHistory .leftArea p {
	margin: 20px 0 30px;
	font-size: 16px;
}

.ceoHistory .leftArea p b {
	display: block;
	margin-top: 8px;
	font-size: 22px;
	color: #000;
	font-weight: 800;
}

.ceoHistory .rightArea {
	position: relative;
	float: right;
	top: auto;
	width: 58%;
}

.ceoHistory .personList > ul > li {
	float: none;
	padding: 0;
	width: auto;
}

.ceoHistory.type2 .leftArea {
	margin-right: 7%;
	width: 43%;
	text-align: left;
}

.ceoHistory.type2 .rightArea {
	width: 50%;
}

.historyList2 {
	position: relative;
	margin-top: 30px;
}

.historyList2:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 11px;
	border-left: 1px solid #e3e3e3;
	z-index: -1;
}

.historyList2 li {
	display: block;
	position: relative;
	margin-bottom: 30px;
	padding-left: 40px;
	font-size: 16px;
	line-height: 24px;
	color: #313131;
	font-family: "NanumGothic";
	font-weight: 500;
}

.historyList2 li:last-chid {
	margin-bottom: 0;
}

.historyList2 li:before,
.historyList2 li:after {
	display: block;
	content: '';
	position: absolute;
	border-radius: 50%;
}

.historyList2 li:before {
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	background: #fff;
	border: 1px solid #298fb9;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.historyList2 li:after {
	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	background: #298fb9;
}

.historyList2 li .year {
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	color: #298fb9;
	font-size: 22px;
}

/*
.personList > ul {
	margin:0 -10px;
}
*/
.personList > ul:after {
	display: block;
	content: '';
	clear: both;
}

.personList > ul > li {
	display: block;
	float: left;
	padding: 10px;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.personList > ul > li > a {
	display: block;
	position: relative;
	padding: 25px 30px 25px 200px;
	height: 202px;
	background: #f6f6f6;
	border: 1px solid #ececec;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.personList > ul > li .img {
	display: block;
	position: absolute;
	left: 40px;
	top: 25px;
	width: 130px;
	height: 155px;
	background: #fff;
	text-align: center;
	line-height: 155px;
}

.personList > ul > li .img img {
	display: inline-block;
	vertical-align: middle;
}

.personList > ul > li .title {
	display: block;
	margin: 15px 0;
	font-size: 22px;
	font-weight: 900;
}

.personList .listCon > li {
	font-size: 16px;
}

.personList .listCon > li:after {
	top: 13px;
}

.personList.promotion li a {
	padding-left: 185px;
}

.personList.promotion li .img {
	padding: 8px;
	width: 110px;
	height: 160px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 140px;
}

.markItem {
	padding-left: 30px;
	background: url(/images/n21/sub/icon_markItem.png) no-repeat left top;
	font-size: 15px;
	line-height: 22px;
}

span.markItem {
	display: inline-block;
}

.bbsSearch .markItem {
	margin-right: 25px;
}

/* 조직구성도 */
.organDiagram {
	margin-top: 30px;
	padding-bottom: 80px;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.organDiagram {
		background: url(/images/n21/sub/bg_organDiagram.png) no-repeat 34% 30px;
	}
}

.organDiagram li {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 8px;
}

/*
.organDiagram li.item1 {
	width:250px;
}
.organDiagram li.item2,
.organDiagram li.item3 {
	width:210px;
}
*/
.organDiagram li.item1,
.organDiagram li.item2,
.organDiagram li.item3 {
	margin:0 auto;
    margin-bottom: 60px;
	width: 170px;
}

@media screen and (min-width: 1024px) {
	.organDiagram li.item1,
	.organDiagram li.item2,
	.organDiagram li.item3 {
	    margin-bottom:0;
	}
}

.organDiagram li.item4 {
	margin:0 atuo;
	width: 190px;
}
@media screen and (min-width: 1024px) {
	.organDiagram li.item4 {
		margin-left: 55px;
		width: 190px;
	}
}

.organDiagram li a {
	display: block;
}

.organDiagram li .head {
	display: block;
	position: relative;
	margin-bottom: 95px;
	height: 85px;
	border-radius: 18px;
	text-align: center;
	line-height: 85px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}

.organDiagram li.item1 .head {
	background: #685fd7;
}

.organDiagram li.item2 .head {
	background: #1f699a;
}

.organDiagram li.item3 .head {
	background: #b6892a;
}

.organDiagram li.item4 .head {
	margin-bottom: 8px;
	height: 54px;
	border: 1px solid #7e7d8c;
	background: #fff;
	line-height: 54px;
	color: #555;
	font-size: 17px;
}

.organDiagram li .desc {
	display: block;
	position: relative;
	font-size: 17px;
	text-align: center;
	line-height: 150%;
}

.organDiagram li .desc:before {
	display: block;
	content: '';
	position: absolute;
	top: -75px;
	left: 50%;
	margin-left: -6px;
	width: 12px;
	height: 67px;
	background: url(/images/n21/sub/icon_organDiagram_ar.png) no-repeat center bottom;
}

@media screen and (min-width: 1024px) {
	.organDiagram li.item1 .desc {
		padding: 15px 0 10px;
	}
}

.organDiagram li.item4 .desc {
	margin-top: 50px;
}

.organDiagram li.item4 .desc:before {
	top: -40px;
	height: 30px;
}

.organDiagram li .desc:after {
	display: block;
	content: '';
	position: absolute;
	bottom: -50px;
	left: 50%;
	margin-left: -17.5px;
	width: 35px;
	height: 35px;
	background: url(/images/n21/sub/icon_organDiagram_more.png) no-repeat;
	border-radius: 50%;
	-webkit-box-shadow: 1px 1px 5px #c3c3c3;
	box-shadow: 1px 1px 5px #c3c3c3;
}

@media screen and (min-width: 1024px) {
	.organDiagram li .desc:after{
		bottom:-40px;
	}
}

.imgWrap {
	padding: 20px;
	text-align: center;
}

.h5Content + .grayConBox,
.listCon + .grayConBox {
	margin-top: 35px;
}

.grayConBox + .markItem {
	margin-top: 10px;
}

.memberOrgan {
	padding: 30px 0;
}

.memberOrgan .topItem {
	display: table;
	position: relative;
	margin: 0 auto 60px;
	width: 190px;
	height: 110px;
	background: #1f699a;
	border-radius: 18px;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}

.memberOrgan .topItem:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -30px;
	height: 30px;
	border-right: 1px solid #7e7d8c;
}

.memberOrgan .topItem a {
	display: table-cell;
	vertical-align: middle;
	line-height: 145%;
	color: #fff;
}

.memberOrgan .topItem b {
	display: block;
	font-size: 24px;
}

.memberOrgan ul {
	position: relative;
	text-align: center;
}

.memberOrgan ul::before {
	display: block;
	content: '';
	position: absolute;
	left: 6.7%;
	right: 6.7%;
	top: -30px;
	border-bottom: 1px solid #7e7d8c;
}

.memberOrgan ul li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin: 0;
	width: 12%;
	background: #fff;
	border: 1px solid #7e7d8c;
	border-radius: 18px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.memberOrgan ul li::before {
	display: block;
	content: '';
	position: absolute;
	top: -30px;
	left: 50%;
	height: 30px;
	border-right: 1px solid #7e7d8c;
}

.memberOrgan ul li span {
	display: table;
	width: 100%;
	height: 90px;
}

.memberOrgan ul li span a {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	line-height: 150%;
}

.memberOrgan ul li span a strong {
	display: block;
	font-size: 20px;
	font-weight: 500;
}

.mainOrganList {
	padding: 30px 0;
}

.mainOrganList .organDept {
	position: relative;
	/*
	margin-bottom:40px;
	background:url(/images/n21/sub/bg_mainOrganListNew.png) no-repeat 86px 112px;
	*/
	margin-bottom: 0;
	background: url("/images/n24/sub/bg_mainOrganList_mNew.png") no-repeat center 40px;
	text-align: center;
}

.mainOrganList .organDept::after {
	display: block;
	content: '';
	clear: both;
}

.mainOrganList .organDept > li {
	margin-left: 10px;
	/* add */
	border-radius: 18px;
}

.mainOrganList .detp1-row,
.mainOrganList .organDept > li.type2 ul.row2,
.mainOrganList .organDept .dept2.col2,
.mainOrganList .organDept .dept2.col2 a:last-child {
	margin-left: 0;
}

.mainOrganList .detp1-row li {
	margin-right: 0 !important;
}

.mainOrganList .organDept > li.type2 ul.row2 li {
	display: inline-block;
}

.mainOrganList .organDept > li a {
	text-align: center;
}

.mainOrganList .organDept .dept1 > a {
	display: block;
	/*
		margin:0 auto 20px;
		height:112px;
		line-height:112px;
	*/
	margin: 0 auto 20px;
	width: 230px;
	height: 80px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	line-height: 80px;
	border-radius: 18px;
	background: #685fd7;
}

.mainOrganList .organDept .dept2 {
	display: inline-block;
	/* margin:0 30px 35px; */
	margin: 0 10px 20px;
	vertical-align: middle;
}

.mainOrganList .organDept .dept2 a {
	display: inline-block;
	width: 140px;
	height: 54px;
	background: #535353;
	border-radius: 18px;
	line-height: 54px;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
}

.mainOrganList .organDept .dept2.col2 a {
	margin: 10px 15px;
}

.mainOrganList .organDept .dept2_3 > a {
	display: block;
	margin: 0 auto 20px;
	width: 230px;
	height: 62px;
	background: #578eb2;
	border-radius: 18px;
	line-height: 62px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}

.mainOrganList .organDept .dept3_1.deptBoxItem {
	display: block;
	position: relative;
	left: 50%;
	/*
	margin-bottom:93px;
	margin-left:105px;
	*/
	margin-left: 15px;
	margin-bottom: 80px;
}

.mainOrganList .organDept .dept3_1.deptBoxItem > ul {
	min-height: auto;
}

.mainOrganList .organDept .deptBoxItem {
	display: inline-block;
	vertical-align: middle;
	width: 160px;
}

.mainOrganList .organDept .deptBoxItem > a {
	display: block;
	height: 34px;
	border: 1px solid #7e7d8c;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	font-size: 14px;
	font-weight: 500;
	line-height: 34px;
	background: #ebeaf0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.mainOrganList .organDept .deptBoxItem > ul {
	padding: 15px;
	min-height: 130px;
	background: #fff;
	border: 1px solid #d1d0d7;
	border-top: 0px none;
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mainOrganList .organDept .deptBoxItem > ul li a {
	display: block;
	position: relative;
	padding: 3px 0 3px 10px;
	font-size: 16px;
	color: #555;
	text-align: left;
	line-height: 120%;
}

.mainOrganList .organDept .deptBoxItem > ul li a::after {
	display: block;
	content: '-';
	position: absolute;
	left: 0;
	top: 4px;
	width: 6px;
}

.mainOrganList .organDept .dept3_2,
.mainOrganList .organDept .dept3_3 {
	display: block;
	position: absolute;
	left: 50%;
	/*margin-left:-285px;*/
	margin-left: -180px;
	padding: 0 15px;
	width: 160px;
	height: 54px;
	background: #fff;
	border: 1px solid #d1d0d7;
	border-radius: 18px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mainOrganList .organDept .dept3_2 {
	margin-top: -174px;
}

.mainOrganList .organDept .dept3_3 {
	margin-top: -113px;
}

.mainOrganList .organDept .dept3_2 a,
.mainOrganList .organDept .dept3_3 a {
	display: block;
	position: relative;
	padding-left: 10px;
	line-height: 54px;
	font-size: 16px;
	color: #555;
	text-align: left;
}

.mainOrganList .organDept .dept3_2 a::after,
.mainOrganList .organDept .dept3_3 a::after {
	display: block;
	content: '-';
	position: absolute;
	left: 0;
	top: 1px;
	width: 6px;
}

/*
.mainOrganList .organDept .dept3_4,
.mainOrganList .organDept .dept3_5 {
	float:left;
	margin-right:15px;
}
.mainOrganList .organDept .dept3_6 {
	float:left;
	margin-top:97px;
}
*/
.mainOrganList .organDept .dept3_4,
.mainOrganList .organDept .dept3_5,
.mainOrganList .organDept .dept3_6 {
	float: none;
	margin: 0 -10px 30px;
}


.mainOrganList .organDept .dept3_4 {
	margin-bottom: 50px;
}

.mainOrganList .organDept .dept3_4 > a,
.mainOrganList .organDept .dept3_5 > a {
	display: block;
	margin: 0 auto 25px;
	width: 160px;
	height: 58px;
	border-radius: 18px;
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	line-height: 58px;
	background: #7e7d8c;
}

/*
.mainOrganList .organDept .dept3_4 > a {
	margin-left:168px;
}
.mainOrganList .organDept .dept3_5 > a {
	margin-left:162px;
}

.mainOrganList .organDept .dept3_4 > a {
	margin: 0 auto 50px;
}

.mainOrganList .organDept .dept3_5 > a {
	margin: 0 auto 20px;
}*/

.mainOrganList .organDept .dept3_4 .deptBoxItem,
.mainOrganList .organDept .dept3_5 .deptBoxItem {
	/* margin:0 2px; */
	margin: 2px;
}

.dept3_7 {
	display: flex;
	align-items:center;
	justify-content:center;
	margin-bottom: 20px;
}

.dept3_7_1.deptBoxItem{transform:translateX(-50px);}
.mainOrganList .organDept .dept3_7_1.deptBoxItem ul{min-height:0;}
.dept3_7_2 {width: 138px; transform:translateX(20px);}
.dept3_7_2 > li + li{margin-top:12px;}

.mainOrganList .organType {
	margin-top: -3px;
	/* add */
	text-align: center;
}

.mainOrganList .organType > li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
	width: 260px;
}

.mainOrganList .organType > li > a {
	display: block;
	background: #b6892a;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	line-height: 54px;
	color: #fff;
	text-align: center;
	font-size: 17px;
	font-weight: 500;
}

.mainOrganList .organType > li ul {
	padding: 15px;
	background: #fff;
	border: 1px solid #d1d0d7;
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
	border-top: 0px none;
}

.mainOrganList .organType > li ul li a {
	display: block;
	position: relative;
	padding: 3px 0 3px 10px;
	font-size: 16px;
	color: #555;
	text-align: left;
	line-height: 120%;
}

.mainOrganList .organType > li ul li a::after {
	display: block;
	content: '-';
	position: absolute;
	left: 0;
	top: 4px;
	width: 6px;
}

.mainOrganList .organDept .alone .deptBoxItem > ul {
	display: none;
}

.mainOrganList .organDept .alone .deptBoxItem > a {
	border-radius: 18px;
	border-bottom: 1px solid #d1d0d7;
}

.mainOrganList .organDept .dept2 {
	margin: 0 10px 20px;
}

.managerBox {
	margin-bottom: 20px;
	padding: 25px 0;
	background: #f4f7fe;
	border: 1px solid #e5e9f4;
	text-align: center;
	font-size: 20px;
}

.managerBox p {
	line-height: 50px;
}

.managerBox .icon {
	position: relative;
	display: inline-block;
	padding-left: 15px;
	font-size: 24px;
}

.managerBox .icon:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #578eb2;
	border-radius: 50%;
}

.managerBox .icon em {
	color: #298fb9;
}

.symbolWrap:after {
	display: block;
	content: '';
	clear: both;
}

.symbolWrap .symbolDown {
	float: left;
	width: 40%;
	text-align: center;
}

.symbolWrap .symbolDown img {
	display: block;
	margin-bottom: 30px;
}

.symbolWrap .expArea {
	float: right;
	width: 58%;
}

.symbolWrap .expArea > h5 {
	margin-top: 0;
}

.symbolWrap .expArea .h5Content {
	margin-bottom: 35px;
}

.colorList:after {
	display: block;
	content: '';
	clear: both;
}

.colorList li {
	display: block;
	float: left;
	position: relative;
	margin-bottom: 10px;
	padding: 7px 0;
	padding-left: 65px;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.colorList li .colorItem {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
}

.colorUseList {
	margin: 0 -13px;
}

.colorUseList:after {
	display: block;
	content: '';
	clear: both;
}

.colorUseList li {
	display: block;
	float: left;
	margin-bottom: 25px;
	padding: 0 13px;
	width: 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
}

.colorUseList li .img {
	display: block;
	margin-bottom: 14px;
}

.colorUseList.type2 li {
	width: 33.3333%;
}

.promoPerson {
	position: relative;
	padding: 78px 78px 0 485px;
	height: 654px;
	background: url(/images/n21/sub/bg_promoPerson.jpg) no-repeat center top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.promoPerson .bigImg {
	position: absolute;
	top: 78px;
	left: 100px;
	padding: 15px;
	width: 346px;
	height: 486px;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.promoPerson .bigImg img {
	width: 100%;
	height: 100%;
}

.promoPerson .infoList {
	margin-bottom: 140px;
	padding-top: 25px;
}

.promoPerson .infoList li {
	display: block;
	padding-left: 15px;
	border-bottom: 1px dashed #b1b3b7;
	line-height: 47px;
	font-size: 22px;
}

.promoPerson .infoList li b {
	font-weight: 900;
}

.promoPersonList:after {
	display: block;
	content: '';
	clear: both;
}

.promoPersonList li {
	display: block;
	float: left;
	padding: 0 5px;
	width: 16.6666%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.promoPersonList li a {
	display: block;
	position: relative;
	border: 1px solid #e3e3e3;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.promoPersonList li.active a:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 2px solid #564cd4;
}

.divisionWork {
	text-align: center;
}

.divisionWork li span {
	display: block;
	position: relative;
	border-radius: 18px;
	text-align: center;
	font-weight: 500;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.divisionWork > li > span {
	margin: 0 auto 20px;
	width: 230px;
	height: 64px;
	background: #1f699a;
	font-size: 20px;
	color: #fff;
	line-height: 64px;
}

.divisionWork > li > span:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 50px;
	border-right: 1px solid #7e7d8c;
	z-index: -1;
}

.divisionWork .dep2 {
	position: relative;
}

.divisionWork .dep2:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -55px;
	width: 110px;
	top: 50%;
	border-top: 1px solid #7e7d8c;
	z-index: -1;
}

.divisionWork .dep2 > li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 50px;
}

.divisionWork .dep2 > li > span {
	width: 270px;
	height: 54px;
	background: #fff;
	border: 1px solid #7e7d8c;
	line-height: 54px;
	font-size: 17px;
}

.divisionWork .dep3 {
	position: relative;
	margin-top: 56px;
}

.divisionWork .dep3:after {
	display: block;
	content: '';
	position: absolute;
	top: -85px;
	left: 50%;
	height: 65px;
	border-right: 1px solid #7e7d8c;
	z-index: -1;
}

.divisionWork .dep3 > li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin: 0 4px;
}

.divisionWork .dep3 > li::before {
	display: block;
	content: '';
	position: absolute;
	top: -20px;
	left: -6px;
	right: -6px;
	border-top: 1px solid #7e7d8c;
}

.divisionWork .dep3 > li:first-child::before {
	left: 50%;
}

.divisionWork .dep3 > li:last-child::before {
	right: 50%;
}

.divisionWork .dep3 > li > span {
	width: 190px;
	height: 54px;
	background: #ebeaf0;
	border: 1px solid #7e7d8c;
	font-size: 17px;
	line-height: 54px;
}

.divisionWork .dep3 > li > span:after {
	display: block;
	content: '';
	position: absolute;
	top: -20px;
	left: 50%;
	height: 20px;
	border-right: 1px solid #7e7d8c;
}

.voteInfoCon {
	background: url(/images/n21/sub/img_voteInfoCon.jpg) no-repeat right top/30% auto;
}

.voteInfoCon .h4Content {
	margin-right: 32%;
}

@media screen and (min-width: 1024px) {
	.voteInfoCon {
		background: url(/images/n21/sub/img_voteInfoCon.jpg) no-repeat right top/320px auto;
	}
	.voteInfoCon .h4Content:first-of-type {
		margin-right: 460px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* 선거홍보관 */
.election_officer {
	position: relative;
}

.btn_officer {
	margin-bottom: 10px;
}

.btn_officer:after {
	display: block;
	clear: both;
	content: '';
}

.election_officer .l_left {
	float: left;
	padding-top: 10px;
}

.election_officer .l_left h5 {
	margin: 0 0 15px 0;
}

.election_officer .r_right {
	float: right;
}

.election_officer .btn_officer button {
	border: none;
	padding: 0 15px;
	height: 50px;
	font-size: 24px;
	line-height: initial;
	border-radius: 25px;
	color: #fff;
	background: #856C6C;
}

.election_officer .btn_officer button i {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 17px;
	margin-right: 5px;
	background: url("/images/n21/common/e_o_play_icon.png") 50% 50% no-repeat;
}

.election_officer .btn_officer button span {
	display: inline-block;
	vertical-align: middle;
}

.election_officer .btn_officer button + button {
	margin-left: 5px;
}

.election_officer .region {
	display: block;
	margin: 10px 0 23px 0;
	border-left: solid 1px #dae1e6;
}

.election_officer .m_region {
	display: none;
}

.election_officer .region:after {
	display: block;
	clear: both;
	content: '';
}

.election_officer .region li {
	float: left;
	width: 11.11%;
}

.election_officer .region li button {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	border: solid 1px #dae1e6;
	border-left: none;
	margin: -1px 0 0 -1px;
	background: none;
}

.election_officer .region li.active button {
	color: #fff;
	background: #303646;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}

.election_officer .placement {
	margin-bottom: 20px;
	text-align: center;
}
.election_officer .placement a {
	display:block;
	width:100%;
}

.web_pic {
	display: block;
}

.mobile_pic {
	display: none;
}

.election_officer .play_pic_card {
	padding: 10px 20px;
	border-radius: 20px;
	background: #f0f5f9;
}

.election_officer .play_pic_card ul {
	margin: 0 -10px;
}

.election_officer .play_pic_card ul:after {
	display: block;
	clear: both;
	content: '';
}

.election_officer .play_pic_card ul li {
	float: left;
	width: 25%;
	margin: 10px 0;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.election_officer .play_pic_card ul li > div:nth-child(1) {
	position: relative;
	height: 360px;
	padding: 20px;
	border-radius: 20px;
	background: #fff;
}

.election_officer .play_pic_card ul li:hover > div:nth-child(1) {
	-webkit-box-shadow: 16px 16px 24px rgba(0, 0, 0, 0.3);
	box-shadow: 16px 16px 24px rgba(0, 0, 0, 0.3);
}

.election_officer .play_pic_card ul li > div:nth-child(1) em {
	display: inline-block;
	width: 114px;
	height: 103px;
	line-height: 103px;
	font-size: 37px;
	text-align: center;
	background: url("/images/n21/common/e_o_card_number.png") 50% 50% no-repeat;
}

.election_officer .play_pic_card ul li > div:nth-child(1) strong {
	font-size: 24px;
	display: block;
	margin: 30px 0 10px 0;
	line-height: 24px;
	display: -webkit-box;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	color: #313131;
}

.election_officer .play_pic_card ul li > div:nth-child(1) span {
	font-size: 18px;
	display: block;
	height: 120px;
	display: -webkit-box;
	line-height: 20px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	overflow: hidden;
}

.election_officer .play_pic_card ul li > div:nth-child(1) div {
	position: absolute;
	bottom: 20px;
	left: 10px;
	right: 10px;
	text-align: center;
}

.election_officer .play_pic_card ul li > div:nth-child(1) div button {
	width: 48%;
	border-radius: 5px;
	text-align: center;
	color: #419f65;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	border: solid 1px #419f65;
}

.election_officer .play_pic_card ul li > div:nth-child(1) div button:hover {
	background: #419f65;
	color: #fff;
}

.pic_view_area {
	opacity: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

.pic_view_area .pic-frame {
	position: relative;
	background: url("/images/n21/common/pic_frame.png") center top/100% auto no-repeat;
	width: 900px;
	height: 555px;
	padding: 0 90px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pic_view_area .pic-title {
	height: 100px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 45px 0 0 0;
}

.pic_view_area .pic-title span {
	font-size: 36px;
	font-weight: 600;
	position: relative;
	line-height: 36px;
	display: inline-block;
	vertical-align: middle;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pic_view_area .pic-title i {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	width: 27px;
	height: 20px;
	background: url("/images/n21/common/pic_title_bg.png") 0 0/cover no-repeat;
}

.pic_view_area .pic-title span:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 12px;
	z-index: 1;
}

.pic_view_area .useBx_pic {
	height: 405px;
	max-width: 720px;
	margin: 0 auto;
	position: relative;
}

.pic_view_area .useBx_pic .slick-slide {
	height: 400px;
}

.pic_view_area .useBx_pic .bx-wrapper {
	height: 100%;
	padding-bottom: 30px;
	position: relative;
}

.pic_view_area .useBx_pic .bx-wrapper ul {
	width: 100%;
	height: 100%;
}

.pic_view_area .useBx_pic .bx-wrapper li {
	height: 100%;
}

.pic_view_area .useBx_pic .slick-control {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 99;
}

.pic_view_area .useBx_pic .slick-prev {
	position: absolute;
	top: 50%;
	left: -70px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 41px;
	height: 79px;
	background: url("/images/n21/common/btn_pic_slide_prev.png") 0 0/cover no-repeat;
	text-indent: -9999px;
}

.pic_view_area .useBx_pic .slick-next {
	position: absolute;
	top: 50%;
	right: -70px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 41px;
	height: 79px;
	background: url("/images/n21/common/btn_pic_slide_next.png") 0 0/cover no-repeat;
	text-indent: -9999px;
}

.pic_view_area .useBx_pic .control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 20px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pic_view_area .useBx_pic .slick-start,
.pic_view_area .useBx_pic .slick-stop {
	cursor: pointer;
	display: block;
	width: 25px;
	height: 25px;
	border: 1px solid #999;
	text-indent: -9999px;
	margin: 0 5px;
	border-radius: 50%;
}

.pic_view_area .useBx_pic .slick-stop {
	background: url(/images/n21/main/icon_mainPopSlider_stop.png) center no-repeat;
}

.pic_view_area .useBx_pic .slick-start {
	display: none;
	background: url(/images/n21/main/icon_mainPopSlider_start.png) center no-repeat;
}

.pic_view_area .icon {
	z-index: 1;
	position: absolute;
	bottom: -30px;
	left: -50px;
	width: 191px;
	height: 232px;
	background: url("/images/n21/common/pic_icon.png") 0 0/cover no-repeat;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

/*.btn_pic_close{position:absolute;top:-66px;right:0;width:56px;height:56px;background:rgba(0,0,0,.8) url("./images/n21/common/btn_pic_close.png") 50% 50% no-repeat;text-indent:-9999px;border-radius:50%;}*/
.btn_pic_close {
	position: absolute;
	left: 50%;
	bottom: -50px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 130px;
	height: 46px;
	margin-top: 45px;
	line-height: 46px;
	color: #fff;
	border: solid 1px #fff;
	border-radius: 23px;
}

.btn_pic_close i {
	padding-left: 20px;
	display: inline-block;
	background: url("/images/n21/common/btn_pic_slideclose.png") 0 50% no-repeat;
}

/* slick > swiper change (24Design) */
.pic_view_area .swiper-button-prev,
.pic_view_area .swiper-button-next {
	width: 41px;
	height: 79px;
}

.pic_view_area .swiper-button-next:after,
.pic_view_area .swiper-button-prev:after {
	display: none;
}

.pic_view_area .swiper-auto-control {
	text-align: center;
}

.pic_view_area .swiper-auto-control .swiper-start,
.pic_view_area .swiper-auto-control .swiper-stop {
	display: inline-block;
	position: relative;
	margin: 0 auto;
	cursor: pointer;
	display: block;
	width: 25px;
	height: 25px;
	border: 1px solid #999;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pic_view_area .swiper-auto-control .swiper-start.disabled,
.pic_view_area .swiper-auto-control .swiper-stop.disabled {
	opacity: 0.5;
}

.pic_view_area .swiper-button-prev {
	background: url("/images/n24/common/btn_pic_slide_prev.png") no-repeat left top/cover !important;
}

.pic_view_area .swiper-button-next {
	background: url("/images/n24/common/btn_pic_slide_next.png") no-repeat left top/cover !important;
}

.pic_view_area .swiper-auto-control {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

.pic_view_area .swiper-auto-control .swiper-start {
	display: none;
	background: url("/images/n24/common/icon_mainPopSlider_start.png") no-repeat center;
}

.pic_view_area .swiper-auto-control .swiper-stop {
	background: url("/images/n24/common/icon_mainPopSlider_stop.png") no-repeat center;
}

.bx-prev {
	position: absolute;
	top: 50%;
	left: -70px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 41px;
	height: 79px;
	background: url("/images/n21/common/btn_pic_slide_prev.png") 0 0/cover no-repeat;
	text-indent: -9999px;
}

.bx-next {
	position: absolute;
	top: 50%;
	right: -70px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 41px;
	height: 79px;
	background: url("/images/n21/common/btn_pic_slide_next.png") 0 0/cover no-repeat;
	text-indent: -9999px;
}

.election_officer .play_pic_card ul li > div:nth-child(2) {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 564px;
	height: 583px;
	margin: -291px 0 0 -282px;
	padding: 100px 40px 100px 60px;
	text-align: center;
	background: url("/images/n21/common/note_bg.png") 50% 50% no-repeat;
	z-index: 2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.election_officer .play_pic_card ul li > div:nth-child(2) strong {
	position: relative;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: solid 1px #000;
	display: inline-block;
	vertical-align: middle;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.election_officer .play_pic_card ul li > div:nth-child(2) div.con {
	text-align: left;
	font-size: 16px;
	color: #000;
	line-height: 24px;
	height: 280px;
	overflow: hidden;
	overflow-y: auto;
	word-break: break-all;
}

.btn_summary_close {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -65px;
}

.btn_summary_close button {
	color: #7c5337;
	border: solid 1px #7c5337;
	width: 130px;
	height: 46px;
	line-height: 47px;
	font-size: 18px;
	border-radius: 23px;
}

.btn_summary_close button i {
	padding-left: 20px;
	display: inline-block;
	background: url("/images/n21/common/btn_note_close.png") 0 50% no-repeat;
}

.note_icon {
	position: absolute;
	bottom: 0;
	left: -162px;
	width: 192px;
	height: 232px;
	background: url("/images/n21/common/note_icon.png") 50% 50% no-repeat;
}

/* 미래유권자 */
.boxInfoItem > ul {
	margin: 0 -8px;
}

.boxInfoItem > ul:after {
	display: block;
	content: '';
	clear: both;
}

.boxInfoItem > ul > li {
	display: block;
	float: left;
	padding: 0 8px;
	width: 33.3333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.boxInfoItem > ul > li > div {
	padding: 8px;
	background: #f4f7fe;
	border: 1px solid #e5e9f4;
	border-radius: 20px;
}

.boxInfoItem > ul > li .title {
	display: block;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
}

.boxInfoItem > ul > li > div > ul > li {
	margin-bottom: 10px;
	padding: 0 15px;
	background: #fff;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.boxInfoItem > ul > li > div > ul > li:last-child {
	margin-bottom: 0;
}

.boxInfoItem > ul > li > div > ul > li > b {
	display: block;
	border-bottom: 1px solid #eee;
	line-height: 42px;
	font-size: 18px;
	text-align: center;
	color: #578eb2;
}

.boxInfoItem .listCon {
	padding: 15px 0;
}

.stepList2 {
	display: table;
	width: 100%;
	border-spacing: 8px;
}

.stepList2::after {
	display: block;
	content: '';
	clear: both;
}

.stepList2 > li {
	display: table-cell;
	position: relative;
	background: #f6f6f6;
	border: 1px solid #ececec;
	border-radius: 10px;
	width: 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.stepList2 > li > div {
	padding: 12px 25px;
}

.stepList2 > li .head {
	display: block;
	margin-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #2d9791;
}

.stepList2 > li:after {
	display: block;
	content: '';
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff url(/images/n21/sub/icon_processList_ar.png) no-repeat center;
	z-index: 1;
	-webkit-box-shadow: 1px 1px 4px #adadad;
	box-shadow: 1px 1px 4px #adadad;
}

.stepList2 > li:last-child:after {
	display: none;
}

.rowStepList > li {
	display: block;
	position: relative;
	margin-bottom: 8px;
	padding-left: 210px;
}

.rowStepList > li .head {
	display: table;
	position: absolute;
	left: 0;
	top: 0;
	width: 170px;
	height: 140px;
	background: #298fb9;
	border-radius: 10px;
	line-height: 140px;
}

.rowStepList > li .head::after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff url(/images/n21/sub/icon_processList_ar2.png) no-repeat center;
	z-index: 1;
	-webkit-box-shadow: 1px 1px 4px #adadad;
	box-shadow: 1px 1px 4px #adadad;
}

.rowStepList > li:last-child .head::after {
	display: none;
}

.rowStepList > li .head b {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	line-height: 140%;
	color: #fff;
}

.rowStepList > li .desc {
	display: table;
	position: relative;
	width: 100%;
	height: 140px;
	background: #f6f6f6;
	border-radius: 10px;
	border: 1px solid #ececec;
	line-height: 140px;
}

.rowStepList > li .desc:before {
	display: block;
	content: '';
	position: absolute;
	top: 67px;
	left: -46px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #7e7d8c;
}

.rowStepList > li .desc:after {
	display: block;
	content: '';
	position: absolute;
	top: 71px;
	left: -37px;
	width: 37px;
	border-top: 1px solid #7e7d8c;
}

.rowStepList > li .desc p {
	display: table-cell;
	vertical-align: middle;
	padding: 0 35px;
	line-height: 140%;
	font-size: 16px;
}

/* 이용안내 */
.sitemap .siteDepth1 {
	position: relative;
	height: 1600px;
}

.sitemap .siteDepth1:after {
	display: block;
	content: '';
	clear: both;
}

.sitemap .siteDepth1 > li {
	float: left;
	padding: 10px 29px;
	width: 25%;
	border-right: 1px solid #e0e0e0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sitemap .siteDepth1 > li:nth-child(n+1):nth-child(-n+2) {
	height: 800px;
}

.sitemap .siteDepth1 > li:nth-child(n+3):nth-child(-n+4) {
	height: 100%;
}

.sitemap .siteDepth1 > li:nth-child(5) {
	position: absolute;
	top: 650px;
	left: 0;
}

.sitemap .siteDepth1 > li:nth-child(6) {
	position: absolute;
	top: 650px;
	left: 25%;
	height: 920px;
}

.sitemap .siteDepth1 > li > .title {
	display: block;
	margin: 2px 0 30px;
	font-size: 28px;
	font-weight: 800;
	color: #2d9791;
}

.sitemap .siteDepth1 > li > .title span {
	position: relative;
	top: -8px;
	left: 8px;
	font-size: 17px;
	font-weight: 500;
}

.sitemap .siteDepth2 > li {
	margin-bottom: 25px;
}

.sitemap .siteDepth2 > li > a {
	display: block;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 600;
	color: #1e1e1e;
}

.sitemap .siteDepth3 > li {
	padding: 5px 0;
}

.sitemap .siteDepth3 > li a {
	display: inline-block;
	position: relative;
	padding-left: 11px;
	font-size: 15px;
	color: #6c6c6c;
}

.sitemap .siteDepth3 > li a.siteNew {
	padding-right: 22px;
	background: url(/images/n21/sub/icon_siteNew.gif) no-repeat right 2px;
}

.sitemap .siteDepth3 > li a:after {
	display: block;
	content: '';
	position: absolute;
	top: 7px;
	left: 0px;
	width: 3px;
	height: 3px;
	background: #303646;
}

.referenceBox.type2 {
	margin-top: 30px;
}

.referenceBox > ul {
	margin: 0 -8px;
}

.referenceBox > ul:after {
	display: block;
	content: '';
	clear: both;
}

.referenceBox > ul > li {
	float: left;
	margin-bottom: 80px;
	padding: 0 8px;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.referenceBox > ul > li.lastLine {
	margin-bottom: 0;
}

.referenceBox > ul > li > div {
	position: relative;
	padding: 100px 15px 0;
	height: 292px;
	text-align: center;
	background: #f6f6f6;
	border: 1px solid #ececec;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.referenceBox > ul > li > div img {
	position: absolute;
	top: -29px;
	left: 50%;
	margin-left: -50px;
}

.referenceBox > ul > li > div .title {
	display: block;
	margin-bottom: 15px;
	font-size: 23px;
	font-weight: 600;
	color: #1e1e1e;
	line-height: 130%;
}

.referenceBox > ul > li > div p {
	margin-bottom: 15px;
	font-size: 16px;
	color: #1e1e1e;
	line-height: 150%;
	word-break: keep-all;
}

.referenceBox > ul > li > div p br {
	display: none;
}

.bannerZone {
	padding-bottom: 50px;
}

.bannerZone ul {
	margin: 0 -7px;
}

.bannerZone ul:after {
	display: block;
	content: '';
	clear: both;
}

.bannerZone ul li {
	float: left;
	margin-bottom: 15px;
	padding: 0 7px;
	width: 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.bannerZone ul li a {
	display: block;
	height: 100px;
	border: 1px solid #dedede;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	line-height: 98px;
}

.bannerZone ul li img {
	display: inline-block;
	vertical-align: middle;
}

.bannerZone ul li.lastLine {
	margin-bottom: 0;
}

/* 마이페이지 */
.mypageMain ul:after {
	display: block;
	content: '';
	clear: both;
}

.mypageMain ul li {
	display: block;
	float: left;
	margin-bottom: 40px;
	padding: 0 4px;
	width: 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mypageMain ul li div {
	padding: 25px 0 30px;
	height: 315px;
	background: #f6f6f6;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mypageMain ul li .icon {
	display: block;
	margin-bottom: 20px;
	text-align: center;
}

.mypageMain ul li .title {
	display: block;
	margin-bottom: 25px;
	font-size: 24px;
	text-align: center;
	font-weight: 900;
}

.mypageMain ul li a {
	display: block;
	margin: 0 auto 5px;
	width: 190px;
	height: 42px;
	background: #535353;
	border-radius: 4px;
	line-height: 42px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.mypageMain ul li.last div {
	background: #f3faf7;
}

.mypageMain ul li p {
	font-size: 16px;
	line-height: 145%;
	text-align: center;
}

.mapArea {
	text-align: center;
}

.mapArea p {
	margin-top: 10px;
}

.mapArea p .markItem {
	margin-right: 8px;
}

.listYearType {
	margin-bottom: -25px;
}

.listYearType span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px;
	font-size: 17px;
	color: #564cd4;
	font-weight: 500;
}

.listYearType a {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	background: #eee;
	border-radius: 50%;
	text-align: center;
}

/* 방문신청 */
.siteGbnWrap {
	position: relative;
}

.siteGbnWrap table td a .siteGbn {
	font-size: 16px;
}

.siteGbnWrap table {
	width: 100%;
}

.siteGbnWrap table td {
	height: 30px;
	border: 1px solid #dedede;
	text-align: center;
}

.siteGbnWrap table td {
	height: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}

.calenderWrap {
	position: relative;
	padding-top: 40px;
}

.calenderWrap .topControls {
	margin-bottom: 20px;
}

.calenderWrap .topControls .center {
	text-align: center;
}

.calenderWrap .topControls .center .current {
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px;
	font-size: 20px;
	font-weight: bold;
	line-height: 100%;
}

.calenderWrap .topControls .center .current b {
	display: inline-block;
	vertical-align: bottom;
	font-size: 32px;
}

.calenderWrap .topControls .center a {
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	width: 30px;
	height: 9px;
	text-indent: -9999em;
}

.calenderWrap .topControls .center .prev {
	background: url(/static/images/portal/sub/icon_calendar_prev.gif) no-repeat;
}

.calenderWrap .topControls .center .next {
	background: url(/static/images/portal/sub/icon_calendar_next.gif) no-repeat;
}

.calenderWrap .topControls .right {
	position: absolute;
	right: 0;
	top: 3px;
}

.calenderWrap .topControls .right select {
	width: 100px;
	height: 38px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #d4d4d4;
}

.calenderWrap .topControls .right a {
	padding: 0;
	min-width: auto;
	width: 60px;
}

.calendarTable {
	border-top: 2px solid #231f20;
	border-left: 1px solid #dedede;
}

.calendarTable table {
	width: 100%;
}

.calendarTable table th {
	border-bottom: 1px solid #911b2b;
	font-size: 15px;
	color: #911b2b;
	text-align: center;
}

.calendarTable table th,
.calendarTable table td {
	padding: 5px;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.calendarTable table td {
	height: 140px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}

.calendarTable table td .day {
	display: block;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

.calendarTable table .visitApply {
	padding: 5px;
}

.calendarTable table .visitApply li {
	margin: 8px 0;
	line-height: 22px;
	letter-spacing: -.5px;
}

.calendarTable table .visitApply li.ing {
	color: #044180;
}

.calendarTable table .visitApply li.end {
	color: #911b2b;
}

.calendarTable table .visitApply li .applyBtn {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
	width: 62px;
	height: 22px;
	border-radius: 11px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	font-size: 13px;
}

.calendarTable table .visitApply li.ing .applyBtn {
	background: #044180;
}

.calendarTable table .visitApply li.end .applyBtn {
	background: #911b2b;
}

.calendarTable table .visitApply .age {
	display: inline-block;
	vertical-align: top;
	width: 22px;
	height: 22px;
	border: 1px solid #911b2b;
	border-radius: 11px;
	color: #911b2b;
	text-align: center;
	line-height: 22px;
	font-size: 13px;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.calendarTable table td.closed {
	position: relative;
	background: #f7f7f7;
}

.calendarTable table td.closed .closedTxt {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #666;
	font-weight: bold;
}

/* position:absolute;top:50%;left:50%;margin:-10px 0 0 -15px; */
.calendarTable table td.closed .closedTxtCorona {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #666;
	font-weight: bold;
}

/* position:absolute;top:50%;left:40%;margin:-10px 0 0 -15px; */
.calenderWrap .ageList {
	margin-top: 10px;
	text-align: right;
}

.calenderWrap .ageList span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 14px;
	font-size: 14px;
}

.calenderWrap .ageList span em {
	display: inline-block;
	margin-right: 4px;
	width: 23px;
	height: 23px;
	border: 1px solid #686868;
	border-radius: 11.5px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 21px;
	font-size: 13px;
}

.visitTimeApply {
	padding: 20px 25px;
	border-top: 2px solid #231f20;
	border-bottom: 1px solid #dedede;
}

.visitTimeApply .date {
	display: inline-block;
	vertical-align: middle;
	margin-right: 35px;
	font-size: 22px;
	font-weight: bold;
	color: #111;
}

.visitTimeApply input,
.visitTimeApply label {
	display: inline-block;
	vertical-align: middle;
}

.visitTimeApply label {
	margin-right: 20px;
}

.visitTimeApply .disabled {
	color: #bebebe;
}

.calenderWrap:after {
	display: block;
	content: '';
	clear: both;
}

.calenderWrap .leftArea {
	float: left;
	width: 55%;
}

.calenderWrap .leftArea .calendarTable table td {
	height: 80px;
}

.calenderWrap .leftArea .calendarTable table td.closed .closedTxt {
	font-size: 15px;
}

.calenderWrap .leftArea .calendarTable table td.closed .closedTxtCorona {
	font-size: 14px;
}

.calenderWrap .leftArea .calendarTable table td.active {
	background: #a18a57 url(/static/images/portal/sub/icon_calendar_check.png) no-repeat center;
}

.calenderWrap .leftArea .calendarTable table td.active .day {
	color: #fff;
}

.calenderWrap .leftArea .calendarTable table td a {
	display: block;
	height: 100%;
}

.calenderWrap .rightArea {
	float: right;
	margin-top: -10px;
	padding: 0 30px 30px;
	width: 40%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 10px;
}

.calenderWrap .rightArea .date {
	display: block;
	padding: 20px 0 10px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #911b2b;
}

.calenderWrap .rightArea .tableBox {
	margin-bottom: 0;
	background: #fff;
}

.calenderWrap .rightArea table td a {
	margin-left: 20px;
	vertical-align: inherit;
}

.calenderWrap .rightArea table td .none {
	color: #666;
	margin-left: 20px;
	vertical-align: inherit;
}

.modalWrap {
	padding: 0;
}

.modalWrap.small {
	margin-left: -350px;
	width: 700px;
}

.modalWrap.privacyPopup {
	top: 100px;
	width: 500px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: 0;
}

.modalWrap.privacyPopup .btnArea {
	margin-top: 10px;
}

.promotionCenter {
	margin-bottom: 40px;
	min-height: 300px;
	border: 1px solid #d7d7d7;
}

.recommend ul {
	display: inline-block;
	vertical-align: top;
	width: 80%;
}

.recommend ul:after {
	display: block;
	clear: both;
	content: '';
}

.recommend li {
	float: left;
	margin: 10px;
}

.recommend li a {
	display: inline-block;
	border: solid 1px #878787;
	border-radius: 20px;
	color: #555555;
	font-size: 16px;
	padding: 10px 20px;
	text-align: left;
	font-weight: bolder;
}

.recommend li a:hover {
	border: solid 1px #3e35aa;
	color: #3e35aa;
}

/* 캐릭터소개 */
.new-character {
	margin-top: 20px;
}

.new-character .char-front {
	min-height: 250px;
	border-radius: 10px;
	border: 1px solid #e5e9f4;
	background: url(/images/n21/sub/char_intro_bg.png) repeat;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 50px;
	margin-bottom: 20px;
}

.new-character .char-front > div {
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.new-character .char-front .txt {
	text-align: left;
}

.new-character .char-front .txt h5 {
	margin: 15px 0;
}

.new-character .char-front .txt .h5Content p {
	line-height: 1.75em;
}

.new-character .char-front .img {
	text-align: center;
	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;
}

.new-character .char-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
}

.new-character .char-detail > div {
	width: calc(50% - 10px);
}

/* 반응형 */
@media all and (max-width: 1280px) {
	/* 20210901 */
	.btn_m {
		margin: 2px;
	}
	.bbsSearch {
		padding: 20px;
	}
	.bbsSearch .totalNum {
		position: static;
		margin-bottom: 8px;
		text-align: left;
	}
	.bbsSearch input[type='text'],
	.bbsSearch select,
	.bbsSearch input[type="submit"],
	.bbsSearch .btnAll {
		margin: 2px 0;
	}
	.tableCon > .listCon + .reqTop {
		margin-top: 10px;
	}
	.topVideoView .title {
		line-height: 130%;
	}
	.topVideoView .videoBox .videoArea {
		width: 55%;
		height: 280px;
	}
	.topVideoView .videoBox .infoArea {
		padding: 25px 0 0 25px;
		width: 45%;
		height: 280px;
	}
	.topVideoView .videoBox .infoArea .subTitle {
		height: 180px;
	}
	.paging + .btnArea.right {
		margin-top: -40px;
	}
	.topIconBox .btn_m {
		padding: 10px 5px;
	}
	.hopeConTop:before {
		left: 65px;
		width: 88px;
		height: 60px;
		background-size: auto 60px;
	}
	.hopeConTop:after {
		right: 5px;
		width: 120px;
		height: 60px;
		background-size: auto 60px;
	}
	.stepList > li > div {
		padding: 23px 15px;
	}
	.loginBox .loginCertify ul li {
		width: 50%;
	}
	.loginBox .loginCertify ul li.icon2:after {
		display: none;
	}
	.loginBox .loginCertify ul li.snsLogin {
		display: block;
		margin-top: 20px;
		padding: 20px 0 0;
		width: 100%;
		text-align: center;
		border-top: 1px solid #e3e3e3;
	}
	.loginBox .loginCertify ul li.snsLogin a {
		display: inline-block;
		margin: 5px 2px !important;
	}
	.loginBox .loginCertify ul li.snsLogin input[type="text"] {
		margin: 10px auto;
	}
	.loginBox .loginCertify ul.col2 li {
		float: none;
		margin: 0 auto;
	}
	.loginBox .loginCertify ul.col2 li.snsLogin {
		margin: 20px auto 0;
		width: auto;
	}
	.loginBox .loginCertify ul.col2 li:after {
		display: none;
	}
	.joinType > div {
		margin: 1%;
		width: 47%;
	}
	.promoPerson {
		padding: 50px 50px 50px 420px;
	}
	.promoPerson .bigImg {
		left: 50px;
	}
	.personList > ul > li .title {
		margin: 10px 0;
		font-size: 20px;
		line-height: 130%;
	}
	/*
	.memberOrgan ul:before {
		left:6.7%;
		right:6.7%;
	}
	.memberOrgan ul li {
		margin:0;
		width:12%;
	}

	.mainOrganList .organDept {
		margin-bottom:0;
		background:url(../../images/n21/sub/bg_mainOrganList_mNew.png) no-repeat center 68px;
	}
	.mainOrganList .organDept .dept1 > a {
		margin:0 auto 10px;
		height:80px;
		line-height:80px;
	}
	.mainOrganList .organDept .dept2 {
		margin:0 10px 20px;
	}
	.mainOrganList .organDept .dept3_1.deptBoxItem {
		margin-left:15px;
		margin-bottom:80px;
	}
	.mainOrganList .organDept .dept3_2,
	.mainOrganList .organDept .dept3_3 {
		margin-left:-180px;
	}
	.mainOrganList .organDept .dept3_4,
	.mainOrganList .organDept .dept3_5,
	.mainOrganList .organDept .dept3_6 {
		float:none;
		margin:0 -10px 30px;
	}
	.mainOrganList .organDept .dept3_4 > a,
	.mainOrganList .organDept .dept3_5 > a {
		margin:0 auto 20px;
	}
	.mainOrganList .organDept .dept3_4 .deptBoxItem,
	.mainOrganList .organDept .dept3_5 .deptBoxItem {
		margin:2px;
	}
	.mainOrganList .organType {
		margin-top:-3px;
	}
	*/
	.moveList ul li.prev a {
		padding-right: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.moveList ul li.next a {
		padding-left: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.personList.promotion li a {
		padding-left: 155px;
		padding-right: 25px;
	}
	.personList.promotion li .img {
		left: 25px;
	}
	.referenceBox > ul > li {
		width: 50%;
	}
	.referenceBox > ul > li > div .title {
		line-height: 130%;
	}
	.referenceBox > ul > li > div p {
		margin-bottom: 15px;
	}
	.referenceBox > ul > li > div p br {
		display: none;
	}
	.mypageMain ul li .title {
		font-size: 18px;
	}
	.tableView .viewDetail > li > div {
		display: block;
		float: left;
		width: 50%;
	}
	.tableView .viewDetail > li > div + div {
		margin-left: 0;
	}
	.videoList ul li .img {
		width: 100%;
		height: 100px;
	}
	/* .tableView .viewCon iframe {
		height: 600px;
	} */
}

@media all and (max-width: 1024px) {
	.election_officer .play_pic_card ul li {
		width: 33.33%;
	}
	.new-character .char-front .txt .h5Content {
		padding-right: 20px;
	}
	.new-character .char-front .txt .h5Content p br {
		display: none;
	}
	/*

	.pic_view_area{top:50%;left:5%;right:5%;width:90%;height:auto;margin:-294px 0 0 0;padding:0 6% 0 5%;background-size:100%;}

	.pic_view_area>div>strong{top:-46px;font-size:30px;}

	.bx-prev{left:-8.5%;width:20px;height:44px;margin-top:-22px;background-size:100%;}

	.bx-next{right:-8.5%;width:20px;height:44px;margin-top:-22px;background-size:100%;}

	*/
}

@media all and (max-width: 960px) {
	#container {
		background-size: auto 228px !important;
	}
	.tabBar.type2 li {
		display: inline-block;
		float: none;
		padding: 0;
		width: auto;
	}
	.tabBar.type2 li a {
		padding: 12px;
		font-size: 16px;
	}
	.bbsSearch .w210 {
		width: 150px;
	}
	.tableCon .form input[type="text"],
	.tableCon .form input[type="password"],
	.tableCon .form select {
		margin: 2px 0;
	}
	.tableCon .tableExp {
		display: block;
	}
	.tableCon input + .tableExp {
		margin: 5px 0 0;
	}
	.topIconBox {
		padding: 30px 20px 30px 140px;
	}
	.topIconBox .title {
		line-height: 130%;
	}
	.topIconBox .icon {
		left: 20px;
		top: 20px;
	}
	.topIconBox .icon img {
		width: 100px;
	}
	.topIconBox.type3 {
		padding-left: 150px;
	}
	.topIconBox.type3 .icon {
		left: 60px;
	}
	.topIconBox.type3 .icon img {
		width: 70px;
	}
	.stepList > li {
		padding: 4px;
	}
	.stepList.col4 > li {
		width: 50%;
	}
	.reportBox {
		padding: 30px 20px;
		background-size: auto 50px;
		background-position: right 20px top 10px;
	}
	.hopeConTop {
		height: auto;
		background-repeat: repeat;
	}
	.hopeConTop p {
		padding: 30px 0;
	}
	.hopeConTop p .txtSmall {
		margin: 5px 130px 0 150px;
		line-height: 140%;
	}
	.hopeConTop p .txtSmall:after {
		display: none;
	}
	.loginBox {
		padding: 30px 10px;
	}
	.loginInput input {
		width: 300px;
	}
	.loginBox .loginCertify {
		padding: 0;
	}
	.loginBox .loginCertify ul li {
		padding: 80px 10px 20px;
		text-align: center;
		background-position: center 10px !important;
	}
	.loginBox .loginCertify ul li input[type="text"] {
		margin: 10px auto !important;
	}
	.loginBox .loginCertify ul li .btnPurple {
		margin: 0 auto;
	}
	.loginBox .loginCertify ul.col2 li {
		padding-left: 10px;
	}
	.joinEnd {
		padding: 30px 20px;
	}
	.politiName ul li {
		width: 33.33%;
	}
	.politiName ul li a {
		display: table;
		width: 100%;
		font-size: 14px;
	}
	.politiName ul li a span {
		display: table-cell;
		height: 46px;
		line-height: 140%;
		vertical-align: middle;
	}
	.missionCon .purposeCon > ul > li {
		margin-bottom: 20px;
	}
	.statusCon .desc {
		padding: 15px;
	}
	.statusCon .desc p {
		font-size: 15px;
	}
	.historyList:after {
		left: 45px;
	}
	.historyList ul li {
		float: none !important;
		width: auto;
	}
	.historyList ul li:before,
	.historyList ul li:after {
		display: none;
	}
	.historyList ul li:nth-child(2n),
	.historyList ul li:nth-child(2n-1) {
		padding-left: 110px;
		padding-right: 0;
	}
	.historyList ul li .year {
		width: 90px;
		height: 90px;
		line-height: 90px;
		font-size: 17px;
	}
	.historyList ul li:nth-child(2n) .year,
	.historyList ul li:nth-child(2n-1) .year {
		left: 0;
		right: inherit;
	}
	.historyList ul li .year:before {
		display: none;
	}
	.historyList ul li:nth-child(2n) .year:after {
		border-left: none;
		border-right: 1px solid #2d9791;
	}
	.historyList ul li .subject {
		margin-bottom: 10px;
		font-size: 17px;
	}
	.historyList ul li .desc {
		font-size: 13px;
	}
	.personList > ul > li {
		float: none;
		width: auto;
	}
	.processList li div {
		padding: 0 10px;
	}
	.ceoHistory .leftArea p b {
		line-height: 140%;
	}
	.ceoHistory.type2 .leftArea {
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
		width: auto;
	}
	.ceoHistory.type2 .leftArea .personList > ul {
		margin: 0;
	}
	.ceoHistory.type2 .rightArea {
		float: none;
		width: auto;
	}
	.checkBoxList > li {
		float: none;
		margin-bottom: 10px;
		width: auto;
	}
	.checkBoxList > li > div {
		padding: 15px;
		height: auto;
	}
	.divisionWork .dep2 > li > span {
		width: 200px;
		font-size: 15px;
	}
	.divisionWork .dep3 {
		width: 100%;
	}
	.divisionWork .dep3 li span {
		width: 120px;
	}
	.promoPerson {
		padding: 30px;
		height: auto;
		background-size: cover;
	}
	.promoPerson .bigImg {
		position: static;
		margin: 0 auto;
		width: 200px;
		height: auto;
	}
	.promoPerson .infoList {
		margin-bottom: 30px;
	}
	.promoPerson .infoList li {
		font-size: 17px;
		line-height: 140%;
	}
	.promoPersonList {
		text-align: center;
	}
	.promoPersonList li {
		display: inline-block;
		padding: 5px;
		float: none;
		width: auto;
	}
	.promoPersonList li img {
		width: 70px;
	}
	.memberOrgan ul:before {
		left: 14%;
		right: 14%;
	}
	.memberOrgan ul li {
		width: 23%;
	}
	.memberOrgan ul li:nth-child(n+5) {
		margin-top: 5px;
	}
	.memberOrgan ul li:nth-child(n+5):before {
		display: none;
	}
	.symbolWrap .symbolDown {
		float: none;
		margin-bottom: 30px;
		width: auto;
	}
	.symbolWrap .symbolDown img {
		margin: 0 auto 30px;
	}
	.symbolWrap .expArea {
		float: none;
		width: auto;
	}
	.viewerTxt .icon {
		top: 40px;
	}
	.sitemap .siteDepth1 {
		height: auto;
	}
	.sitemap .siteDepth1 > li {
		width: 50%;
	}
	.sitemap .siteDepth1 > li:nth-child(5),
	.sitemap .siteDepth1 > li:nth-child(6) {
		position: static;
	}
	.sitemap .siteDepth1 > li:nth-child(n+1):nth-child(-n+2) {
		height: auto;
	}
	.sitemap .siteDepth1 > li:nth-child(n+3):nth-child(-n+4) {
		margin-bottom: 40px;
	}
	.sitemap .siteDepth1 > li:nth-child(odd) {
		clear: both;
	}
	.sitemap .siteDepth1 > li:nth-child(even) {
		border-right: none;
	}
	.topIconBox.type2 {
		padding-left: 180px;
	}
	.topIconBox.type2 .icon {
		left: 40px;
	}
	.topIconBox.type2 .icon img {
		width: auto;
	}
	.boxInfoItem > ul > li {
		float: none;
		margin-bottom: 15px;
		width: auto;
	}
	.stepList2 > li > div {
		padding: 12px;
	}
	.stepList2 > li .head {
		font-size: 16px;
	}
	.rowStepList > li .desc p {
		font-size: 15px;
	}
	.mypageMain ul li {
		width: 50%;
	}
	/*.tableList ul li .num{display:none;}*/
	/* .tableView .viewCon iframe {
		height: 500px;
	} */
	.bannerZone ul li {
		width: 33.3333%;
	}
	.calenderWrap .leftArea,
	.calenderWrap .rightArea {
		float: none;
		width: auto;
	}
	.calenderWrap .rightArea {
		margin-top: 20px;
		padding: 0;
	}
	.calenderWrap .rightArea table td a {
		display: block;
		margin: 0 auto;
		width: 100px;
	}
	.calenderWrap .leftArea .calendarTable table td.active {
		background-position: center 35px;
	}
	.modalWrap.small {
		margin-left: 0px;
		width: auto;
	}
	.promotionCenter {
		min-height: auto;
	}
}

@media all and (max-width: 900px) {
	.pic_view_area {
		width: 100%;
	}
	.pic_view_area .pic-frame {
		width: 100%;
		height: 62.6666vw;
		padding: 0 10%;
	}
	.pic_view_area .pic-title {
		height: 11.11vw;
		padding: 4.7vw 0 0 0;
	}
	.pic_view_area .pic-title span {
		font-size: 4vw;
		line-height: 4vw;
	}
	.pic_view_area .pic-title i {
		width: 3vw;
		height: 2.22vw;
	}
	.pic_view_area .useBx_pic {
		height: 45vw;
		max-width: 100%;
	}
	.pic_view_area .icon {
		bottom: -10px;
		left: 0;
		width: 21.22vw;
		height: 25.77vw;
	}
	.bx-prev {
		left: -7.77vw;
		width: 4.5555vw;
		height: 8.7777vw;
	}
	.bx-next {
		right: -7.77vw;
		width: 4.5555vw;
		height: 8.7777vw;
	}
	/* vw계산하기 :900/현재px * 100 */
}

@media all and (max-width: 840px) {
	.election_officer .btn_officer button {
		font-size: 14px;
		height: 36px;
		float: left;
	}
}

@media all and (max-width: 768px) {
	.new-character .char-front {
		margin-bottom: 10px;
		padding: 20px;
		display: block;
	}
	.new-character .char-front > div {
		width: auto;
	}
	.new-character .char-front .txt {
		margin-bottom: 20px;
	}
	.new-character .char-front .txt .h5Content br {
		display: none;
	}
	.new-character .char-front .img img {
		max-width: 80%;
	}
	.new-character .char-detail {
		display: block;
		margin: 0;
	}
	.new-character .char-detail > div {
		width: auto;
		margin: 0 0 10px 0;
	}
	.loginBox .loginCertify ul li.snsLogin a {
		width: 100%;
	}
}

@media all 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: 22px;
	}
	.h5Content > p,
	.h6Content > p {
		font-size: 13px;
	}
	input + label {
		font-size: 14px;
	}
	.tabBar.type2 li a {
		padding: 12px 8px;
		height: auto;
		font-size: 14px;
	}
	.tabBar.type2 li.active a:before {
		display: none;
	}
	.tabBar.type2 li.active a:after {
		bottom: 3px;
	}
	.tabBar + .bbs_board_top{margin-bottom:0;}
	.btnArea {
		margin: 25px 0;
	}
	.btn_s {
		padding: 0 7px;
		font-size: 13px;
	}
	.btn_m {
		padding: 10px;
		min-width: auto;
		font-size: 14px;
	}
	.btn_l {
		padding: 0 15px;
		min-width: 80px;
		font-size: 15px;
	}
	.btnArea .btn_l {
		min-width: 80px;
	}
	.bbsSearch {
		text-align: left;
		padding: 20px 5px;
	}
	.bbsSearch input[type="submit"] {
		width: 60px;
	}
	.bbsSearch input[type='text'] {
		width: calc(50% - 10px);
	}
	.bbsSearch select {
		width: calc(50% - 4px);
	}
	.bbsSearch.type3 select {
		width: calc(33.3% - 18px);
	}
	.bbsSearch .totalNum {
		display: none;
	}
	.bbsSearch input.useDatepicker {
		display: none;
		width: calc(50% - 10px);
	}
	.bbsSearch .dateMid {
		display: none;
	}
	.bbsSearch input[type='text'].w260 {
		width: calc(100% - 120px);
	}
	.bbsSearch dl {
		width: 100%;
		font-size: 0;
	}
	.bbsSearch dl dt {
		margin-right: 0;
		padding-right: 5px;
		width: 30%;
		font-size: 14px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.bbsSearch dl dd {
		width: 70%;
	}
	.bbsSearch dl dd input[type='text'],
	.bbsSearch dl dd select {
		width: 100% !important;
	}
	.bbsSearch dl dd + dt {
		margin-left: 0;
	}
	.bbsSearch dl + input[type="submit"] {
		margin-left: 30%;
	}
	.bbsSearch.type3 {
		padding: 20px 2%;
	}
	.totalNum {
		font-size: 14px;
	}
	.listCondition .sortItem {
		margin-right: -10px;
	}
	.thumbList li {
		padding: 15px 120px 15px 15px;
		min-height: 110px;
	}
	.thumbList li .title {
		font-size: 17px;
	}
	.thumbList li .img {
		top: 20px;
		width: 111px;
		height: 70px;
	}
	.thumbList li .desc {
		margin-bottom: 10px;
		height: 40px;
		line-height: 20px;
		font-size: 13px;
	}
	.thumbList li .date {
		font-size: 14px;
	}
	.cardList ul {
		margin: 0 -5px;
	}
	.topVideoView {
		margin-bottom: 20px;
		padding: 30px 0;
	}
	.topVideoView .title {
		margin-bottom: 15px;
		font-size: 20px;
	}
	.topVideoView .videoBox .videoArea {
		width: 100%;
		height: 200px;
	}
	.topVideoView .videoBox .infoArea {
		padding-left: 10px;
		width: 100%;
	}
	.videoList ul li {
		padding: 7px 5px;
		width: 50%;
	}
	.videoList ul li .title {
		font-size: 15px;
	}
	.tableCon .list th,
	.tableCon .list td {
		padding: 10px 3px;
		font-size: 14px;
	}
	.tableCon .list th.alignLeft,
	.tableCon .list td.alignLeft,
	.tableCon .list.type2 th,
	.tableCon .list.type2 td {
		padding: 10px 3px;
	}
	.tableCon .list.type2 th {
		font-size: 14px;
	}
	.tableCon .list.type3 td {
		padding: 8px 1px;
		height: 50px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* 반응형 테이블 */
	.tableCon .list.respond,
	.tableCon .list.respond > tbody > tr,
	.tableCon .list.respond > tbody > tr > th,
	.tableCon .list.respond > tbody > tr > td{display:block; border:none; box-sizing:border-box;}
	.tableCon .list.respond >colgroup{display:none;}
	.tableCon .list.respond > tbody > tr{display:flex; flex-wrap:wrap; }
	.tableCon .list.respond > tbody > tr > th{width:25%;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
	.tableCon .list.respond > tbody > tr > td{width:75%; text-align:left;border-bottom:1px solid #e3e3e3;}
	.tableCon .list.respond > tbody > tr.m-full th{width:100%; border-right:none;}
	.tableCon .list.respond > tbody > tr.m-full td{width:100%}
	/* 반응형 테이블 */

	.tableCon .form,
	.tableCon .form tbody,
	.tableCon .form tbody tr,
	.tableCon .form tbody th,
	.tableCon .form tbody td {
		display: block;
	}
	.tableCon .form tbody tr {
		border-bottom: 1px solid #e3e3e3;
	}
	.tableCon .form tbody th {
		padding: 20px 10px 5px 10px;
		background: none;
		font-size: 14px;
		border-bottom: none;
		font-weight:600;
		font-size:16px;
	}
	.tableCon .form tbody td {
		padding: 5px 10px 20px 10px;
		border: none;
		height: auto;
		font-size: 13px;
	}
	.tableCon .form label {
		font-size: 13px;
	}
	.tableCon .form .w280 {
		width: calc(50% - 2px);
	}
	.tableCon .form .w180 {
		width: calc(50% - 10px);
	}
	.tableCon .form .w110,
	.tableCon .form .w80 {
		width: calc(33.33% - 8px);
	}
	.tableCon .form .inputSet + .btn_s {
		margin-left: 7px;
	}
	.tableCon .tableExp {
		font-size: 13px;
	}
	.tableCon .reqTop {
		font-size: 13px;
	}
	.tableView .viewTitle {
		padding: 15px 10px;
	}
	.tableView .viewTitle b {
		font-size: 16px;
		line-height: 140%;
	}
	.tableView .viewDetail > li {
		padding: 15px 10px;
		line-height: 24px;
		font-size: 13px;
	}
	.tableView .viewDetail > li > div {
		margin: 2px 15px 2px 0;
		width: auto;
	}
	.tableView .viewDetail > li > div + div {
		margin-left: 0;
	}
	.tableView .viewDetail > li .head {
		width: auto;
		padding-right: 8px;
		font-weight: 700;
	}
	.tableView .viewDetail > li .desc {
		padding-left: 5px;
	}
	.tableView .viewDetail > li .desc + .head {
		margin-left: 20px;
	}
	.tableView .viewDetail > li .quickView {
		margin: 5px 10px 0;
	}
	.tableView .viewCon + .viewDetail > li:last-child .head {
		display: block;
	}
	.tableView .viewCon + .viewDetail > li:last-child .head:after {
		display: none;
	}
	.tableView .fileView + .viewDetail > li:last-child .head {
		display: block;
	}
	.tableView .fileView + .viewDetail > li:last-child .head:after {
		display: none;
	}
	.tableView .viewCon {
		padding: 15px 10px;
		font-size: 13px !important;
	}
	.tableView .viewCon .listCon > li {
		font-size: 13px !important;
	}
	.fileLink {
		display: inline;
	}
	.filebox .upload-name {
		width: calc(100% - 88px);
	}
	.listCon.dot > li {
		font-size: 13px;
	}
	ul + .listCon,
	div + .listCon {
		margin-top: 15px;
	}
	.checkList li {
		font-size: 13px;
	}
	.topIconBox {
		margin-bottom: 30px;
		padding: 20px 20px 30px;
		text-align: center;
		border-bottom-left-radius: 60px;
	}
	.topIconBox .icon {
		position: static;
		margin-bottom: 10px;
		text-align: center;
	}
	.topIconBox .icon img {
		width: 80px;
	}
	.topIconBox .title {
		font-size: 17px;
	}
	.topIconBox.type3 {
		padding-left: 20px;
	}
	.topIconBox.type3 p {
		font-size: 14px;
	}
	.topIconBox p {
		margin-bottom: 15px;
		font-size: 13px;
		text-align: left;
	}
	.stepList > li > div {
		padding: 15px 10px 0px;
		height: 160px;
	}
	.stepList > li .head {
		font-size: 17px;
	}
	.stepList > li .desc {
		font-size: 13px;
	}
	.reportBox {
		padding: 80px 20px 20px;
		background-position: center 15px;
	}
	.reportBox .title {
		font-size: 20px;
		text-align: center;
	}
	.reportBox p {
		font-size: 13px;
	}
	.numberList li {
		padding-left: 30px;
	}
	.numberList li > b {
		font-size: 14px;
		line-height: 140%;
	}
	.numberList li .num {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
	}
	.numberList li p {
		font-size: 13px;
	}
	.hopeConTop p {
		padding: 20px;
		font-size: 14px;
	}
	.hopeConTop p b {
		margin-top: 7px;
		font-size: 24px;
		line-height: 130%;
	}
	.hopeConTop p .txtSmall {
		margin: 10px 70px 0 10px;
		font-size: 13px;
	}
	.hopeConTop:before {
		display: none;
	}
	.hopeConTop:after {
		width: 80px;
		height: 40px;
		background-size: auto 40px;
	}
	.loginExp {
		margin-left: 25px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.loginInput {
		margin: 0 20px 25px;
	}
	.loginInput span {
		display: block;
		margin-right: 0;
	}
	.loginInput input {
		width: 100%;
	}
	.loginInput .btnLogin {
		display: block;
		margin-top: 8px;
		width: 100%;
		height: 42px;
		line-height: 42px;
	}
	.loginBox {
		border-bottom-left-radius: 60px;
	}
	.loginBox .goLink {
		font-size: 14px;
	}
	.loginBox .goLink + .goLink {
		margin-left: 10px;
	}
	.loginBox .loginCertify ul li {
		width: 100%;
	}
	.loginBox .loginCertify ul li.icon1 {
		border-bottom: 1px solid #e3e3e3;
	}
	.loginBox .loginCertify ul li:after,
	.loginBox .loginCertify ul li p br {
		display: none;
	}
	.loginBox .loginCertify ul li.snsLogin {
		margin-top: 0 !important;
	}
	.loginBox .loginCertify ul.col2 li.icon1 {
		border-bottom: none;
		width: auto;
	}
	.loginBox + h5,
	.listCon + h5 {
		margin-top: 30px;
	}
	.loginBox + .listCon {
		margin-top: 15px;
		margin-left: 30px;
	}
	.joinStep {
		margin-bottom: 20px;
	}
	.joinStep li:after {
		top: 11px;
	}
	.joinStep li em {
		width: 22px;
		height: 22px;
		line-height: 18px;
		font-size: 15px;
	}
	.joinStep li.active .txt {
		font-size: 17px;
		line-height: 24px;
	}
	.joinType > div {
		padding: 20px 0 30px;
		border-bottom-left-radius: 60px;
	}
	.joinType > div span {
		margin-bottom: 10px;
		font-size: 17px;
	}
	.joinType > div img {
		margin: 0 auto 10px;
		height: 70px;
	}
	.joinType .btnPurple {
		width: 100px;
		font-size: 14px;
	}
	.agreeBox {
		padding: 20px;
	}
	.agreeBox textarea {
		font-size: 13px;
	}
	.joinEnd img {
		height: 100px;
	}
	.joinEnd p {
		padding: 15px 0 25px;
		font-size: 13px;
	}
	.joinEnd .txtBig {
		font-size: 17px;
		line-height: 140%;
	}
	.missionCon {
		margin-bottom: 30px;
	}
	.missionCon .topVision {
		padding-top: 30px;
		width: 270px;
		height: 200px;
		font-size: 15px;
		background-size: 250px auto;
	}
	.missionCon .topVision .topTitle {
		font-size: 24px;
	}
	.missionCon .purposeCon .topTitle {
		font-size: 20px;
	}
	.missionCon .purposeCon > ul > li {
		padding: 0px;
	}
	.missionCon .purposeCon > ul li .head {
		height: 80px;
	}
	.missionCon .purposeCon > ul li .head b {
		font-size: 17px;
	}
	.missionCon .purposeCon > ul ul li {
		font-size: 13px;
	}
	.statusCon .head {
		position: relative;
		margin: 0 auto 67px;
		width: 263px;
		height: 80px;
	}
	.statusCon .head b {
		font-size: 17px;
	}
	.statusCon .desc {
		height: auto;
	}
	.statusCon ul li {
		padding: 10px;
	}
	.statusCon ul li .head:before {
		left: 50%;
		top: unset;
		right: inherit;
		bottom: -19px;
		margin-top: 0;
		margin-left: -14.5px;
		width: 29px;
		height: 9px;
		background: #fff;
	}
	.statusCon ul li .head:after {
		top: inherit;
		border: none;
		border-bottom: 1px solid #298fb9;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	.statusCon ul li.item2 .head:after {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #2d9791;
	}
	.statusCon .desc p {
		font-size: 13px;
	}
	.statusCon .desc:before {
		top: -57px;
		left: 50%;
		margin-left: -3px;
		width: 9px;
		height: 9px;
		background: #7e7d8c;
		border-radius: 50%;
	}
	.statusCon .desc:after {
		top: -52px;
		left: 50%;
		width: 1px;
		height: 52px;
		border-right: 1px solid #7e7d8c;
		border-top: none;
	}
	.historyList:after {
		left: 35px;
	}
	.historyList ul li .year {
		width: 70px;
		height: 70px;
		line-height: 70px;
		font-size: 15px;
	}
	.historyList ul li {
		padding-left: 90px !important;
	}
	.processList li {
		padding: 4px;
	}
	.processList li:after {
		right: -10px;
		margin-top: -10px;
		width: 21px;
		height: 21px;
	}
	.processList.col4 li {
		width: 50%;
	}
	.processList.col6 li {
		width: 33.3333%;
	}
	.processList li div {
		height: 70px;
	}
	.processList li b {
		font-size: 14px;
	}
	.checkBoxList .checkList li {
		font-size: 13px;
	}
	.greetingCon .img span {
		right: 0;
		margin-right: 0;
		height: 50px;
		line-height: 50px;
		font-size: 15px;
	}
	.greetingCon .txtBig {
		margin-bottom: 20px;
		font-size: 20px;
	}
	.greetingCon p {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.topTxtArea {
		font-size: 14px;
	}
	.imgWrap {
		padding: 20px 0;
	}
	.moveList ul li a {
		overflow: inherit !important;
	}
	.moveList ul li.next a {
		padding-right: 0;
	}
	.moveList ul li a span {
		display: none;
	}
	.ceoHistory .leftArea,
	.ceoHistory .rightArea {
		float: none;
		margin-right: 0;
		width: auto;
	}
	.ceoHistory .leftArea {
		margin-bottom: 20px;
	}
	.ceoHistory .leftArea img {
		max-height: 200px;
	}
	.ceoHistory .leftArea p {
		font-size: 14px;
	}
	.ceoHistory .leftArea p b {
		font-size: 18px;
	}
	.ceoHistory .rightArea {
		margin-bottom: 20px;
	}
	.ceoHistory .floatLeft {
		float: none !important;
	}
	.ceoHistory .w49p {
		margin-bottom: 20px;
		width: auto;
	}
	.personList > ul > li > a {
		padding: 25px 15px 25px 160px;
	}
	.personList > ul > li .img {
		left: 15px;
	}
	.personList > ul > li .title {
		margin: 5px 0;
		font-size: 16px;
	}
	.personList.promotion li a {
		padding-left: 145px;
	}
	.historyList2 li {
		margin-bottom: 15px;
		font-size: 13px;
	}
	.historyList2 li .year {
		font-size: 15px;
	}
	.memberOrgan .topItem {
		height: 80px;
		font-size: 16px;
	}
	.memberOrgan .topItem b {
		font-size: 20px;
	}
	.memberOrgan ul li span {
		height: 60px;
	}
	.memberOrgan ul li span a {
		font-size: 12px;
	}
	.memberOrgan ul li span a strong {
		font-size: 14px;
	}
	.mainOrganList .organDept .dept2 a {
		width: 100px;
		font-size: 15px;
	}
	.mainOrganList .organDept .dept3_2,
	.mainOrganList .organDept .dept3_3 {
		margin-left: -120px;
		width: 100px;
	}
	.mainOrganList .organDept .deptBoxItem {
		width: 110px;
	}
	.mainOrganList .organDept .deptBoxItem > a {
		font-size: 15px;
	}
	.mainOrganList .organDept .deptBoxItem > ul {
		padding: 5px;
		min-height: 110px;
	}
	.mainOrganList .organDept .deptBoxItem > ul li a {
		font-size: 13px;
	}
	.mainOrganList .organDept .dept3_1.deptBoxItem > ul {
		min-height: 55px;
	}
	.divisionWork > li > span {
		width: 150px;
		font-size: 17px;
	}
	.divisionWork .dep3 > li > span {
		font-size: 15px;
	}
	.promoPerson {
		padding: 25px 15px;
	}
	.promoPerson .bigImg {
		width: 150px;
	}
	.managerBox {
		padding: 15px;
		font-size: 15px;
	}
	.managerBox p {
		line-height: 30px;
	}
	.managerBox .icon {
		font-size: 17px;
		background-size: 30px auto;
	}
	.colorUseList li {
		width: 50%;
	}
	.colorList li {
		float: none;
		width: auto;
	}
	.colorUseList li:nth-child(odd) {
		clear: both;
	}
	.colorUseList.type2 li {
		width: 50%;
	}
	.sitemap .siteDepth1 > li {
		padding: 10px 15px;
	}
	.sitemap .siteDepth1 > li > .title {
		margin: 2px 0 15px;
		font-size: 20px;
	}
	.sitemap .siteDepth2 > li > a {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.sitemap .siteDepth3 > li a {
		font-size: 13px;
	}
	.viewerTxt {
		margin-bottom: 40px;
		padding: 20px 20px 30px;
		text-align: center;
		border-bottom-left-radius: 60px;
	}
	.viewerTxt .icon {
		position: static;
		margin-bottom: 10px;
		text-align: center;
	}
	.viewerTxt .icon img {
		width: 80px;
	}
	.markItem {
		padding-left: 24px;
		background-size: 16px auto;
	}
	.referenceBox > ul > li {
		float: none;
		margin-bottom: 50px;
		width: auto;
	}
	.referenceBox > ul > li > div {
		padding: 40px 15px 20px;
		height: auto;
	}
	.referenceBox > ul > li > div img {
		margin-left: -25px;
		width: 50px;
	}
	.referenceBox > ul > li > div .title {
		margin-bottom: 10px;
		font-size: 17px;
	}
	.referenceBox > ul > li > div p {
		margin-bottom: 10px;
		font-size: 13px;
	}
	.bannerZone ul li {
		width: 50%;
	}
	.topIconBox.type2 {
		padding-left: 20px;
	}
	.boxInfoItem > ul > li .title {
		font-size: 17px;
	}
	.boxInfoItem > ul > li > div > ul > li > b {
		font-size: 15px;
	}
	.stepList2 > li {
		display: block;
		margin-bottom: 15px;
		width: auto;
	}
	.stepList2 > li:after {
		top: inherit;
		bottom: -20px;
		left: 50%;
		right: inherit;
		margin-top: 0;
		margin-left: -15px;
		background: #fff url(/images/n21/sub/icon_processList_ar2.png) no-repeat center;
	}
	.rowStepList > li {
		padding-left: 120px;
	}
	.rowStepList > li .head {
		width: 100px;
		height: 100%;
	}
	.rowStepList > li .head b {
		font-size: 16px;
	}
	.rowStepList > li .desc {
		height: auto;
	}
	.rowStepList > li .desc p {
		padding: 15px;
		font-size: 14px;
	}
	.rowStepList > li .desc:before {
		left: -27px;
	}
	.rowStepList > li .desc:after {
		left: -27px;
		width: 27px;
	}
	.voteInfoCon .h4Content p br {
		display: none;
	}
	.mypageMain ul li {
		float: none;
		margin-bottom: 15px;
		width: auto;
	}
	.mypageMain ul li div {
		padding: 20px 5px;
		height: auto;
		text-align: center;
	}
	.mypageMain ul li a {
		display: inline-block;
		margin: 3px;
		padding: 0 15px;
		width: auto;
		font-size: 14px;
	}
	.mypageMain ul li .title {
		margin-bottom: 15px;
		font-size: 16px;
	}
	.mypageMain ul li p {
		font-size: 14px;
	}
	.divisionWork .dep2:after {
		display: none;
	}
	.divisionWork .dep2 > li {
		display: block;
		margin: 5px auto;
	}
	.divisionWork .dep2 > li > span {
		margin: 0 auto;
	}
	.divisionWork .dep3 {
		margin-top: 20px;
	}
	.divisionWork .dep3:after {
		top: -20px;
		height: 20px;
	}
	.divisionWork .dep3 > li {
		display: block;
		margin-bottom: 5px;
	}
	.divisionWork .dep3 > li::before,
	.divisionWork .dep3 > li > span:after {
		display: none;
	}
	.divisionWork .dep3 li span {
		width: auto;
	}
	/* .tableView .viewCon iframe {
		height: 230px;
	} */
	.tableView .viewCon p,
	.tableView .viewCon blockquote,
	.tableView .viewCon div {
		max-width: 100% !important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: auto !important;
	}
	.modalWrap.privacyPopup {
		width: auto;
		left: 2%;
		right: 2%;
		-webkit-transform: inherit;
		transform: inherit;
	}
	/*20211105*/
	.login-timer {
		background-color: #fff;
		padding: 10px;
		margin-top: 0;
	}
	.tableView .viewCon .tac img,
	.tableView .viewCon > p > img {
		max-width: 100%;
	}
	.tableView .viewCon > p img {
		max-width: 100%;
	}
}

@media all and (max-width: 614px) {
	/*.inner{padding:0;}*/
	.election_officer .btn_officer {
		margin: 10px;
	}
	.election_officer .btn_officer button {
		font-size: 14px;
		height: 36px;
		float: left;
	}
	.election_officer .btn_officer button i {
		display: none;
	}
	.election_officer .l_left {
		float: none;
		width: auto;
	}
	.election_officer .r_right {
		float: none;
		width: auto;
	}
	.election_officer .l_left button {
		width: 99%;
		margin: 0 .5%;
	}
	.election_officer .r_right button {
		width: 99%;
		margin: 0 .5%;
	}
	.election_officer .r_right .applyMove {
		display: none;
	}
	.election_officer .region {
		display: none;
	}
	.election_officer .m_region {
		display: block;
		position: initial;
		top: initial;
		left: initial;
		height: 36px;
		margin: 0 3% 3% 3%;
    	padding: 0 5px;
		width: 94%;
		background: #fff url("/images/n24/common/bg_selectbox_arrow_s.png") no-repeat 97% center/15px auto;
	}
	@media screen and (min-width: 1024px) {
		.election_officer .m_region {
			background: #fff url("/images/n24/common/bg_selectbox_arrow_s.png") no-repeat 90% center/15px auto;
		}
	}

	.election_officer .placement {
		margin-bottom: 0;
		padding: 10px 0 0 0;
		background: #f0f5f9;
	}
	.web_pic {
		display: none;
	}
	.mobile_pic {
		display: inline-block;
		width: 100%;
	}
	.election_officer .play_pic_card {
		border-radius: 0;
		padding: 0 10px;
	}
	.election_officer .play_pic_card ul li {
		width: 50%;
	}
	.election_officer .play_pic_card ul li > div:nth-child(1) {
		height: 200px;
		padding: 5px;
	}
	.election_officer .play_pic_card ul li > div:nth-child(1) em {
		width: 14%;
		height: 48px;
		line-height: 48px;
		vertical-align: top;
		font-size: 14px;
		font-weight: bold;
		background: url("./images/n21/common/m_e_o_card_number.png") 50% 50% no-repeat;
	}
	.election_officer .play_pic_card ul li > div:nth-child(1) strong {
		width: 78%;
		height: 48px;
		line-height: 48px;
		font-size: 14px;
		margin: 0;
		display: inline-block;
		vertical-align: top;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.election_officer .play_pic_card ul li > div:nth-child(1) span {
		font-size: 12px;
		margin-top: 10px;
		height: 78px;
		overflow: hidden;
		-webkit-line-clamp: 4;
	}
	.election_officer .play_pic_card ul li > div:nth-child(1) div button {
		height: 36px;
		line-height: 38px;
		font-size: 12px;
	}
	/*

	.pic_view_area{margin:-192px 0 0 0;height:auto;}

	.pic_view_area>div>strong{top:-26px;font-size:14px;}

	.pic_view_area>div>strong span{line-height:20px;}

	.pic_view_area>div>strong span:after{height:9px;}

	.useBx_pic{margin-top:86px;}

	.bx-prev{width:12px;height:24px;margin-top:-12px;}

	.bx-next{width:12px;height:24px;margin-top:-12px;}



	.pic_view_area>div .icon{width:80px;height:116px;left:-40px;background-size:100%;}

	.pic_view_area>div .band{width:60px;height:46px;right:-25px;background-size:100%;}

	.btn_pic_close{margin-top:20px;}

	*/
	.election_officer .play_pic_card ul li > div:nth-child(2) {
		width: 100%;
		height: 420px;
		top: 50%;
		left: 0;
		background-size: contain;
		margin: -181px 0 0 0;
		padding: 50px 13% 5% 16%;
	}
	.election_officer .play_pic_card ul li > div:nth-child(2) strong {
		font-size: 18px;
		margin-bottom: 10px;
		line-height: 20px;
		height: 38px;
		padding-bottom: 0;
		width: 100%;
	}
	.election_officer .play_pic_card ul li > div:nth-child(2) div.con {
		font-size: 14px;
		height: 210px;
		margin-bottom: 20px;
	}
	.btn_summary_close {
		position: initial;
		bottom: inherit;
		left: inherit;
		margin-left: inherit;
	}
	.btn_summary_close button {
		width: 100px;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}
	.note_icon {
		width: 92px;
		height: 121px;
		left: -10px;
		background-size: 100%;
	}
	.btn_pic_close {
		width: 100px;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}
	/*
	.recommend {
		padding:3%;
	}
	.recommend strong {
		text-align:left;
		display:block;
		margin:0 0 3% 0;
	}
	.recommend strong:before {
		display:none;
		background:none;
	}
	.recommend ul {
		width:100%;
	}
	.recommend ul li {
		margin:5px;
	}
	.recommend li a {
		font-size:12px;
		padding:5px 15px;
		border:solid 2px #3e35aa;
	}
	*/
}

@media all and (max-width: 482px) {
	.calenderWrap .leftArea .calendarTable table td.closed .closedTxtCorona {
		font-size: 8px;
	}
}

@media all and (max-width: 400px) {
	/* 20210901 */
	.mainOrganList .organDept .deptBoxItem {
		width: 90px;
	}
}

@media all and (max-width: 320px) {
	.election_officer .btn_officer button {
		font-size: 11px;
		height: 30px;
	}
	.election_officer .play_pic_card ul li > div:nth-child(2) {
		height: 380px;
	}
	.election_officer .play_pic_card ul li > div:nth-child(2) div.con {
		height: 180px;
	}
}

.mainOrganList .organDept .alone .deptBoxItem > a {
	background: #fff;
	border: 1px solid #d1d0d7;
	font-size: 15px;
	color: #555;
}

.mainOrganList .organDept .dept2.col2 a {
	display: inline-block;
}

.mainOrganList .organDept .dept2.col2 a:first-child {
	background: #535353 !important;
	color: #fff;
}

.mainOrganList .organDept .dept2.col2 a:last-child {
	margin-left: 35px;
	background: #fff;
	color: #555;
	border: 1px solid #d1d0d7;
}

.mainOrganList .organDept .dept1 > a.light-blue {
	background: #5f87d7;
	height: 80px;
	line-height: 80px;
}

.mainOrganList .detp1-row {
	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-right: 220px;
}

.mainOrganList .organDept > li.type2 ul.row2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.mainOrganList .organDept .deptBoxItem > ul {
	padding: 14px;
}

.mainOrganList .organDept .deptBoxItem > ul li a {
	font-size: 15px;
}

.mainOrganList .organDept .deptBoxItem {
	width: 170px;
}

.mainOrganList .organDept .dept2.col2 {
	position: absolute;
	right: 0;
}

.mainOrganList .organDept .dept2:last-child a {
	background: #fff;
	color: #555;
	border: 1px solid #d1d0d7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width: 890px) {
	.mainOrganList .organDept {
		margin-bottom: 0;
		background: url(/images/n21/sub/bg_mainOrganList_m2New.png) no-repeat center 60px;
	}
	.mainOrganList .organDept > li {
		margin-left: 3px;
	}
	.mainOrganList .detp1-row {
		margin-right: 10px;
	}
	.mainOrganList .organDept .dept2.col2 a {
		margin: 0;
	}
	.mainOrganList .organDept .dept2 {
		margin-left: 0;
	}
	.mainOrganList .organDept .dept3_5 .deptBoxItem {
		width: 80px;
	}
	.mainOrganList .organDept .dept3_5 .deptBoxItem > ul {
		padding: 6px;
	}
	.mainOrganList .organDept .dept3_5 .deptBoxItem > ul li a {
		font-size: 12px;
	}
	.mainOrganList .organDept > li.type2 ul.row2 li {
		margin: 0 2px 20px 2px !important;
	}
	.mainOrganList .organDept .deptBoxItem > ul {
		min-height: 115px;
	}

	.mainOrganList .organType > li {
		margin:3px;
	}
	.mainOrganList .organType > li > a {
		font-size:15px;
	}

}

@media (max-width: 640px) {
	.dept3_7_2{width:60px;}
	.dept3_7_2 > li + li{margin-top:20px;}
}
@media (max-width: 560px) {
	.mainOrganList .organDept {
		margin-bottom: 0;
		background: url(/images/n24/sub/bg_mainOrganList_m3New.png) no-repeat center 40px;
	}
	.mainOrganList .organDept .dept1 > a,
	.mainOrganList .organDept .dept1 > a.light-blue,
	.mainOrganList .organDept .dept2_3 > a {
		height: 60px;
		line-height: 60px;
		width: 180px;
		display: inline-block;
	}
	.mainOrganList .organDept .dept2.col2,
	.mainOrganList .organDept > li.type2 ul.row2 {
		padding: 0;
	}
	.mainOrganList .organDept .dept2 > a {
		width: auto;
		font-size: 13px;
		padding: 10px 15px;
		line-height: inherit;
		height: auto;
		border-radius: 6px;
	}
	.mainOrganList .organDept .alone .deptBoxItem {
		width: auto;
	}
	.mainOrganList .organDept .alone .deptBoxItem a {
		padding: 0 20px;
	}
}

@media (max-width: 380px) {
	.mainOrganList .organDept .alone .deptBoxItem > a {
		font-size: 12px;
	}
	.mainOrganList .organDept .dept1 > a {
		margin-bottom: 16px;
	}
	.mainOrganList .organDept .dept1 > a.light-blue {
		margin-bottom: 28px;
	}
	.mainOrganList .organDept {
		background-position: center 30px;
	}
	.mainOrganList .detp1-row {
		padding-right: 0;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.mainOrganList .organDept .dept2 > a {
		font-size: 12px;
		padding: 5px 10px;
	}
	.mainOrganList .organDept .dept3_5 > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.mainOrganList .organDept .dept3_5 .deptBoxItem {
		width: 25%;
	}
}

.missionCon .purposeCon > ul > li:first-child {
	padding: 0px;
}

.missionCon .purposeCon > ul > li:last-child {
	padding: 0px;
}

.missionCon .purposeCon > ul > li > div {
	display: inline-block;
}

.missionCon .purposeCon > ul ul:before {
	left: 0px;
	right: 0px;
	margin: 0 auto;
}

.missionCon .purposeCon > ul ul:after {
	left: 0px;
	right: 0px;
	margin: 0 auto;
	width: 0px;
}

@media all and (max-width: 1280px) {
	.missionCon .purposeCon > ul > li {
		width: 488px;
		padding: 0 50px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.missionCon .purposeCon > ul > li:first-child {
		padding: 0 50px;
	}
	.missionCon .purposeCon > ul > li:last-child {
		padding: 0 50px;
	}
}

@media all and (max-width: 924px) {
	.missionCon .purposeCon > ul > li {
		width: auto;
	}
}

@media (max-width: 890px) {
	.mainOrganList .organDept {
		margin-bottom: 0;
		background: url(/images/n24/sub/bg_mainOrganList_mNew.png) no-repeat center 40px;
	}
	.mainOrganList .organDept .dept3_5 > a {
		margin: 0 auto 30px;
	}
	.mainOrganList .organDept .dept3_5 .deptBoxItem {
		width: 151px;
		vertical-align: top;
	}
	.mainOrganList .organDept .dept3_5 .deptBoxItem > ul li a {
		font-size: 15px;
	}
}

@media all and (max-width: 774px) {
	.missionCon .purposeCon > ul ul li {
		font-size: 18px;
	}
}

@media (max-width: 686px) {
	.mainOrganList .organDept .dept3_5 .deptBoxItem {
		width: 138px;
		vertical-align: top;
	}
	.mainOrganList .organDept .dept3_5 .deptBoxItem > ul li a {
		font-size: 13px;
	}
}

@media (max-width: 640px) {
	.missionCon .purposeCon > ul > li {
		padding: 0px;
	}
	.missionCon .purposeCon > ul > li:first-child {
		padding: 0px;
	}
	.missionCon .purposeCon > ul > li:last-child {
		padding: 0px;
	}
	.missionCon .purposeCon > ul li .head b {
		font-size: 13px;
	}
	.missionCon .purposeCon > ul ul li {
		font-size: 12px;
	}
}

@media (max-width: 628px) {
	.mainOrganList .organDept .dept3_5 .deptBoxItem {
		width: 135px;
		vertical-align: top;
	}
}

@media all and (max-width: 560px) {
	.mainOrganList .organDept {
		margin-bottom: 0;
		background: url(/images/n24/sub/bg_mainOrganList_m3New.png) no-repeat center 40px;
	}
	.missionCon .purposeCon > ul li .head b {
		padding: 15px 0px;
		font-size: 17px;
	}
	.missionCon .purposeCon > ul ul li {
		font-size: 13px;
	}
	.mainOrganList .organDept .dept3_5 > ul {
		display: block;
	}
	.mainOrganList .organDept .dept3_5 > ul {
		max-width: 380px;
		margin: 0 auto;
	}
	.mainOrganList .organDept .dept3_5 .deptBoxItem {
		width: 138px;
	}
}

@media (max-width: 380px) {
	.mainOrganList .organDept {
		background-position: center 30px;
	}
	.mainOrganList .organDept .dept3_5 > ul {
		display: block;
	}
	.mainOrganList .organDept .dept3_4 .deptBoxItem,
	.mainOrganList .organDept .dept3_5 .deptBoxItem {
		width: 47%;
		max-width: 138px;
		vertical-align: top;
	}
}

@media (max-width: 321px) {
	.statusCon .head {
		width: 100%;
	}
	.mainOrganList .organType > li {
		width: 100%;
	}
}

@media (max-width: 309px) {
	.missionCon .purposeCon .topTitle {
		width: 100%;
	}
}

/* 2023.12.29 추가 - 조직도 수정*/
.mainOrganList .organDept .dept2.col2.add-1205 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.mainOrganList .organDept .dept2.col2.add-1205 li {
	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: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin-left: 40px;
}

.mainOrganList .organDept .dept2.col2 ul li a:first-child {
	background: #fff !important;
	color: #555;
	border: 1px solid #d1d0d7;
}

@media screen and (min-width: 1024px) {
	.mainOrganList .organDept .dept2.col2.add-1205 a {
		margin: 0;
	}
	.mainOrganList .organDept .dept2.col2.add-1205 li {
		margin-left: 5px !important;
	}
	.mainOrganList .organDept .absoluteElement {
		position: absolute !important;
		right: 50% !important;
		-webkit-transform: translateX(270px);
		transform: translateX(270px);
	}
	.mainOrganList .organDept .dept1 > a.top {
		margin-bottom: 18px;
	}
	.mainOrganList .organDept > li.type2 ul.row2 {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		-webkit-transform: translateX(180px);
		transform: translateX(180px);
	}
/*
}

@media (max-width: 890px) {
*/
	.mainOrganList .organDept .dept2 a {
		width: 100px;
		font-size: 15px;
	}
	.mainOrganList .organDept > li.type2 ul.row2 {
		margin: -5px 0 5px 0;
		-webkit-transform: translateX(160px);
		transform: translateX(160px);
	}
	.mainOrganList .organDept > li.type2 ul.row2 li {
		margin: 5px 2px 15px 2px !important;
	}
}

@media (max-width: 640px) {
	.mainOrganList .organDept {
		background: url(/images/n24/sub/bg_mainOrganList_m3New.png) no-repeat center 34px !important;
	}
	.mainOrganList .organDept .dept2 a {
		width: 68px;
		font-size: 12px;
		height: auto;
		line-height: inherit;
		padding: 10px 5px;
		border-radius: 6px;
		margin: 10px 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.mainOrganList .organDept .absoluteElement {
		-webkit-transform: translateX(145px);
		transform: translateX(145px);
        right: 50% !important;
	}
	.mainOrganList .organDept .dept2.col2.add-1205 li {
        margin-left: 5px !important;
	}
	.mainOrganList .organDept > li.type2 ul.row2 {
		/*
		-webkit-transform: translateX(75px);
		transform: translateX(75px);
		*/
	}
	.mainOrganList .detp1-row {
		padding-right: 76px;
	}
	.mainOrganList .organDept .dept1 > a,
	.mainOrganList .organDept .dept2_3 > a {
		font-size: 17px;
		width: 100px !important;
		height: auto !important;
		line-height: inherit !important;
		padding: 10px 3px;
		border-radius: 6px;
	}
	.mainOrganList .organDept .dept3_4 > a,
	.mainOrganList .organDept .dept3_5 > a {
		font-size: 15px;
		width: 100px !important;
		height: auto !important;
		line-height: inherit !important;
		padding: 10px 3px;
		border-radius: 6px;
	}
	.dept3_7 .alone a {
		border-radius: 6px !important;
	}
	.mainOrganList .organDept > li.type2 ul.row2 li {
		margin: 0 !important;
	}
	.mainOrganList .organDept .deptBoxItem {
		width: auto;
	}
	.mainOrganList .organDept .alone .deptBoxItem > a {
		padding: 0 10px !important;
	}
	.mainOrganList .organDept .dept2_3 > a {
		margin-bottom: 10px;
	}
	.mainOrganList .organDept .deptBoxItem > ul li a,
	.mainOrganList .organDept .dept3_5 .deptBoxItem > ul li a {
		font-size: 13px;
	}
	.mainOrganList .organDept .dept3_5 > a,
	.mainOrganList .organDept .dept3_4 {
		margin-bottom: 20px;
	}
	.mainOrganList .organDept > li.type2 ul.row2 {
		margin: -15px 0 0px 0;
	}
	.mainOrganList .organDept > li.type2 ul.row2 li {
		margin: 0px 2px 0px 2px !important;
	}
	.mainOrganList .organDept .alone .deptBoxItem > a {
		font-size: 12px !important;
	}
	.mainOrganList .organDept .dept1 > a.light-blue {
		margin-bottom: 16px !important;
	}
}

@media (max-width: 380px) {
	.mainOrganList .organDept {
		background-position: center 40px;
	}
	.mainOrganList .detp1-row {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media (max-width: 280px) {
	.mainOrganList .organDept .add-1205.absoluteElement {
        right: 57% !important;
	}
	.mainOrganList .organDept .add-1205.absoluteElement .add-1205-1 a {
		margin:20px 0 0 !important;
		width:auto !important;
	}
	.mainOrganList .organDept .add-1205.absoluteElement .add-1205-1 a:first-child {
		margin-top:0 !important;
	}
}


.wrap {
	overflow: hidden;
	position: relative;
	padding-bottom: 56px;
}

@media screen and (min-width: 1024px) {
	.wrap {
		margin: 0 auto;
		padding: 0;
		min-width: 1280px;
	}
}

.wrap.main {
	padding-top: 100px;
	padding-bottom: 56px;
	background: #EFF2F6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wrap.main .btn_page_top {
	bottom: 80px;
	right: 8px;
}
/* .wrap.main .btn_page_top:focus-visible {
	outline:2px dotted #000;
} */

@media screen and (min-width: 1024px) {
	.wrap.main {
		padding: 0;
		background-color: transparent;
	}
	.wrap.main .btn_page_top {
		bottom: 30px;
		right: 30px;
	}
}

.dimmed {
	z-index: 105;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #2e323fd4;
}

@media screen and (max-width: 1023px) {
	.header_inwrap .dimmed {
		z-index: 1 !important;
	}
}

.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 (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;
		width:auto;
		height:auto;
	}
}

@media screen and (min-width: 1600px) {
	.aside_wrap {
		top: 250px;
	}
}

@media screen and (max-width: 1023px) {
	.aside_news_button {
		display: none;
	}
}

.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::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;
}

.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: 106;
	display: none;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: none;
	transition: none;
}
.layer_menu_wrap:focus {
	outline:2px solid #fff;
	outline-offset:-2px;

}

.layer_menu_wrap.favorite.is-active{
	padding: 0 30px 0 70px;
}

@media screen and (min-width: 1380px) {
	.aside_news_wrap.pc_view .layer_menu_inner {
		width: 1200px;
		height: auto;
		padding:0 0 0 20px;
	}
}
@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 (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_inner {
	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_head {
		position: absolute;
		top: -34px;
		left: 0;
	}
}

.layer_menu_title {
	display: inline-block;
	font-size: 30px;
	font-weight: 900;
	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;
}

@media screen and (max-width: 1023px) {
	.layer_menu_content {
		position: relative;
	}
}

.layer_menu_button {
	display: none;
}

@media screen and (min-width: 1024px) {
	.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;
	}
}

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

.news {
	overflow: hidden;
	width: 100%;
	/* iphone 6/7/8 Plsu :414*736 target */
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.news {
		display: block;
		position: relative;
		margin: 0 auto;
		padding-top: 0;
		max-width: 430px;
	}
}

@media screen and (min-width: 1024px) {
	.news {
		display: none;
		margin-top: 0;
	}
}

@media screen and (max-width: 1023px) {
	.news {
		display: block;
	}
}

.news .layer_menu_wrap.news {
	display: block;
	position: relative;
}

.news .layer_menu_inner {
	width: 100%;
}

.news .layer_menu_head {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	margin: -1px;
	height: 1px;
}

@media screen and (min-width: 1024px) {
	.news .layer_menu_head {
		left: 30px;
	}
}

.news .layer_menu_title .point {
	color: #C7D0E1;
}

.news .layer_menu_content {
	padding: 0;
	background-color: transparent;
}

/* @media screen and (min-width: 1024px) {
	.news .layer_menu_button::before {
		content: '';
		z-index: 1;
		position: absolute;
		top: -70px;
		right: 6px;
		width: 85px;
		height: 102px;
		background: url("/images/n24/common/img_character_side_close.png") no-repeat left top/100% auto;
	}
} */

.news .aside_news_content {
	position: relative;
}

.news .swiper {
	margin: 0;
	padding: 0.625vh 1% 8.46vw;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.news .swiper {
		padding: 0 1% 36px;
	}
}

@media screen and (min-width: 1024px) {
	.news .swiper {
		margin: 0;
		padding: 0 0 73px;
	}
}

@media screen and (max-width: 1023px) {
	.news .swiper-slide {
		margin-right: 0;
	}
}

@media screen and (min-width: 1024px) {
	.news .swiper-slide {
		display:inline-flex;
		margin-right: 26px;
		width:auto;
	}
}


.news .swiper-slide > a {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.layer_menu_button .btn_aside_close:focus-visible,
.news .swiper-slide > a:focus-visible {
	outline:3px dotted #fff;
}

@media screen and (max-width: 1023px) {
	.news .swiper-slide > a {
		/* padding-top: 114.117%;*/
		max-width:43.58vw;
	}
	.news .swiper-slide > a img {
/*		position: absolute;
		top: 0;
		left: 0;
*/
		width: 100%;
		height: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.news .swiper-slide > a {
		width: 280px;
	}
}

.news .swiper-pagination {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: inline-block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: static;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	color: #1F2229;
}

@media screen and (max-width: 767px) {
	.news .swiper-pagination {
		font-size: 3.84615vw;
	}
}

@media screen and (min-width: 768px) {
	.news .swiper-pagination {
		font-size: 16px;
	}
}

@media screen and (min-width: 1024px) {
	.news .swiper-pagination {
		padding: 5px 0 7px;
		color: #fff;
		font-size: 21px;
	}
}

.news .swiper-pagination-current,
.news .swiper-pagination-total {
	color: #1F2229;
	line-height: 1.3;
	letter-spacing: -0.01em;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.news .swiper-pagination-current,
	.news .swiper-pagination-total {
		color: #fff;
	}
}

.news .swiper-pagination-current {
	padding-right: 4px;
	font-weight: 800;
}

@media screen and (max-width: 767px) {
	.news .swiper-pagination-current {
		font-size: 3.84615vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.news .swiper-pagination-current {
		font-size: 18px;
	}
}

@media screen and (min-width: 1024px) {
	.news .swiper-pagination-current {
		font-size: 21px;
		padding-right: 8px;
	}
}

.news .swiper-pagination-total {
	padding-left: 4px;
	font-weight: 300;
}

@media screen and (min-width: 1024px) {
	.news .swiper-pagination-total {
		padding-left: 8px;
	}
}

.news .swiper-control {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

.news .swiper-control::before,
.news .swiper-control::after {
	content: '';
	position: absolute;
	top: auto;
	bottom: 50%;
	height: 1px;
	margin-top: 1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #1F2229;
}

@media screen and (max-width: 1023px) {
	.news .swiper-control::before,
	.news .swiper-control::after {
		width: 97.46667px;
		width: 11.02564vw;
	}
}

@media screen and (max-width: 320px) {
	.news .swiper-control::before,
	.news .swiper-control::after {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		margin: 0;
		width: 79.33333px;
		width: 8.97436vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.news .swiper-control::before,
	.news .swiper-control::after {
		width: 43px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.news .swiper-control::before,
	.news .swiper-control::after {
		bottom: 22px;
		width: 25%;
		background-color: #fff;
	}
}

@media screen and (min-width: 1280px) {
	.news .swiper-control::before,
	.news .swiper-control::after {
		bottom: 22px;
		width: 350px;
		background-color: #fff;
	}
}

@media screen and (max-width: 1023px) {
	.news .swiper-control::before {
		left: 74.8px;
		left: 8.46154vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.news .swiper-control::before {
		left: 62px;
	}
}

@media screen and (min-width: 1024px) {
	.news .swiper-control::before {
		left: 92px;
	}
}

@media screen and (max-width: 1023px) {
	.news .swiper-control::after {
		right: 74.8px;
		right: 8.46154vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.news .swiper-control::after {
		right: 62px;
	}
}

@media screen and (min-width: 1024px) {
	.news .swiper-control::after {
		right: 92px;
	}
}

.news .swiper-control .btn_all_list {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-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;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 2px 12px;
	border-radius: 50px;
	border: 1px solid #121212;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.news .swiper-control .btn_all_list {
		padding: 3px 12px;
		border: 1px solid #fff;
	}
}

.news .swiper-control .btn_all_list .btn_text {
	display: inline-block;
	position: relative;
	font-size: 14px;
	font-weight: 500;
	color: #121212;
	line-height: 1.3;
}

@media screen and (max-width: 768px) {
	.news .swiper-control .btn_all_list .btn_text {
		font-size: 3.58974vw;
	}
}

@media screen and (max-width: 1023px) {
	.news .swiper-control .btn_all_list .btn_text {
		font-size: 14px;
	}
}

@media screen and (min-width: 1024px) {
	.news .swiper-control .btn_all_list .btn_text {
		padding-right: 22px;
		font-size: 16px;
	}
	.news .swiper-control .btn_all_list .btn_text::before {
		content: '';
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0;
		width: 12px;
		height: 12px;
		background: url("/images/n24/common/icon_news_all.png") no-repeat left top/100% auto;
	}
}

.news .swiper-auto-control {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-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;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #1F2229;
}

@media screen and (min-width: 1024px) {
	.news .swiper-auto-control {
		color: #fff;
	}
}

.news .swiper-auto-control .auto_control {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	padding: 0 14px;
	width: 16px;
	height: 23px;
}

@media screen and (min-width: 1024px) {
	.news .swiper-auto-control .auto_control {
		margin: 0 20px;
		height: 45px;
	}
}

.news .swiper-button-prev:focus-visible,
.news .swiper-button-next:focus-visible,
.news .swiper-auto-control .auto_control button:focus-visible,
.news .swiper-control .btn_all_list:focus-visible {
	outline:2px dotted #fff;
}

.news .swiper-auto-control .swiper-start,
.news .swiper-auto-control .swiper-stop {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 auto;
	width: 16px;
	height: 16px;
}

.news .swiper-auto-control .swiper-start {
	display: block;
	background: url("/images/n24/common/bg_banner_start_bk.png") no-repeat center/16px auto;
}

@media screen and (min-width: 1024px) {
	.news .swiper-auto-control .swiper-start {
		display: none;
		background: url("/images/n24/common/bg_banner_start.png") no-repeat center/10px 13px;
	}
}

.news .swiper-auto-control .swiper-stop {
	display: none;
	background: url("/images/n24/common/bg_banner_stop_bk.png") no-repeat center/10px 13px;
}

@media screen and (min-width: 1024px) {
	.news .swiper-auto-control .swiper-stop {
		display: block;
		background: url("/images/n24/common/bg_banner_stop.png") no-repeat center/10px 13px;
	}
}

.news .swiper-button-prev,
.news .swiper-button-next {
	position: absolute;
	-webkit-transform: none;
	transform: none;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	top: 50%;
	margin-top: -12.5px;
	width: 25px;
	height: 25px;
}

@media screen and (max-width: 320px) {
	.news .swiper-button-prev,
	.news .swiper-button-next {
		width: 56.66667px;
		width: 6.41026vw;
		height: 56.66667px;
		height: 6.41026vw;
		margin-top: -28.33333px;
		margin-top: -3.20513vw;
	}
}

@media screen and (min-width: 1024px) {
	.news .swiper-button-prev,
	.news .swiper-button-next {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		top: 0;
		margin-top: 0;
		width: 45px;
		height: 45px;
	}
}

.news .swiper-button-prev::after,
.news .swiper-button-next::after {
	content: '';
	background: url("/images/n24/common/bg_swiper_arrow_next_s_bk.png") no-repeat left center/auto 100%;
	width: 24px;
	height: 24px;
}

@media screen and (max-width: 320px) {
	.news .swiper-button-prev::after,
	.news .swiper-button-next::after {
		width: 54.4px;
		width: 6.15385vw;
		height: 54.4px;
		height: 6.15385vw;
	}
}

@media screen and (min-width: 1024px) {
	.news .swiper-button-prev::after,
	.news .swiper-button-next::after {
		width: 45px;
		height: 45px;
		background: url("/images/n24/common/bg_swiper_arrow_next_s_w.png") no-repeat left center/100% auto;
	}
}

.news .swiper-button-prev {
	left: 0;
}

@media screen and (min-width: 1024px) {
	.news .swiper-button-prev {
		left: 30px;
	}
}

.news .swiper-button-prev::after {
	background: url("/images/n24/common/bg_swiper_arrow_prev_s_bk.png") no-repeat left center/auto 100%;
}

@media screen and (min-width: 1024px) {
	.news .swiper-button-prev::after {
		background: url("/images/n24/common/bg_swiper_arrow_prev_s_w.png") no-repeat left center/auto 100%;
	}
}

.news .swiper-button-next {
	right: 0;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

@media screen and (min-width: 1024px) {
	.news .swiper-button-next {
		right: 30px;
	}
}

.aside_favorite_wrap .layer_menu_wrap {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.swiper.no-swiper-function .swiper-control {
	display: none;
}

.swiper.no-swiper-function .swiper-auto-control {
	display: none;
}

@media screen and (max-width: 767px) {
	.aside_favorite_wrap .layer_menu_wrap.is-active {
		/*
		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;
		*/
		display:block;
		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(0%);
		transform: translateX(0%);
		box-sizing:border-box;
		padding:0;
	}
	.aside_favorite_wrap .layer_menu_wrap.is-active::after {
		content: '';
		z-index: -1;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.75);
	}

	.aside_favorite_wrap .layer_menu_inner{
		height:100%;
		overflow-y:auto;
		padding:16px;
		box-sizing:border-box;
	}

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.aside_favorite_wrap .layer_menu_wrap.is-active {
		width: 70vw;
	}
}

@media screen and (min-width: 1024px) {
	.aside_favorite_wrap .layer_menu_wrap.is-active {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		width: calc(100vw - 100px);
	}
}

.aside_favorite_wrap .layer_menu_inner {
	width: 100%;
	/* padding: 0 15px; */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.aside_favorite_wrap .layer_menu_inner {
		padding: 0;
		max-width: 1280px;
		width: 100%;
		height: auto;
	}
}

.aside_favorite_wrap .layer_menu_head {
	overflow: visible;
	position: relative;
	top: auto;
	left: auto;
	clip-path: none;
	margin: 0;
	width: auto;
	height: auto;
	white-space: wrap;
}

@media screen and (min-width: 1024px) {
	.aside_favorite_wrap .layer_menu_head {
		left: 30px;
	}
}

@media screen and (max-width: 1023px) {
	.aside_favorite_wrap .layer_menu_title {
		font-size: 20px;
		line-height: 1;
		display:inline-flex;
		gap:10px;
		align-items:center;
	}
	.aside_favorite_wrap .layer_menu_desc {
		margin: 8px 0 0;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.35;
		display:block;
	}
	.aside_favorite_wrap .layer_menu_title .mo_view {
		display: inline-block !important;
		vertical-align: middle;
	}
}

.aside_favorite_wrap .layer_menu_title .point {
	color: #CBC1B2;
}

.aside_favorite_wrap .layer_menu_content {
	position: relative;
	margin-top: 16px;
	padding: 16px;
	background-color: #F5F3F1;
}

@media screen and (min-width: 1024px) {
	.aside_favorite_wrap .layer_menu_content {
		margin: 36px 0 0;
		padding: 60px;
	}
	.aside_favorite_wrap .layer_menu_content::before {
		content: '';
		position: absolute;
		top: -107px;
		right: 34px;
		width: 168px;
		height: 136px;
		background: url("/images/n24/common/img_character_favorite.png") no-repeat left top/100% auto;
	}
}

@media screen and (max-width: 1023px) {
	.aside_favorite_wrap .layer_menu_button {
		display: block;
		position: absolute;
		top: 16px;
		right: 20px;
		z-index: 100;
	}
	.aside_favorite_wrap .layer_menu_button a {
		display: block;
		background: url("/images/n24/common/icon_layer_close2.png") no-repeat left top/100% auto;
	}
}

@media screen and (max-width: 1023px) {
	.aside_favorite_wrap .layer_menu_button a {
		width: 24px;
		height: 24px;
	}
}

@media screen and (max-width: 360px) {
	.aside_favorite_wrap .layer_menu_button {
		top: 0;
	}
}

@media screen and (min-width: 1024px) {
	.aside_favorite_wrap .layer_menu_button {
		background-color: #856C6C;
	}
}

@media screen and (max-width: 1023px) {
	.aside_favorite_wrap .layer_menu_button .btn_text {
		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;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.btn_tooltip {
		position: absolute;
		bottom: 28px;
		right: 15px;
		width: 18px;
		height: 18px;
	}
}

.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:66px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 360px;
	height: 355px;
	border-radius: 20px;
	background: #F5F3F1;
}

@media screen and (min-width: 1024px) {
	.aside_tooltip {
		top: -57px;
		left: -367px;
		right: auto;
		margin: 0;
		width: 360px;
		height: 355px;
	}

	.aside_tooltip .tooltip_inner{position:relative;}

	.aside_tooltip .tooltip_close{
		position: absolute;
		right:0;
		top:-30px;
	}
	.aside_tooltip .tooltip_close button{
		width:24px;
		height:24px;
		overflow:hidden;
		text-indent:-99999px;
        background: url(/images/n24/common/icon_layer_close2.png) no-repeat left top / 100% auto;
	}
}

.aside_tooltip .tooltip_content.favorite {
	position: relative;
	padding: 16px;
	border-radius: 20px;
	background-color: #F5F3F1;
}

.aside_tooltip .tooltip_content.favorite::before {
	content: '';
}

@media screen and (min-width: 1024px) {
	.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;
	}
}

.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;
}

.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;
	max-height:558px;
}

@media screen and (min-width: 1024px) {
	.menu_card_wrap {
		margin: -20px 0 0 -20px;
		max-height:none;
	}
}

@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 (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-width: 768px) and (max-width: 1024px) { /* min-device-height:1024px를 수정함*/
	.menu_card_wrap {
		overflow-y: scroll;
		height: 500px;
	}
}

.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;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_card_item {
		margin: 20px 0 0 20px;
		width: calc(50% - 20px);
		border-radius: 20px;
	}
}

@media screen and (min-width: 1024px) {
	.menu_card_item {
		margin: 20px 0 0 20px;
		width: calc(20% - 20px);
		border-radius: 20px;
	}
}

.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;
}

@media screen and (max-width: 767px) {
	.menu_card_box {
		height: 26.15385vw;
		max-height:102px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_card_box {
		height: 120px;
	}
}

@media screen and (min-width: 1024px) {
	.menu_card_box {
		height: 150px;
	}
}

.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;
}

@media screen and (max-width: 767px) {
	.menu_card_box .my_menu_category {
		padding: 0.51282vw 2.05128vw;
		font-size: 3.58974vw;
		border-radius: 3px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_card_box .my_menu_category {
		padding: 2px 8px;
		font-size: 12px;
		border-radius: 5px;
	}
}

.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;
}

@media screen and (max-width: 767px) {
	.menu_card_box .my_menu_name {
		font-size: 4.10256vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_card_box .my_menu_name {
		font-size: 16px;
	}
}

.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;
}

@media screen and (min-width: 768px) {
	.menu_card_box .btn_menu_delete {
		width: 20px;
		height: 20px;
	}
}

.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;
}

@media screen and (max-width: 767px) {
	.menu_card_addition a {
		padding: 4.10256vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_card_addition a {
		padding: 16px;
	}
}

@media screen and (min-width: 1024px) {
	.menu_card_addition a {
		padding: 20px;
		border-radius: 20px;
	}
}

.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;
}

.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;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_quick_wrap {
		margin-top: 16px;
	}
}

@media screen and (min-width: 1024px) {
	.menu_quick_wrap {
		margin-top: 40px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.menu_quick_list {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

.menu_quick_item {
	position: relative;
	width: calc(50% - 8px);
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_quick_item {
		position: relative;
		width: calc(33% - 8px);
	}
}

@media screen and (min-width: 1024px) {
	.menu_quick_item {
		margin-left: 20px;
		width: 176px;
	}
}

.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;
}

@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 (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: 768px) and (max-width: 1023px) {
	.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;
	}
}

@media screen and (min-width: 1024px) {
	.menu_quick_item:nth-child(1) {
		margin-left: 0;
	}
	.menu_quick_item:nth-child(1)::before {
		display: none;
	}
}

.menu_quick_item a {
	display: block;
	padding: 2.82051vw 3.07692vw;
	font-size: 3.58974vw;
	text-align: left;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_quick_item a {
		padding: 12px 8px;
		font-size: 14px;
	}
}

@media screen and (min-width: 1024px) {
	.menu_quick_item a {
		padding: 16px 0;
		font-size: 16px;
		text-align: center;
	}
}

.menu_quick_item .btn_text {
	position: relative;
	display: inline-block;
	padding-left: 6.66667vw;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.menu_quick_item .btn_text {
		padding-left: 26px;
	}
}

@media screen and (min-width: 1024px) {
	.menu_quick_item .btn_text {
		padding-left: 28px;
	}
}

.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 (min-width: 768px) and (max-width: 1023px) {
	.menu_quick_item .btn_text::before {
		width: 20px;
		height: 20px;
	}
}

@media screen and (min-width: 1024px) {
	.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;
}

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

@media screen and (min-width: 1024px) {
	.wrap:not(.main) .container {
		padding-top: 0;
	}
}

@media screen and (min-width: 1024px) {
	.wrap:not(.main) .container.bg1 .sub_visual_top {
		background: url("/images/n24/common/bg_sub_visual1.jpg") no-repeat center/cover;
	}
	.wrap:not(.main) .container.bg2 .sub_visual_top {
		background: url("/images/n24/common/bg_sub_visual8.jpg") no-repeat center/cover;
	}
	.wrap:not(.main) .container.bg3 .sub_visual_top {
		background: url("/images/n24/common/bg_sub_visual7.jpg") no-repeat center/cover;
	}
	.wrap:not(.main) .container.bg4 .sub_visual_top {
		background: url("/images/n24/common/bg_sub_visual4.jpg") no-repeat center/cover;
	}
	.wrap:not(.main) .container.bg5 .sub_visual_top {
		background: url("/images/n24/common/bg_sub_visual10.jpg") no-repeat center/cover;
	}
	.wrap:not(.main) .container.bg6 .sub_visual_top {
		background: url("/images/n24/common/bg_sub_visual11.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 {
	z-index: 10;
	position: relative;
	padding: 12px 20px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.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;
	}
}

@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;
	}
}

@media screen and (min-width: 1024px) {
	.sub_visual_top h2 {
		padding-top: 0;
		font-size: 46px;
		font-weight: 800;
		color: #fff;
		line-height: 1;
		letter-spacing: -0.01em;
		text-align: center;
	}
}

.sub_visual_top .sub_nav_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}

@media screen and (min-width: 1024px) {
	.sub_visual_top .sub_nav_wrap {
		margin-top: 35px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.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;
	}
}

@media screen and (max-width: 1023px) {
	.sub_visual_top .naviList > li {
		margin-left: 1px;
	}
}

@media screen and (min-width: 1024px) {
	.sub_visual_top .naviList > li {
		margin-left: 5px;
	}
}

.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:focus-visible{
	outline-color:#fff;
}

@media screen and (min-width: 1024px) {
	.sub_visual_top .naviList > li a {
		padding-left: 30px;
		font-size: 16px;
		color: #fff;
	}
}

.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%;
}

@media screen and (min-width: 1024px) {
	.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 {
	padding: 0;
	width: 15px;
	height: 20px;
}

@media screen and (min-width: 1024px) {
	.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_g.png") no-repeat center/auto 100%;
}

@media screen and (min-width: 1024px) {
	.sub_visual_top .naviList > li.home a::before {
		background: url("/images/n24/common/icon_nav_home.png") no-repeat center/auto 100%;
	}
}

@media screen and (max-width: 1023px) {
	.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:last-child a {
	font-weight: 600;
}

@media screen and (max-width: 1023px) {
	.sub_visual_top .naviList > li.type3 a {
		color: #1D1D1D;
	}
}

.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;
}

@media screen and (max-width: 1023px) {
	.sub_visual_top .rightArea {
		position: absolute;
		bottom: -50px;
		right: 0;
		margin: 0;
	}
}

@media screen and (min-width: 1024px) {
	.sub_visual_top .rightArea {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: auto;
	}
}

.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%;
}

@media screen and (min-width: 1024px) {
	.sub_visual_top .sub_util_button > li .btn_sub_util {
		width: 40px;
		height: 40px;
		background-color: #fff;
	}
	.sub_visual_top .sub_util_button > li .btn_sub_util:focus-visible {
		outline:2px dotted #fff;
	}
}

.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;
}

@media screen and (max-width: 1023px) {
	.sub_visual_top .sub_util_button > li .btn_sub_util.shareBtn.is-active {
		background-color: rgba(54, 67, 94, 0.08);
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.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 .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;
}

@media screen and (min-width: 1024px) {
	.sub_visual_top .sub_util_button > li .likeBtn,
	.sub_visual_top .sub_util_button > li .printBtn {
		display: block;
	}
}

.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;
}

@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: none;
}

@media screen and (min-width: 1024px) {
	.container .lnb_wrap {
		display: block;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 240px;
	}
}

@media screen and (min-width: 1024px) {
	.container .lnb_wrap + .contents {
		margin-left: 60px;
		width: 100%;
		max-width: 980px;
	}
}

.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%);
	transform: translateY(-50%);
	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 {
	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%;
	}
	.container{
		min-height:calc(100vh - 280px);
	}
}

@media screen and (min-width: 1024px) {
	.container .contents {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}

@media screen and (max-width: 1023px) {
	.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) {
	.page_title_text {
		font-size: 38px;
		font-weight: 700;
		color: #1D1D1D;
		line-height: 1;
	}
}

@media screen and (min-width: 1024px) {
	.page_content {
		margin-top: 40px;
	}
}

.bbs_board_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
	padding-bottom: 12px;
	border-bottom: 2px solid #313131;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.bbs_board_top {
		padding-bottom: 18px;
		-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: space-between;
	}
}

.bbs_board_top .bbs_total_txt {
	display: block;
	padding-left: 26px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
	color: #333;
}

.bbs_board_top .bbs_total_txt::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 19px;
	background: url("/images/n24/common/icon_board_total.svg") no-repeat left top/18px auto;
}

.bbs_board_top .bbs_total_txt .count {
	font-weight: 800;
	color: #6856DA;
}

.bbs_board_sort {
	margin-top: 12px;
}

@media screen and (min-width: 1024px) {
	.bbs_board_sort {
		margin-top: 0;
	}
}

.bbs_board_sort .btn_bbs_sort {
	margin-left: 20px;
}

.bbs_board_sort .btn_bbs_sort:first-child {
	margin-left: 0;
}

.cardList.thumb {
	margin: 0 0 20px;
}

@media screen and (min-width: 1024px) {
	.cardList.thumb {
		margin: 30px 0 0;
	}
}

.cardList.thumb ul {
	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;
	margin: 0;
	padding: 0;
	width: 100%;
}

.cardList.thumb li {
	position: relative;
	/* overflow: hidden; */
	float: none;
	width: 100%;
	padding: 16px 8px;
	border-bottom: 1px solid #E3E3E3;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.cardList.thumb li {
		margin: 0 0 30px 4%;
		padding: 0;
		width: 30.61%;
		border-radius: 20px;
		border: 1px solid #E3E3E3;
	}
}

.cardList.thumb li:nth-child(3n+1) {
	margin-left: 0;
}

.cardList.thumb li a {
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 132px;
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	border-radius: 20px;
}
/* .cardList.thumb li a:focus-visible {
	outline-offset:-3px;
} */

@media screen and (min-width: 1024px) {
	.cardList.thumb li a {
		padding: 0 16px 23px;
	}
	.cardList.thumb li a:hover .img img {
		-webkit-transform: translateY(-50%) scale(1.06);
		transform: translateY(-50%) scale(1.06);
		-webkit-transition: -webkit-transform 0.3s ease-in-out;
		transition: -webkit-transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	}
}

.cardList.thumb li a .img {
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 8px;
	transform:translateY(-50%);
	width:120px;
	height:68px;
	border-radius: 10px 10px 10px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.cardList.thumb li a .img {
		display: block;
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		transform:none;
		margin: 0 -16px 18px;
		padding: 57.38% 0 0;
		border-radius: 0;
		height: 171px;
	}
}

.cardList.thumb li a .img img {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height:100%;
}

@media screen and (min-width: 1024px) {
	.cardList.thumb li a .img img {
		width: 100%;
		height:100%;
	}
}

.cardList.thumb li a .title {
	display: block;
	min-height: 40px;
	font-size: 17px;
	font-weight: 500;
	color: #313131;
	line-height: 1.2;
	letter-spacing: -0.01em;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media screen and (min-width: 1024px) {
	.cardList.thumb li a .title {
		height: 44px;
		font-size: 18px;
	}
}

.cardList.thumb li a .date {
	display: block;
	margin-top: 12px;
	font-size: 15px;
	font-weight: 400;
	color: #777;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

@media screen and (min-width: 1024px) {
	.cardList.thumb li a .date {
		margin-top: 10px;
		font-size: 16px;
	}
}

#rightQuick {
	z-index: 59;
	position: fixed;
	top: auto;
	right: 8px;
	bottom: calc(55px + 30px);
	min-width: 48px;
	min-height: 48px;
}

@media screen and (min-width: 1024px) {
	#rightQuick {
		top: auto;
		right: 2.5vw;
		bottom: 60.79vh;
		min-width: auto;
		min-height: auto;
	}
}

#rightQuick.main {
	display: none;
}
@media screen and (min-width: 1024px) {
	#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;
	}
}

#rightQuick .quick_wrap > a.rvt_icon {
	margin-bottom: -30px;
	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.vt_icon {
	margin-bottom: -30px;
	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: -24px;
	left: 140px;
	width: 193px;
	height: 84px;
	background: url("/images/n24/common/rvt_baro_icon2_txt.png") no-repeat left top/100% auto;
} */

@media screen and (min-width: 1024px) {
	#rightQuick .quick_wrap > a.rvt_icon {
		display: block;
	}
}

@media screen and (min-width: 1024px) {
	#rightQuick .quick_wrap > a.vt_icon {
		display: block;
	}
}

#rightQuick .quick_wrap > a.jvt_icon {
	margin-bottom: -30px;
	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/jvt_icon_baro_icon2.png") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	#rightQuick .quick_wrap > a.jvt_icon {
		display: block;
	}
}

/* #rightQuick .quick_wrap > a.jvt_icon:after {
	left: -74px;
	top: -75px;
	width: 210px;
	height: 123px;
	background: url(/images/n21/common/icon_rightQuick3_on.png) no-repeat;
} */

#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;
}

@media screen and (min-width: 1024px) {
	#rightQuick .quick_wrap .rightQuickOpen {
		display: none;
	}
}

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

@media screen and (min-width: 1024px) {
	#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: none;
}

@media screen and (min-width: 1024px) {
	#rightQuick .quick_wrap .openLayer:hover:after,
	#rightQuick .quick_wrap .closeLayer:hover:after {
		display: block;
	}
}

#rightQuick .quick_wrap .openLayer {
	display: none;
}

@media screen and (min-width: 1024px) {
	#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;
	}
}

#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;
	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;
}

#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;
}

#rightQuick .quick_wrap .quickLayer > ul {
	overflow-y: auto;
	padding: 16px 10px 0 0;
}

#rightQuick .quick_wrap .quickLayer > ul li {
	display: block;
}

#rightQuick .quick_wrap .quickLayer > ul li > a {
	display: block;
	position: relative;
	padding-left: 9px;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	line-height: 1.3;
}

#rightQuick .quick_wrap .quickLayer > ul li > a::before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 3px;
	height: 3px;
	background-color: #555;
}

#rightQuick .quick_wrap .quickLayer > ul li > a:hover {
	text-decoration: underline;
}

#rightQuick.active .openLayer > span {
	display: none;
}

#rightQuick.active .closeLayer {
	display: block;
}

@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: 238px;
	}
}

#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 .jvt_icon,
.wrap.main #rightQuick .evt_icon {
	display: none !important;
} */

.wrap:not(.main) #rightQuick {
	bottom: 80px;
}

@media screen and (min-width: 1024px) {
	.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);
	}
}

.header_wrap {
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: transparent;
	border-bottom: 1px solid #CCC;
}

@media screen and (max-width: 1023px) {
	.header_wrap {
		background-color: #fff;
	}
}

@media screen and (min-width: 1024px) {
	.header_wrap {
		padding: 12px 0 0;
		height: auto;
		border-bottom: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.header_wrap .dimmed {
	z-index: -1 !important;
}

.header_inwrap {
	padding: 6px 10px 6px 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.header_inwrap {
		padding: 0;
	}
}

.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;
}

@media screen and (max-width: 1023px) {
	.header_top {
		z-index: 0;
	}
}

@media screen and (min-width: 1024px) {
	.header_top {
		position: absolute;
		top: 50px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}

@media (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;
	}
}

@media (min-width: 1600px) {
	.header_top {
		top: 36px;
		width: 1280px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.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 {
	width: 100vw;
}

@media screen and (max-width: 1023px) {
	.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;
	}
}

@media screen and (min-width: 1024px) {
	.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 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
	.header_gnb_wrap .gnb_depth1 {
		position: relative;
		padding-top: 16px;
		height: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.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_3 .gnb_depth2_li:last-child {
		height: 300px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1598px) {
	.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) {
	.header_gnb_wrap .gnb_depth1 {
		padding-left: 335px;
		padding-right: 250px;
	}
}

@media (min-width: 1600px) {
	.header_gnb_wrap .gnb_depth1 {
		width: 1280px;
		padding-left: 348px;
		padding-right: 102px;
	}
}

@media screen and (max-width: 1023px) {
	.header_gnb_wrap .gnb_depth1_li {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}

@media screen and (max-width: 1023px) {
	.header_gnb_wrap .gnb_depth1_li.is-active .gnb_depth1_menu,
	.header_gnb_wrap .gnb_depth1_li:focus .gnb_depth1_menu {
		color: #fff !important;
	}
}
@media screen and (min-width: 1024px) {
	.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_li.gnb_mobile {
	display: none;
}

@media screen and (max-width: 767px) {
	.header_gnb_wrap .gnb_depth1_li.gnb_mobile {
		display: block;
	}
}

.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;
}

@media screen and (max-width: 1023px) {
	.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: 17px;
		color: #555;
	}
}

@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: 8px 0 20px;
		width: 10vw;
		font-size: 18px;
		color: #fff;
		text-align: center;
	}
}

@media screen and (min-width: 1280px) {
	.header_gnb_wrap .gnb_depth1_menu {
		width: 166px;
	}
}

.header_gnb_wrap .gnb_details {
	position: absolute;
	display: none;
}

@media screen and (max-width: 1023px) {
	.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;
	}
}

@media screen and (min-width: 1024px) {
	.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;
	}
}

@media screen and (min-width: 1024px) {
	.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: none;
}

@media screen and (min-width: 1024px) {
	.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_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;
}

@media screen and (min-width: 1024px) {
	.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::after {
	content: '';
	display: block;
	clear: both;
}

@media screen and (min-width: 1024px) {
	.header_gnb_wrap .gnb_depth2 {
		margin-top: -20px;
		margin-left: -18px;
	}
}

.header_gnb_wrap .gnb_depth2_li {
	margin-top: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
	.header_gnb_wrap .gnb_depth2_li:first-child {
		margin-top: 0;
	}
}

@media screen and (min-width: 1024px) {
	.header_gnb_wrap .gnb_depth2_li {
		margin-left: 18px;
		margin-top: 20px;
	}
	.header_gnb_wrap .gnb_depth2_li::before {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.header_gnb_wrap .gnb_depth2_li.is-active .gnb_depth2_menu {
		font-weight: 600;
		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;
	}
}

@media screen and (min-width: 1024px) {
	.header_gnb_wrap .gnb_depth2_li {
		float: left;
		width: 230px;
	}
}

.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;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.header_gnb_wrap .gnb_depth2_menu {
		font-size: 15px;
	}
}

@media screen and (min-width: 1024px) {
	.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: 600;
	}
}

.header_gnb_wrap .gnb_depth2_menu:not(.gnb_depth2_mobile)::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;
}

@media screen and (min-width: 1024px) {
	.header_gnb_wrap .gnb_depth2_menu:not(.gnb_depth2_mobile)::before {
		right: 16px;
		margin: 0 auto;
		width: 18px;
		height: 18px;
		background: url("/images/n24/common/bg_gnb_depth2.svg") no-repeat center/6px 11px;
	}
}

@media screen and (min-width: 1024px) {
	.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,
	.header_gnb_wrap .gnb_depth2_menu:focus {
		outline-style:dotted;
	}
	.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: none;
	/* overflow:hidden; */
	padding-left: 12px;
	padding-bottom: 14px;
}

@media screen and (min-width: 1024px) {
	.header_gnb_wrap .gnb_depth3 {
		display: block;
		padding: 16px;
		height: auto;
	}
}

.header_gnb_wrap .gnb_depth3_li {
	margin-top: 18px;
}

@media screen and (min-width: 1024px) {
	.header_gnb_wrap .gnb_depth3_li {
		margin-top: 12px;
	}
}

.header_gnb_wrap .gnb_depth3_li > a{
	position: relative;
	display: inline-block;
	padding: 3px 0;
	padding-left: 8px;
	font-size: 17px;
	font-weight: 400;
	color: #555;
	line-height: 1.3;
	letter-spacing: -0.01em;
	word-break: keep-all;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.header_gnb_wrap .gnb_depth3_li > a{
		font-size: 14px;
	}
}

@media screen and (min-width: 1024px) {
	.header_gnb_wrap .gnb_depth3_li > a{
		padding-left: 9px;
		font-size: 16px;
	}
}

.header_gnb_wrap .gnb_depth3_li a::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 2px;
	height: 2px;
	background-color: #8E8E8E;
}

@media screen and (max-width: 1023px) {
	.header_gnb_wrap .gnb_depth3_li a::after {
		margin-top: -1px;
	}
}

@media screen and (min-width: 1024px) {
	.header_gnb_wrap .gnb_depth3_li a::after {
		width: 3px;
		height: 3px;
		background-color: #ccc;
	}
}

@media screen and (min-width: 1024px) {
	.header_gnb_wrap .gnb_depth3_li:first-child {
		margin-top: 0;
	}
}

.header_gnb_wrap .gnb_depth3_li a:hover,
.header_gnb_wrap .gnb_depth3_li a:focus {
	color: #36435E;
	font-weight: 600;
}

.header_gnb_wrap .gnb_depth3_li a:hover::after,
.header_gnb_wrap .gnb_depth3_li a:focus::after {
	background-color: #36435E;
}

.header_gnb_wrap .gnb_depth3_li a {
}

.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: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	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;
}

@media screen and (max-width: 1023px) {
	.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;
	}
}

.header_gnb_wrap .gnb_depth1_li.is-active .gnb_details {
	display: block !important;
}

.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;
}

@media screen and (min-width: 1024px) {
	.header_gnb_wrap .gnb_depth1_li.gnb_depth1_2 .gnb_depth3 {
		height: 190px;
	}
	.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: 160px;
	}
	.header_gnb_wrap .gnb_depth1_li.gnb_depth1_5 .gnb_depth3 {
		height: 120px;
	}
}

.header_gnb_wrap.is-active .gnb_depth1_li.gnb_depth1_1 .gnb_details {
	display: block;
}

.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;
}

@media screen and (min-width: 1024px) {
	.header_util_wrap {
		position: absolute;
		top: 0;
	}
}

@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_util_wrap .btn_header_search,
.header_util_wrap .btn_all_menu {
	display: inline-block;
	position: relative;
	padding: 16px 10px;
	width: 20px;
	height: 20px;
}

@media screen and (min-width: 1024px) {
	.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 {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 auto;
	width: 20px;
	height: 20px;
}

@media screen and (min-width: 1024px) {
	.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: url("/images/n24/common/icon_search_mo.png") no-repeat left top/20px auto;
}

@media screen and (min-width: 1024px) {
	.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_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;
}

@media screen and (min-width: 1024px) {
	.header_util_wrap .btn_all_menu {
		display: inline-block !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;
}

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

.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;
}

.header_quick_wrap {
	position: relative;
}

@media (min-width: 1024px) {
	.header_quick_wrap {
		width: 100%;
		padding-right: 150px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media (min-width: 1600px) {
	.header_quick_wrap {
		margin: 0 auto;
		padding-right: 0;
		width: 1280px;
	}
}

.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: space-between;
	-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;
}

@media screen and (min-width: 1024px) {
	.header_quick_menu {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding: 0;
		width: auto;
		height: auto;
	}
}

.header_quick_item {
	position: relative;
}

@media screen and (max-width: 768px){
	.header_quick_item.login_timer {
	display: none;
	}
}

/* 241031 확인 필요 소스 */
@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 {
	display: inline-block;
	padding: 0 2vw;
	font-size: 3.50vw;
	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;
}

/* 확인 필요 */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.header_quick_item a {
		padding: 0 12px;
		font-size: 15px;
	}
}

@media screen and (min-width: 1024px) {
	.header_quick_item a {
		padding: 0 10px;
		font-size: 14px;
		color: #fff;
	}
}

.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;
}

.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;
}

@media screen and (min-width: 1024px) {
	.header_search_wrap {
		top: 96px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.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 {
	-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;
}

@media screen and (min-width: 1024px) {
	.header_search_wrap .serach_wrap .btn_search {
		width: 56px;
		height: 56px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.header_search_wrap .serach_wrap .btn_search::before {
		width: 24px;
		height: 24px;
	}
}

.header_search_wrap .input_label {
	margin-bottom: 12px;
}

@media screen and (min-width: 1024px) {
	.header_search_wrap .input_label {
		margin: 0 20px 0 0;
	}
}

.header_search_wrap .input_group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.header_search_wrap .input_group {
		width: auto;
	}
}

@media screen and (min-width: 1024px) {
	.header_search_wrap .input_box {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		width: 420px !important;
	}
}

.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_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.is-sticky {
	border-bottom: 1px solid #CCC;
}

.header_wrap.is-sticky .header_inner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.header_wrap.header_sd .header_gnb_wrap .gnb_depth1_menu {
		width: 138px;
	}
}

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

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

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

@media screen and (min-width: 1024px) {
	.header_wrap.is-reverse .header_all_menu {
		background-color: transparent;
	}
}

@media screen and (min-width: 1024px) {
	.header_wrap.is-reverse .header_quick_item a {
		color: #555;
	}
}

@media screen and (min-width: 1024px) {
	.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;
}

@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_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;
}

@media screen and (min-width: 1024px) {
	.header_wrap.is-active .header_all_menu,
	.header_wrap.is-sticky .header_all_menu,
	.header_wrap.gnb_style2 .header_all_menu {
		background-color: #fff;
	}
}

@media screen and (min-width: 1024px) {
	.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;
	}
}

@media screen and (min-width: 1024px) {
	.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;
	}
}

.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;
}

.stie_menu_nav {
	z-index: 116;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 56px;
	background-color: #1F2229;
}

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

.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;
}

.wrap.main .header_wrap {
	top: 35px;
	-webkit-transition: top .5s ease-in-out;
	transition: top .5s ease-in-out;
}

@media screen and (min-width: 1024px) {
	.wrap.main .header_wrap {
		top: 38px;
		border-bottom: 1px solid transparent;
	}
}

.footer_wrap {
	position: relative;
	padding: 60px 20px 28px;
	color: #C2C5CD;
	background: #1F2229;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.footer_wrap {
		padding: 0;
	}
}

.footer_wrap img {
	width: auto;
}

.footer_top {
	display: block;
	background-color: #2F3849;
	position: absolute;
	top:0;
	left:0;
	padding:0 12px;
	width:100%;
	box-sizing:border-box;
}

@media screen and (min-width: 1024px) {
	.footer_top {
		display: block;
		position:static;
		padding:0;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.footer_top_inner {
		margin: 0 auto;
		padding: 0;
		width: 1280px;
	}
}

.footer_top_title {
	display: block;
	position: relative;
	padding: 0 12px 0 20px;
	font-weight: 700;
	font-size: 14px;
	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;
	-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: 8px 10px;
	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;
	font-size: 13px;
}
.footer_top_cite .footer_cite_list .swiper-slide a:focus-visible {
	outline:2px solid #fff;
}

.footer_top_cite .footer_cite_list .swiper-control {
	display:none;
	z-index: 10;	
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 95px;
	padding-left: 10px;
	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_bottom_inner {
		margin: 0 auto;
		padding-top: 32px;
		padding-bottom: 40px;
		width: 1280px;
	}
	.footer_top_title {
		font-size: 16px;
	}
	.footer_top_cite {
		
	}
	.footer_top_cite .footer_cite_list .swiper-control {
		padding-left:16px;
	}
	.footer_top_cite .footer_cite_list .swiper-control {
		width: 115px;
	}
	.footer_top_cite .footer_cite_list .swiper-slide {
		padding: 16px 30px;
	}
	.footer_top_cite .footer_cite_list .swiper-slide a {
		font-size: 14px;
	}
	.footer_top_cite .footer_cite_list .swiper-control {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.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;
}

@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 {
	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%;
}

@media screen and (min-width: 1024px) {
	.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 {
	position: relative;
	margin-left: 17px;
}

.footer_bottom_box .footer_menu_item.personal a {
	color:#f7e68c;
	font-weight:700;
}

@media screen and (max-width: 1023px) {
	.footer_bottom_box .footer_menu_item {
		margin-left: 38.53333px;
		margin-left: 4.35897vw;
	}
}

@media screen and (max-width: 320px) {
	.footer_bottom_box .footer_menu_item {
		margin: 0;
		width: 50%;
		text-align: center;
	}
}

@media screen and (min-width: 1024px) {
	.footer_bottom_box .footer_menu_item {
		margin-left: 31px;
	}
}

.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;
}

@media screen and (max-width: 1023px) {
	.footer_bottom_box .footer_menu_item::before {
		right: -18.13333px;
		right: -2.05128vw;
	}
}

@media screen and (max-width: 320px) {
	.footer_bottom_box .footer_menu_item::before {
		left: 0;
	}
}

@media screen and (min-width: 1024px) {
	.footer_bottom_box .footer_menu_item::before {
		right: -15px;
	}
}

.footer_bottom_box .footer_menu_item:first-child {
	margin-left: 0;
}

.footer_bottom_box .footer_menu_item:last-child::before {
	display: none;
}

@media screen and (max-width: 320px) {
	.footer_bottom_box .footer_menu_item:last-child::before {
		display: block;
	}
}

@media screen and (max-width: 320px) {
	.footer_bottom_box .footer_menu_item:nth-child(odd)::before {
		display: none;
	}
}

.footer_bottom_box .footer_menu_link {
	font-size: 12px;
	font-weight: 400;
	color: #C2C5CD;
	line-height: 1;
}

@media screen and (max-width: 320px) {
	.footer_bottom_box .footer_menu_link {
		display: block;
		padding: 5px;
		text-align: center;
	}
}

@media screen and (min-width: 1024px) {
	.footer_bottom_box .footer_menu_link {
		padding: 12px 0;
		font-size: 14px;
	}
}

.footer_bottom_box .footer_family_site {
	position: relative;
	margin-top: 15px;
}

@media screen and (min-width: 1024px) {
	.footer_bottom_box .footer_family_site {
		margin: 0 0 0 64px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.footer_bottom_box .footer_family_site .family_site_button {
		width: auto;
		padding: 11px 107px 12px 15px;
	}
}

.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;
}

@media screen and (max-width: 1024px) {
	.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 .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;
}

@media screen and (min-width: 1024px) {
	.footer_bottom_box .location_information {
		margin-top: 15px;
	}
}

.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;
}
@media screen and (min-width: 768px) {
	.footer_bottom_box .location_information .tel-info {
		margin-left: 10px;
	}
}

.footer_bottom_box .homepage_mark_list {
	margin-top: 15px;
}

@media screen and (min-width: 1024px) {
	.footer_bottom_box .homepage_mark_list {
		position: absolute;
		bottom: 0;
		right: 0;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.footer_bottom_box .homepage_mark_list .mark_list_wrap {
		display:block;
		margin-top: 15px;
	}
}

@media screen and (max-width: 1023px) {
	.footer_bottom_box .homepage_mark_list .mark_list_wrap {
		display:none;
	}
}

.footer_bottom_box .homepage_mark_list .mark_list_wrap li {
	margin-left: 12px;
	height: 32px;
}

@media screen and (min-width: 1024px) {
	.footer_bottom_box .homepage_mark_list .mark_list_wrap li {
		height: 50px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.btn_page_top {
		right: 30px;
		bottom: 30px;
	}
}

.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;
}

[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: #2EB80D;
}

.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_tictok::before {
	width: 14px;
	height: 14px;
	background: url("/images/n24/common/icon_sns_tictok.png") no-repeat left top/100% auto;
}

.sns_icon_tictok + .sns_hashtag {
	color: #1A0108;
}

.sns_icon_tictok {
	background-color: #1A0108;
}

.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: -webkit-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;
}

.sub_inner input[type="text"],
.sub_inner input[type="password"],
.sub_inner select {
	height: 50px;
	border: 1px solid #dedede;
	border-radius: 4px;
}

.sub_inner .inp_text,
.sub_inner .inp_datepicker,
.sub_inner .select_box {
	position: relative;
	padding: 12px 4.87vw 12px 3.07vw;
	height: 50px;
	font-size: 15px;
	line-height: 1;
	color: #333;
	border-radius: 6px;
	border: 1px solid #DEDEDE;
	background: #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sub_inner .inp_text {
	background: #FFF;
}

@media screen and (min-width: 1024px) {
	.sub_inner .inp_text,
	.sub_inner .inp_datepicker,
	.sub_inner .select_box {
		padding: 16px 20px 16px;
		font-size: 16px;
	}
}

.form .select_box,
.sub_inner .select_box {
	background: #fff url("/images/n24/common/bg_selectbox_arrow_s.png") no-repeat right 10px center/15px auto;
}
.form .select_box{padding-left:5px; padding-right:20px;}

@media screen and (min-width: 1024px) {
	.form .select_box,
	.sub_inner .select_box {
		background: #fff url("/images/n24/common/bg_selectbox_arrow_s.png") no-repeat right 10px center/15px auto;
	}
}

.sub_inner .inp_datepicker {
	background: transparent;
}

.sub_inner .useDatepicker {
	padding: 16px 30px 16px 10px;
	width: 140px;
	background: #fff url("/images/n24/common/icon_calendar.svg") no-repeat 90% center/17px auto;
}

.sub_inner .useDatepicker:-moz-read-only {
	border: 1px solid #DEDEDE;
	background-color: #F9F9F9 !important;
}

.sub_inner .useDatepicker:read-only,
.sub_inner .useDatepicker:disabled {
	border: 1px solid #DEDEDE;
	background-color: #F9F9F9 !important;
}

@media screen and (min-width: 1024px) {
	.sub_inner .useDatepicker + .select_box {
		margin-left: 10px;
	}
}

.sub_inner .input_group {
	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;
}

@media screen and (max-width: 1023px) {
	.sub_inner .input_group .inp_text,
	.sub_inner .input_group .select_box {
		margin-right: 2.05128vw;
	}
}

@media screen and (min-width: 1024px) {
	.sub_inner .input_group .inp_text,
	.sub_inner .input_group .select_box {
		margin-right: 10px;
	}
}

.serach_wrap .input_label {
	font-weight: 700;
	font-size: 16px;
	font-weight: 700;
	color: #1D1D1D;
	line-height: 1;
}

@media screen and (min-width: 1024px) {
	.serach_wrap .input_label {
		font-size: 20px;
	}
}

.serach_wrap .input_group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.serach_wrap .input_group {
		width: auto;
	}
}

.serach_wrap .input_box {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.serach_wrap .input_box {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		width: auto;
	}
}

.serach_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;
}

@media screen and (min-width: 1024px) {
	.serach_wrap .input_box input {
		padding: 10px 20px;
		padding-right: 40px;
		height: 56px;
	}
}

.serach_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;
}

.serach_wrap .input_box .btn_auto.is-active + .auto_complete_wrap {
	display: block !important;
}

.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;
}

.dateMid {
	display: inline-block;
	margin: 0 4px;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 1;
}

.useDatepicker {
	padding: 16px 30px 16px 20px;
	width: 130px;
	background: #fff url("/images/n24/common/icon_calendar.svg") no-repeat 90% center/17px auto;
}

.useDatepicker:-moz-read-only {
	border: 1px solid #DEDEDE;
	background-color: #F9F9F9 !important;
}

.useDatepicker:read-only,
.useDatepicker:disabled {
	border: 1px solid #DEDEDE;
	background-color: #F9F9F9 !important;
}

@media screen and (min-width: 1024px) {
	.useDatepicker + .select_box {
		margin-left: 10px;
	}
}

.paging {
	margin: 40px auto 0;
	padding: 0;
	text-align: center;
}

.paging a {
	display: inline-block;
	margin: 0 0 0 10px;
	width: 40px;
	height: 40px;
	font-size: 16px;
	font-weight: 400;
	border-radius: 10px;
	border: 1px solid #d9d9d9;
	text-align: center;
	text-indent: -9999px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.paging a:first-child {
	margin-left: 0;
}

.paging a.first {
	background: url("/images/n24/common/bg_paging_first.png") no-repeat center/24px auto;
}

.paging a.prev {
	margin-right: 10px;
	background: url("/images/n24/common/bg_paging_prev.png") no-repeat center/24px auto;
}

.paging a.next {
	margin-left: 10px;
	background: url("/images/n24/common/bg_paging_next.png") no-repeat center/24px auto;
}

.paging a.last {
	background: url("/images/n24/common/bg_paging_last.png") no-repeat center/24px auto;
}

.paging a.num {
	color: #2F2A4A;
	line-height: 38px;
	text-indent: 0;
}
.paging a:focus,
.paging a:hover{
	border-color: #373272;
	color:#373272;
	font-weight: 600;
}
.paging a.num.active {
	font-weight: 600;
	color: #fff;
	border-color: #373272;
	background: #373272;
	pointer-events:none;
}
.paging a.num.active:focus-visible{
	outline-style:dotted;
}

/* prev 버튼 옆에 num 버튼이 오는 경우 */
.paging a.prev + a.num:nth-of-type(3) {
	margin-left: 0;
}

@media screen and (max-width: 1023px) {
	.paging > a {
		display: none;
	}
}

.mobilePaging {
	display: block;
}

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

.mobilePaging .mobileNum {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	font-size: 17px;
	line-height: 40px;
}

.mobilePaging .mobileNum .active {
	display: inline-block;
	color: #373272;
}

.bbsSearch {
	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: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	margin: 30px 0 0;
	padding: 20px;
	background: #F7F8FB;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.bbsSearch {
		padding: 30px 40px;
		border: 1px solid #E3E3E3;
		border-radius: 10px;
	}
	.bbsSearch .input_group + .input_group{
		margin-top:4px;
	}
}

.bbsSearch .select_box {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 23.07%;
}

@media screen and (min-width: 1024px) {
	.bbsSearch .select_box {
		width: 130px;
	}
}

.bbsSearch.mbSearchform .input-keyword{width: 350px; max-width:100%; display:inline-flex; align-items:center;}
.bbsSearch.mbSearchform .select_box {flex:1;}
.bbsSearch.mbSearchform .searchBtn {flex-shrink:0; margin-left:4px;}

.bbsSearch .inp_text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.bbsSearch .btn_search2 {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.public_inc_box {
	display:flex;
	gap: 10px;
	padding: 25px 15px;
}
.public_inc_box span {
	flex:1;
	line-height:140%;
}
.public_inc_box + .public_inc_box {
	border-top:1px solid #ececec;
}
.imgKogl {
	display: block;
	width: 160px;
}
@media screen and (max-width:769px){
	.imgKogl {width:100px;}
}
@media screen and (max-width: 426px) {
	.public_inc_box {flex-direction: column;}
	.imgKogl {width:50%;}
}

.satisfaction {
	overflow: hidden;
	position: relative;
	margin-top: 30px;
	padding: 0;
	border: 1px solid #DEDEDE;
	border-radius: 15px;
	background: #fff;
}

@media screen and (min-width: 1024px) {
	.satisfaction {
		margin-top: 50px;
	}
}

.satisfaction_top {
	padding: 16px 20px;
}

@media screen and (min-width: 1024px) {
	.satisfaction_top {
		padding: 20px;
	}
}

.satisfaction_info {
	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;
}

.satisfaction_info li {
	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;
	margin-top: 14px;
	font-size: 13px;
	font-weight: 400;
	color: #333;
	line-height: 1;
}

@media screen and (min-width: 1024px) {
	.satisfaction_info li {
		margin-top: 12px;
		margin-right: 48px;
		font-size: 15px;
	}
}

.satisfaction_info li:first-child {
	margin-left: 0;
}

.satisfaction_info li strong {
	display: block;
	font-weight: 600;
	margin-right: 12px;
	line-height: 1;
}

.satisfaction_info li .pageQna {
	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;
	margin-top: 6px;
}

@media screen and (min-width: 1024px) {
	.satisfaction_info li .pageQna {
		margin-top: 0;
	}
}

.satisfaction_info li .pageQna li {
	margin-top: 6px;
	margin-right: 8px;
}

@media screen and (min-width: 1024px) {
	.satisfaction_info li .pageQna li {
		margin-top: 0;
		margin-left: 12px;
	}
	.satisfaction_info li .pageQna li:first-child {
		margin-left: 0;
	}
}

.satisfaction_info li .pageQna li a {
	display: block;
	position: relative;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.01em;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
}

.satisfaction_content {
	position: relative;
	padding: 20px 20px;
	/* border-top:1px solid #DEDEDE; */
	background-color: #F6F6F6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.satisfaction_content {
		padding: 20px 30px 20px 20px;
	}
}

.satisfaction_content .satisBox {
	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;
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	gap:2%;
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox {
		padding-right: 130px;
	}
}

.satisfaction_content .satisBox .title {
	display: block;
	position: relative;
	padding-left: 26px;
	font-size: 16px;
	font-weight: 700;
	color: #333333;
	line-height: 1.35;
	letter-spacing: -0.01em;
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox .title {
		padding-left: 32px;
		font-size: 18px;
	}
}

.satisfaction_content .satisBox .title::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: url("/images/n24/common/icon_rating_mark.png") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox .title::before {
		width: 24px;
		height: 24px;
	}
}

.satisfaction_content .satisBox .radiobox {
	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-top: 12px;
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox .radiobox {
		margin-top: 0;
		margin-left: 40px;
	}
}

.satisfaction_content .satisBox .radiobox_item {
	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;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-top: 8px;
	width: 50%;
}

@media screen and (max-width: 359px) {
	.satisfaction_content .satisBox .radiobox_item {
		width: 100%;
	}
}

@media screen and (max-width: 1023px) {
	.satisfaction_content .satisBox .radiobox_item:nth-child(1),
	.satisfaction_content .satisBox .radiobox_item:nth-child(2) {
		margin-top: 0;
	}
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox .radiobox_item {
		width: auto;
		margin-top: 0;
		margin-left: 40px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.satisfaction_content .satisBox .radiobox_item:first-child {
		margin-left: 0;
	}
}

.satisfaction_content .satisBox .radiobox_item input[type="radio"] {
	position: relative;
	width: 16px;
	height: 16px;
}

.satisfaction_content .satisBox .radiobox_item input[type="radio"]:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #777;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
}

.satisfaction_content .satisBox .radiobox_item input[type="radio"]:checked:before {
	z-index: 1;
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	border: 0px none;
	border-radius: 50%;
	background: #333;
}

.satisfaction_content .satisBox .radiobox_item input[type="radio"]:checked:after {
	border-color: #333;
}

.satisfaction_content .satisBox .radiobox_item label {
	display: block;
	position: relative;
	padding: 10px 0;
	padding-right: 50px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
}

@media screen and (max-width: 340px) {
	.satisfaction_content .satisBox .radiobox_item label {
		font-size: 13px;
	}
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox .radiobox_item label {
		font-size: 15px;
	}
}

.satisfaction_content .satisBox .radiobox_item label::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.satisfaction_content .satisBox .radiobox_item.type4 label::before {
	width: 11.79vw;
	max-width: 46px;
	height: 40px;
	background: url("/images/n24/common/bg_rating_4.png") no-repeat left center/100% auto;
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox .radiobox_item.type4 label::before {
		width: 46px;
	}
}

.satisfaction_content .satisBox .radiobox_item.type3 label::before {
	width: 10.76vw;
	max-width: 42px;
	height: 36px;
	background: url("/images/n24/common/bg_rating_3.png") no-repeat left center/100% auto;
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox .radiobox_item.type3 label::before {
		width: 42px;
	}
}

.satisfaction_content .satisBox .radiobox_item.type2 label {
	padding-right: 59px;
}

.satisfaction_content .satisBox .radiobox_item.type2 label::before {
	width: 13.58vw;
	max-width: 53px;
	height: 30px;
	background: url("/images/n24/common/bg_rating_2.png") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox .radiobox_item.type2 label::before {
		width: 53px;
	}
}

.satisfaction_content .satisBox .radiobox_item.type1 label {
	padding-right: 46px;
}

.satisfaction_content .satisBox .radiobox_item.type1 label::before {
	width: 10.25vw;
	max-width: 40px;
	height: 38px;
	background: url("/images/n24/common/bg_rating_1.png") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox .radiobox_item.type1 label::before {
		width: 40px;
	}
}

.satisfaction_content .satisBox_guide {
	position: relative;
	margin-top: 12px;
	padding-left: 20px;
	font-size: 12px;
	color: #777;
	line-height: 1.35;
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox_guide {
		margin-top: 15px;
		margin-left: 32px;
		padding-left: 23px;
		font-size: 14px;
	}
}

.satisfaction_content .satisBox_guide:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url("/images/n24/common/icon_info.png") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox_guide:before {
		width: 19px;
		height: 19px;
	}
}

.satisfaction_content .satisBox .btn_basic {
	margin-top: 12px;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.satisfaction_content .satisBox .btn_basic {
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 0;
		width: auto;
	}
}

.tableList li {
	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;
	position: relative;
	padding: 16px 10px 49px;
	width: 100%;
	color: #333;
	border-bottom: 1px solid #DEDEDE;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tableList li.no-data .title{justify-content:center;}

@media screen and (min-width: 1024px) {
	.tableList li {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 20px 0;
	}
}

.tableList li .num {
	width: 55px;
	font-size: 16px;
	text-align: center;
}

@media screen and (max-width: 1023px) {
	.tableList li .num {
		display: none;
		width: auto;
	}
}

.tableList li .num .blt_notice {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-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;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 4px 10px;
	font-size: 13px;
	font-weight: 500;
	color: #FFF;
	line-height: 16px;
	letter-spacing: -0.01em;
	border-radius: 6px;
	background: #303646;
}

@media screen and (min-width: 1024px) {
	.tableList li .num .blt_notice {
		padding: 6px 12px;
	}
}

.tableList li .title {
	overflow: hidden;
	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;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	font-weight: 400;
	font-size: 17px;
	color: #333;
	line-height: 1.5;
	letter-spacing: -0.01em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.tableList li .title {
		margin: 0;
		padding: 4px 32px 4px 15px;
		width: 100%;
		max-width: none;
		font-size: 18px;
		line-height: 1;
	}
}

.tableList li .title .btn_bbsDetail {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tableList li .fileDown {
	position: absolute;
	bottom: 16px;
	left: 10px;
	width: 20px;
	height: 20px;
}

@media screen and (min-width: 1024px) {
	.tableList li .fileDown {
		position: relative;
		left: auto;
		bottom: auto;
		margin: 0 0 0 20px;
		width: 25px;
		height: 28px;
	}
}

.tableList li .quickView {
	display: block;
}
@media screen and (min-width: 1024px) {
	.tableList li .quickView {
		display: block;
		margin-left: 9px;
		min-width: 54px;
	}
}

.tableList li .btn_quickView {
	font-size: 16px;
	font-weight: 400;
	color: #777;
	line-height: 1.25;
	letter-spacing: -0.01em;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	text-underline-offset: 3px;
	text-align: left;
}

@media screen and (max-width: 1023px) {
	.tableList li .btn_quickView {
		position: absolute;
		bottom: 14px;
		left: 39px;
	}
}

@media screen and (min-width: 1024px) {
	.tableList li .btn_quickView {
		position: relative;
		left: auto;
		bottom: auto;
		line-height: 1.18;
	}
}

.tableList li .date {
	font-size: 15px;
	font-weight: 400;
	color: #333;
	line-height: 1;
	text-align: right;
	letter-spacing: -0.01em;
}
.tableList li .date.type2{
	display:flex;
	gap:4px;
	justify-content:flex-end;
}

@media screen and (max-width: 1023px) {
	.tableList li .date {
		position: absolute;
		bottom: 16px;
		right: 10px;
	}
	.tableList li .date.type2{
		font-size:14px;
	}
	.tableList li .date.type2 span:last-child{
		white-space:nowrap;
	}
}

@media screen and (max-width: 1023px) {
	.tableList li .etc {
		    position: absolute;
    bottom: 16px;
    right: 100px;
	}
}

@media screen and (min-width: 1024px) {
	.tableList li .date {
		position: relative;
		right: auto;
		bottom: auto;
		padding: 0 20px;
		font-size: 16px;
	}
}

.tableList li.notify .num {
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

@media screen and (max-width: 1023px) {
	.tableList li.notify .num {
		margin-right: 8px;
	}
}

/* 관람후기 목록 */
@media screen and (max-width: 1023px) {
    .tableList.review-list li .etc {right: 0;}
}
/* //관람후기 목록 */

.text_list.type_check {
	margin-top: 12px;
}

.text_list.type_check li {
	position: relative;
	margin-top: 8px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	line-height: 1.3;
}

.text_list.type_check li::before {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url("/images/n24/common/icon_check_line.png") no-repeat left top/100% auto;
}

.text_list.type_check li:first-child {
	margin-top: 0;
}

.btn_sns {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

@media screen and (min-width: 1024px) {
	.btn_sns {
		border-radius: 12px;
	}
}

.btn_calendar {
	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;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding: 13px;
	width: 100%;
	border: 1px solid #2F3849;
	-webkit-box-shadow: 0px 0px 10px rgba(47, 56, 73, 0.2);
	box-shadow: 0px 0px 10px rgba(47, 56, 73, 0.2);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.8);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.btn_calendar .btn_text {
	position: relative;
	padding-left: 26px;
	font-size: 16px;
	font-weight: 500;
	color: #2F3849;
	line-height: 1;
	letter-spacing: -0.01em;
	text-align: center;
}

.btn_calendar .btn_text::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	background: url("/images/n24/icons/icon_calendar_view.png") no-repeat left top/100% auto;
}

.btn_bbs_sort {
	position: relative;
	padding-left: 21px;
	font-size: 14px;
	font-weight: 700;
	color: #777;
	line-height: 1.35;
}

.btn_bbs_sort::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	background: url("/images/n24/common/icon_board_view.svg") no-repeat left top/100% auto;
}

.btn_bbs_sort.active {
	color: #6856DA;
	text-decoration:underline;
	text-underline-position:under;
}

.btn_bbs_sort.active::before {
	background-image: none;
	background-color: #6856DA;
	-webkit-mask: url("/images/n24/common/icon_board_view.svg") no-repeat left top/100% auto;
	mark: url("/images/n24/common/icon_board_view.svg") no-repeat left top/100% auto;
}

.btn_search2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 6px;
	font-size: 1px;
	text-indent: -9999px;
	background: #856C6C;
}

.btn_search2:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: url("/images/n24/common/icon_form_search.svg") no-repeat left top/100% auto;
}

.btn_basic {
	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 24px;
	border-radius: 5px;
	background: #333;
}
.btn_basic:focus-visible {
	outline-style:dotted;
}

@media screen and (min-width: 1024px) {
	.btn_basic {
		border-radius: 10px;
	}
}

.btn_basic .btn_text {
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.35;
	letter-spacing: -0.01em;
}

/* 나만의 메뉴 설정하기 (지방선거 전 코드)*/
.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;
}

@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 {
	display: block;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 400;
	color: #333;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.my_menu_option > strong {
		margin-bottom: 30px;
		font-size: 34px;
	}
}

.my_menu_option > strong b {
	font-weight: 700;
}

.my_menu_option h4 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 800;
	color: #856C6C;
}

.my_menu_option h5 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: 800;
	color: #333;
}

.my_menu_option .my_search {
	position: relative;
	margin-bottom: 20px;
	padding-right: 45px;
}

@media screen and (min-width: 1024px) {
	.my_menu_option .my_search {
		margin-bottom: 40px;
		padding-right: 75px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.my_menu_option .my_search div {
		height: 64px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.my_menu_option .my_search div input[type="text"] {
		height: 60px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.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 {
	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;
}

@media screen and (min-width: 1024px) {
	.my_menu_option .my_search div button[type="submit"]::before {
		width: 33px;
		height: 32px;
	}
}

.my_menu_option .my_search .btn_reflsh {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 42px;
	border-radius: 10px;
	background-color: #856C6C;
}

@media screen and (min-width: 1024px) {
	.my_menu_option .my_search .btn_reflsh {
		width: 71px;
		height: 64px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.my_menu_option .area_scroll {
		top: 190px;
		bottom: 65px;
		left: 50px;
		right: 50px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.my_menu_option .p_posi select {
		position: absolute;
		right: 0;
		width: 256px;
	}
}

.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;
	box-sizing:border-box;
}

.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;
}

@media screen and (min-width: 1024px) {
	.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 {
	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 .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 {
	z-index:1;
	position: absolute;
	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;
}

@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 {
	overflow: hidden;
	position: relative;
}

@media screen and (min-width: 1024px) {
	.main_password_popup .mainPop {
		width: 890px;
	}
}

.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;
}

/* 비밀번호 변경 연장 */
.login_info_wrap {
	margin: 80px auto;
	width: 90%;
	height: 380px;
}

@media screen and (min-width: 1024px) {
	.login_info_wrap {
		margin: 80px auto;
		width: 890px;
	}
}

.login_info_title {
	display: block;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 800;
	color: #303646;
	text-align: center;
	line-height: 1.2;
}

@media screen and (min-width: 1024px) {
	.login_info_title {
		margin-bottom: 30px;
		font-size: 28px;
		line-height: 42px;
		word-break: keep-all;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.login_info_box {
		padding: 50px 0 20px 0;
		border-radius: 30px;
	}
}

.login_info_ul {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.login_info_ul {
		margin: 0 auto;
		width: 480px;
		text-align: left;
	}
}

.login_info_ul li {
	position: relative;
	margin-bottom: 5px;
	color: #555555;
	line-height: 1.3;
	word-break: keep-all;
}

@media screen and (min-width: 1024px) {
	.login_info_ul li {
		font-size: 18px;
		margin-bottom: 10px;
		padding-left: 13px;
	}
}

.login_info_ul li b {
	font-weight: 800;
}

.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;
}

@media screen and (min-width: 1024px) {
	.login_info_btn_wrap {
		margin-top: 40px;
	}
}

.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;
}

@media screen and (min-width: 1024px) {
	.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;
	}
}

.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;
	}
}

/*비밀번호 변경팝업 테이블 폼*/
#passwordChangeForm .login_info_box {
	padding: 50px 28px 40px;
}

@media screen and (min-width: 1024px) {
	#passwordChangeForm .tableCon2 input + .tableExp {
		margin-left: 10px;
	}
}

#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;
}

@media screen and (min-width: 1024px) {
	#passwordChangeForm .tableCon2 .tableExp {
		font-size: 14px;
	}
}

#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;
}

@media screen and (min-width: 1024px) {
	#passwordChangeForm .tableCon2 .form tbody th {
		padding: 10px;
	}
}

#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;
}

@media screen and (min-width: 1024px) {
	#passwordChangeForm .tableCon2 .form input.w210 {
		width: 210px;
	}
}

#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;
	}
}

/* 공지팝업 */
.main_notice_popup {z-index: 200;	overflow: hidden;	position: fixed;	 top: 0; left: 0; width: 100%; height: 100vh; background-color:transparent;}
.main_notice_popup .btn_popup_close {display: none;position: fixed;top: 20px;right: 16px;width: 24px;	height: 24px;background: url("/images/n24/common/bg_popup_close_w.png") no-repeat left top/100% auto;}
.main_notice_inner {padding: 0; 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;width:100vw; height: 100vh;-webkit-box-sizing: border-box;box-sizing: border-box;}

.main_notice_inner .swiper-slide {position: relative;padding:0 14px;box-sizing:border-box; margin:0; width:auto;}

.main_notice_inner .swiper-control {position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;height: 32px; display:none;}

.main_notice_inner .swiper-control .swiper-button-prev,
.main_notice_inner .swiper-control .swiper-button-next {display: block;position: absolute;top: auto;bottom: 0;left: auto;right: auto;margin: 0;	-webkit-transform: none;transform: none;width: 32px;height: 32px;}
.main_notice_inner .swiper-control .swiper-button-prev::after,
.main_notice_inner .swiper-control .swiper-button-next::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("/images/n24/common/bg_popup_prev.png") no-repeat left top/100% auto;}
.main_notice_inner .swiper-control .swiper-button-prev:disabled,
.main_notice_inner .swiper-control .swiper-button-next:disabled {background-color: transparent !important;}
.main_notice_inner .swiper-control .swiper-button-prev {left: 16px;}
.main_notice_inner .swiper-control .swiper-button-next {right: 16px;}
.main_notice_inner .swiper-control .swiper-button-next::after {-webkit-transform: rotate(-180deg);	transform: rotate(-180deg);}

.main_notice_swiper {overflow: hidden; width: 100%;}

.main_notice_popup .mainPop {min-width:240px;	-webkit-box-sizing: border-box;	box-sizing: border-box;	margin:0 auto;	padding: 20px 10px;	border-radius: 20px;	background: #F8F8F8; -webkit-box-shadow: 0px 0px 20px rgba(18, 18, 18, 0.25);	box-shadow: 0px 0px 20px rgba(18, 18, 18, 0.25);	position:relative;}
.main_notice_popup .main_notice_swiper{box-sizing:border-box;}
.main_notice_popup .main_notice_swiper.count1 .mainPop{max-width:1024px;}
.main_notice_popup .main_notice_swiper.count2 .mainPop{max-width:600px;}

.main_notice_popup .mainPop .title {overflow: hidden;position: relative; padding-right:50px;}
.main_notice_popup .mainPop .title > b {display: block;overflow: hidden;font-size: 19px;font-weight: 600;color: #121212;line-height: 1.3;letter-spacing: -0.02em;white-space: nowrap;text-overflow: ellipsis;}

.main_notice_popup .mainPop #viewsZone {overflow: hidden;margin-top: 8px;border-radius: 8px 8px 0 0;}
.main_notice_popup .mainPop #viewsZone .popImg {position: relative;	overflow: hidden;}
.main_notice_popup .mainPop #viewsZone .popImg iframe {display: block; max-width: 100% !important;}
.video_wrap {position: relative;}
.video_wrap > iframe {aspect-ratio:16/9; max-width:100%;height:auto;}
/*
.main_notice_popup .mainPop #viewsZone .popImg iframe,
.main_notice_popup .mainPop #viewsZone .popImg object,
.main_notice_popup .mainPop #viewsZone .popImg embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
*/
.main_notice_popup .mainPop .pop-links {/* overflow: hidden; */	position: relative;	border-radius: 0 0 20px 20px;	background-color: #36435E;}
.main_notice_popup .mainPop .pop-links ul {	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; width: 100%;}
.main_notice_popup .mainPop .pop-links ul li {position: relative;}
.main_notice_popup .mainPop .pop-links ul li::before {content: '';position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 21px;background-color: rgba(255, 255, 255, 0.32);}
.main_notice_popup .mainPop .pop-links ul li:first-child {margin-left: 0;}
.main_notice_popup .mainPop .pop-links ul li:first-child::before {display: none;}
.main_notice_popup .mainPop .pop-links ul 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;
	padding: 12px 8px;
	height: 66px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	color: #FFF;
	line-height: 1.3;
	letter-spacing: -0.02em;
	word-break: keep-all;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.main_notice_popup .mainPop .pop-links ul li a:focus-visible{outline:3px dotted #36435E;}

.main_notice_popup .mainPop .closeDay {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: right;
	-webkit-box-sizing: border-box;box-sizing: border-box; position: relative;	bottom: auto;	left: auto;	right: auto;	margin: 0;padding-top: 20px; padding-right:15px;	width: auto;}

.main_notice_popup .mainPop .btnClose {	position: absolute;top: 17px;right: 20px;width: 28px;	height: 28px;max-width:780px;text-indent: -9999px;}
.main_notice_popup .mainPop .btnClose::before {content: '';position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);	width: 100%;height: 100%;background: url("/images/n24/common/bg_popup_close.png") no-repeat left top/100% auto;}

.main_notice_popup .mainPop .btnCloseDay {-webkit-appearance: none;-moz-appearance: none;	appearance: none;overflow: hidden;position: absolute;top: -9999px;	left: -9999px;margin: -1px;width: 1px;	height: 1px;}
.main_notice_popup .mainPop .btnCloseDay + label {	position: relative;	display: inline-block;	padding-left: 20px;font-size: 14px;font-weight: 500;color: #121212;line-height: 1;	letter-spacing: -0.02em;text-align: center;}
.main_notice_popup .mainPop .btnCloseDay + label::before {content: '';overflow: hidden;position: absolute;top: 0;left: 0;width: 14px;height: 14px;border-radius: 2px;border: 1px solid #2D3847;background: #fff;	-webkit-box-sizing: border-box;	box-sizing: border-box;}
.main_notice_popup .mainPop .btnCloseDay:checked + label::before {background: #2D3847 url("/images/n24/common/bg_checkbox_cheked.png") no-repeat 1px center/10px 8px;}


@media screen and (max-width:1256px) {
	.main_notice_popup .main_notice_swiper.count1 .mainPop{max-width:calc(80vw - 28px);}
	.main_notice_popup .main_notice_swiper.count2 .mainPop{max-width:calc(40vw - 28px);}
}

@media screen and (min-width: 1024px) {
	.main_notice_popup.front{width:auto;height:auto;}
	.main_notice_inner{width:auto;height:auto; margin-top:10px;}
	.main_notice_popup .main_notice_swiper{width:auto;}
	.main_notice_inner .swiper-wrapper {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: flex-start;
		justify-content:center;
	}
	.main_notice_popup .main_notice_swiper.count2 .swiper-slide{width:auto !important; margin:0 !important;}
}

@media screen and (max-width:1024px) {
	.main_notice_popup {background-color: #2e323fd4;}
	.main_notice_popup .btn_popup_close {display: block;}

	.main_notice_inner .swiper-control {display: block;}
	.main_notice_inner .swiper-slide.swiper-slide-prev {opacity:0.5;overflow:hidden;}

	.main_notice_inner .swiper-slide {padding:0; width:100%; padding:0 16px;}

	/* .main_notice_swiper {overflow: visible;} */
	.main_notice_popup .main_notice_swiper{padding:0;}
	.main_notice_popup .mainPop {padding:20px 0 48px 0; border-radius:0; background:none; box-shadow:none; box-sizing:border-box;}
	.main_notice_popup .main_notice_swiper.count1 .mainPop{width:100%;max-width:600px;}
	.main_notice_popup .main_notice_swiper.count2 .mainPop{width:100%;max-width:600px;}

	.main_notice_popup .mainPop .title{display:none;}
	.main_notice_popup .mainPop .title > b {	font-size: 16px; color: #fff;}

	.main_notice_popup .mainPop #viewsZone {margin-top: 16px;}
	.main_notice_popup .mainPop #viewsZone .popImg img{max-width:100%;}

	.main_notice_popup .mainPop .pop-links ul li a {font-size: 14px;}

	.main_notice_popup .mainPop .btnClose {	position: absolute;top:0;right: 0;width: 24px;height: 24px;	font-size: 1px;	}
	.main_notice_popup .mainPop .btnClose::before {background: url("/images/n24/common/bg_popup_close_w.png") no-repeat left top/100% auto;	}
	.main_notice_popup .mainPop .btnCloseDay + label {	color: #fff;}
	.main_notice_popup .mainPop .closeDay {position: absolute;bottom: 7px;left: 0;right: 0;width: 100%;padding: 0 42px 0 0;}
	.main_notice_popup .count1 .mainPop .closeDay{padding-right:10px;}
}


/* */
.main_notice_popup .mainPop#galleryPopup {
	top: 50% !important;
	left: unset !important;
	transform:translateY(-50%);
	max-width: 700px;
	align-items:center;
	justify-content:center;
}
@media screen and (max-width: 1024px) {
	.main_notice_popup .mainPop#galleryPopup {
		overflow:hidden;
		margin:0 20px;
		border-radius:10px;
	}
}

.main_notice_popup .mainPop#galleryPopup .title {
	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;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 20px;
	height: 50px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	line-height: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main_notice_popup .mainPop#galleryPopup .closeDay {
	position:relative;
	bottom:auto;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	line-height: 37px;
	text-align: center;
}

.main_notice_popup .mainPop#galleryPopup .btnClose {
	position: absolute;
	top: 0;
	right: 5px;
	width: 37px;
	height: 37px;
}

@media screen and (min-width: 1024px) {
	.main_notice_popup .mainPop#galleryPopup .btnClose {
		position: absolute;
		top: 0;
		right: 5px;
		width: 37px;
		height: 37px;
	}

}


.main_notice_popup .mainPop#galleryPopup .btnClose::before {
	background: url("/images/n24/common/bg_popup_close_w.png") no-repeat center/15px auto;
}

@media screen and (min-width: 1024px) {
	.main_notice_popup .mainPop#galleryPopup .btnClose::before {
		background: url("/images/n24/common/bg_popup_close.png") no-repeat center/15px auto;
	}
}

.layer_wrap.news_all_view {
	display: none;
	z-index: 130;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.75);
}

.layer_wrap.news_all_view.is-active {
	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;
}

.layer_wrap.news_all_view .layer_inner {
	position: relative;
	padding: 0 10px;
}

@media screen and (min-width: 1024px) {
	.layer_wrap.news_all_view .layer_inner {
		padding: 0;
	}
}

.layer_wrap.news_all_view .btn_modalClose {
	position: absolute;
	top: -50px;
	right: 18px;
	padding: 3px;
	display:block;
	width: 24px;
	height: 24px;
	background: url("/images/n24/common/icon_layer_close.png") no-repeat center/100% auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.layer_wrap.news_all_view .btn_modalClose:focus-visible{
	outline:2px solid #fff;
}

@media screen and (min-width: 1024px) {
	.layer_wrap.news_all_view .btn_modalClose {
		top: -27px;
		right: -34px;
	}
}

.layer_wrap.news_all_view .news_popup_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	overflow-y: scroll;
	padding: 5px;
	width: 100vw;
	height:auto;
	max-height: 75vh;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
	.layer_wrap.news_all_view .news_popup_list {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 75vh;
	}
}

.layer_wrap.news_all_view .news_popup_list::-webkit-scrollbar {
	width: 10px;
}

.layer_wrap.news_all_view .news_popup_list::-webkit-scrollbar-thumb {
	background-color: white;
	border-radius: 10px;
}

.layer_wrap.news_all_view .news_popup_list::-webkit-scrollbar-track {
	background-color: black;
}

@media screen and (min-width: 1024px) {
	.layer_wrap.news_all_view .news_popup_list {
		overflow: auto;
		margin-top: -1.97vw;
		padding: 0;
		width: 64vw;
		max-width: 1200px;
		border-radius: 0;
		background: transparent;
	}
}

@media screen and (min-width: 1920px) {
	.layer_wrap.news_all_view .news_popup_list {
		margin-top: -38px;
		width: 1220px;
		max-width: none;
	}
}

.layer_wrap.news_all_view .news_popup_item {
	margin-left: 8px;
	margin-bottom: 8px;
	width: calc(50% - 8px);
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.layer_wrap.news_all_view .news_popup_item {
		margin: 0;
		margin-left: 1.3541vw;
		margin-top: 1.97vw;
		width: 13.58vw;
		border-radius: 20px;
	}
}

@media screen and (min-width: 1920px) {
	.layer_wrap.news_all_view .news_popup_item {
		margin-left: 26px;
		margin-top: 38px;
		width: 280px;
	}
}

@media (max-width: 1023px) {
	.layer_wrap.news_all_view .news_popup_item:nth-child(even) {
		margin-left: 10px;
	}
}

.layer_wrap.news_all_view .news_popup_item:nth-child(odd) {
	margin-left: 0;
}

@media screen and (min-width: 1024px) {
	.layer_wrap.news_all_view .news_popup_item:nth-child(odd) {
		margin-left: 1.3541vw;
	}
}

.layer_wrap.news_all_view .news_popup_item:nth-child(odd):nth-child(4n+1) {
	margin-left: 0;
}

.layer_wrap.news_all_view .news_popup_item > a {
	position: relative;
	display: block;
	max-width: 280px;
	max-height: 320px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.layer_wrap.news_all_view .news_popup_item > a:focus-visible{
	outline:2px dotted #fff;
}

.layer_wrap.news_all_view .news_popup_item img {
	width:100%;
	aspect-ratio:28/32;
	object-fit:cover;
	border-radius: 10px;
}

.top_notice_wrap {
	z-index: 115;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #2F3B52;
	transition: all .5s ease-in-out;
}
.top_notice_wrap:focus-within{
	z-index:130;
}

@media screen and (max-width: 1023px) {
	.top_notice_wrap {
		overflow:hidden;
	}
}

.top_notice_inner {
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1280px) {
	.top_notice_inner {
		margin: 0 auto;
		padding: 0 20px;
		width: 1280px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.top_notice_link {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:8px 0;
	height:100%;
	display:block;
	overflow:hidden;
	height:36px;
}
.top_notice_link:focus-visible{
	outline:2px dotted #fff;
	outline-offset:-2px;
}

@media screen and (min-width: 1024px) {
	.top_notice_link {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 8px 0 8px 40px;
		height: 38px;
		overflow:hidden;
	}
}

.top_notice_link::before {
	content: '';
	position: absolute;
	top:50%;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #EEEAE4 url("/images/n24/common/icon_top_notice.svg") no-repeat center;
	background-size: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (min-width: 1024px) {
	.top_notice_link::before {
		width: 24px;
		height: 24px;
	}
}

.top_notice_title {
	display: inline-block;
	position: relative;
	padding: 0 20px 0 30px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	line-height: 1.35;
	letter-spacing: -0.01em;
	text-align: left;
	max-width: 510px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media screen and (min-width: 1024px) {
	.top_notice_title {
		padding: 0;
		font-size: 15px;
	}
}

.top_notice_swiper{
	overflow:unset;
	overflow:hidden;
}
.top_notice_swiper .swiper {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.top_notice_swiper .swiper-wrapper {
	height: 36px;
}

@media screen and (min-width: 1024px) {
	.top_notice_swiper .swiper-wrapper {
		margin: 0;
		height: 100%;
	}
}

.top_notice_swiper .swiper-slide {
	padding: 0 77px 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media (min-width: 1280px) {
	.top_notice_swiper .swiper-slide {
		padding: 0 70px;
	}
}

@media screen and (min-width: 1024px) {
	.top_notice_swiper .swiper-slide {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.top_notice_swiper .swiper-slide-active::before {
		content: '';
		position: absolute;
		top: 50%;
		right: -1px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 1px;
		height: 50%;
		background: rgba(255, 255, 255, 0.25);
	}
}

.top_notice_swiper .swiper-button-prev,
.top_notice_swiper .swiper-button-next {
	overflow: hidden;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	-webkit-transform: none;
	transform: none;
	margin: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-left: 4px;
}

.top_notice_swiper .swiper-button-prev {
	background: url("/images/n24/common/btn_topbnr_prev.png") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	.top_notice_swiper .swiper-button-prev {
		background: url("/images/n24/common/btn_topbnr_prev_pc.png") no-repeat left top/100% auto;
	}
}

.top_notice_swiper .swiper-button-prev::after,
.top_notice_swiper .swiper-button-next::after {
	content: '';
}

.top_notice_swiper .swiper-button-next {
	background: url("/images/n24/common/btn_topbnr_next.png") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	.top_notice_swiper .swiper-button-next {
		background: url("/images/n24/common/btn_topbnr_next_pc.png") no-repeat left top/100% auto;
	}
}

.top_notice_wrap .swiper-control {
	z-index: 10;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	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;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 68px;
	height: 20px;
}

@media screen and (max-width: 1023px) {
	.top_notice_wrap .swiper-control {
		right: 4px;
	}
}

@media screen and (max-width: 1023px) {
	.top_notice_swiper .swiper-auto-control {
		display: none;
	}
}

.top_notice_swiper .swiper-auto-control {
	/* overflow: hidden; */
	position: relative;
	width: 20px;
}
.top_notice_swiper .swiper-auto-control button:focus-visible,
.top_notice_swiper .swiper-control [class*="swiper-button-"]:focus {
	outline:2px dotted #fff;
}

.top_notice_swiper .swiper-auto-control .swiper-start,
.top_notice_swiper .swiper-auto-control .swiper-stop {
	cursor: pointer;
	position: relative;
	top: auto;
	left: auto;
	top: auto;
	-webkit-transform: none;
	transform: none;
	width: 20px;
	height: 20px;
}

.top_notice_swiper .swiper-auto-control .swiper-start {
	display: none;
	background: url("/images/n24/common/btn_topbnr_play.png") no-repeat center center/100% auto;
}

.top_notice_swiper .swiper-auto-control .swiper-stop {
	background: url("/images/n24/common/btn_topbnr_stop.png") no-repeat left center/100% auto;
}

.top_notice_close {
	z-index: 2;
	position: absolute;
	top: 50%;
	bottom: auto;
	right: 47px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0;
	width: 20px;
	height: 20px;
	background: url("/images/n24/common/btn_topbnr_close_m.png") no-repeat left top/100% auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.top_notice_close:focus-visible {
	outline:2px dotted #fff;
}
/*.is-pull-up .top_notice_close:focus-visible {
  outline:2px dotted #000;
}*/

@media screen and (max-width: 1023px) {
	.top_notice_close {
		right: 52px;
	}
}

@media screen and (min-width: 1024px) {
	.top_notice_close {
		top: auto;
		bottom: -51px;
		right: 0;
		padding: 10px 13px;
		width: auto;
		height: auto;
		border-radius: 0px 0px 0px 10px;
		background: #2F3B52;
	}
}

.top_notice_close .btn_text {
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1px;
}

@media screen and (min-width: 1024px) {
	.top_notice_close .btn_text {
		display: inline-block;
		position: relative;
		padding-right: 27px;
		font-size: 13px;
		font-weight: 500;
		color: #fff;
		line-height: 1;
		letter-spacing: -0.01em;
		white-space: nowrap;
	}
	.top_notice_close .btn_text::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 14px;
		height: 14px;
		background: url("/images/n24/common/bg_banner_close.png") no-repeat left top/100% auto;
	}

	.is-pull-up .wrap.main .top_notice_close .btn_text::before {
		background: url("/images/n24/common/bg_banner_open.png") no-repeat left top/100% auto;
	}
}

.wrap.main #container {
	position: relative;
	padding-top: 0 !important;
}

.is-pull-up .top_notice_wrap {
	-webkit-transform: translateY(-36px);
	transform: translateY(-36px);
	-webkit-transition: all .5s ease-in-out;
}

@media screen and (min-width: 1024px) {
	.is-pull-up .top_notice_wrap {
		-webkit-transform: translateY(-38px);
		transform: translateY(-38px);
	}
	body.is-pull-up .header_wrap {
		top: 0 !important;
	}
}

/*.wrap.main.is-pull-up .top_notice_wrap + .header_wrap {
	top: 0;
}*/

.main_section_anchor {
	display: none;
}

#fp-nav{display: none !important;}

@media screen and (min-width: 1280px) {
	.main_section_anchor {
		display: block;
		z-index: 49;
		position: fixed;
		top: 36%;
		left: 32px;
		margin-top: 3.75vw;
	}
}

.main_section_anchor .fp_anchor_li {
	margin-bottom: 10px;
}

.main_section_anchor .fp_anchor_link {
	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;
	position: relative;
	padding: 10px 20px;
	border-radius: 21px;
	background: transparent;
}

.main_section_anchor .fp_anchor_link .anchor_text {
	display: inline-block;
	position: relative;
	padding-left: 31px;
	font-size: 16px;
	font-weight: 500;
	color: #666;
	line-height: 1;
	letter-spacing: -0.02em;
}

.main_section_anchor .fp_anchor_link .anchor_text::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #666;
}

.main_section_anchor .fp_anchor_li.active .fp_anchor_link {
	background: #36435E;
}
.main_section_anchor .fp_anchor_li.active .fp_anchor_link:focus-visible{
	outline-style:dotted;
}

.main_section_anchor .fp_anchor_li.active .anchor_text {
	color: #fff;
	font-size: 19px;
	font-weight: 800;
}

.main_section_anchor .fp_anchor_li.active .anchor_text::before {
	width: 16px;
	height: 16px;
	background: url("/images/n24/main/bg_fullpage_anchor_active.png") no-repeat left top/100% auto;
}

.main_scroll_down {
	display: none;
	z-index: 50;
	position: fixed;
	top: calc(100vh - 160px);
	bottom: 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	padding-top: 22px;
	width: 160px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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

@media (min-width: 1024px) and (max-width: 1278px) {
	.main_scroll_down {
		left: calc(-148px / 2 - 22px);
	}
}

@media (min-width: 1280px) {
	.main_scroll_down {
		left: calc(-108px / 2 - 22px);
	}
}

.main_scroll_down::before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #36435E;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.main_scroll_down .ani_dot {
	position: absolute;
	top: 0;
	left: 0;
	width: 19px;
	height: 19px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: left .5s ease;
	-webkit-transition: left .5s ease;
	-webkit-animation: upDownDot 5s infinite ease-in-out;
	animation: upDownDot 5s infinite ease-in-out;
	border-radius: 100%;
	background: url("/images/n24/common/icon_nec_mark.png") no-repeat center/100%;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.main_scroll_down p {
	font-size: 14px;
	font-weight: 400;
	color: #36435E;
	letter-spacing: 0.5px;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.main_section_title {
	font-size: 28px;
	font-weight: 700;
	color: #121212;
	letter-spacing: -0.01em;
	line-height: 1.3;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.main_section_title {
		font-size: 32px;
		font-weight: 700;
		letter-spacing: -0.02em;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section_title {
		font-size: 28px;
	}
}

.main_section_title + * {
	margin-top: 20px;
}

@media screen and (min-width: 1024px) {
	.main_section_title + * {
		margin-top: 40px;
	}
}

@media screen and (max-width: 1023px) {
	.main_section_stitle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		font-size: 18px;
		font-weight: 700;
		color: #121212;
		line-height: 1;
		letter-spacing: -0.01em;
	}
}

@media screen and (min-width: 1024px) {
	.main_section_stitle {
		position: relative;
		font-size: 20px;
		font-weight: 700;
		line-height: 26px;
		letter-spacing: -0.02em;
	}
	.main_section_stitle::before {
		content: '';
		position: absolute;
		top: 2px;
		left: 0;
		width: 22px;
		height: 22px;
	}
	.main_section_stitle.type1::before {
		background: url("/images/n24/main/icon_section_title1.png") no-repeat left top/100% auto;
	}
	.main_section_stitle.type2::before {
		background: url("/images/n24/main/icon_section_title2.png") no-repeat left top/100% auto;
	}
	.main_section_stitle.type3::before {
		background: url("/images/n24/main/icon_section_title3.png") no-repeat left top/100% auto;
	}
	.main_section_stitle.type4::before {
		background: url("/images/n24/main/icon_section_title4.png") no-repeat left top/100% auto;
	}
	.main_section_stitle.type5::before {
		background: url("/images/n24/main/icon_section_title5.png") no-repeat left top/100% auto;
	}
}

@media screen and (max-width: 320px) {
	.main_section_stitle {
		font-size: 16px;
	}
}

.main_section_stitle + * {
	margin-top: 16px;
}

@media screen and (min-width: 1024px) {
	.main_section_stitle + * {
		margin-top: 12px;
	}
}

.main_section_stitle .section_stitle_desc {
	display: block;
	margin-top: 6px;
	font-size: 14px;
	font-weight: 300;
	color: #777;
	line-height: 1.3;
}

@media screen and (max-width: 320px) {
	.main_section_stitle .section_stitle_desc {
		font-size: 36.26667px;
		font-size: 4.10256vw;
	}
}

@media screen and (min-width: 1024px) {
	.main_section_stitle .section_stitle_desc {
		display: inline-block;
		margin: 0 0 0 15px;
		font-size: 16px;
		color: #555555;
		letter-spacing: -0.02em;
	}
}

.main_section_inner {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.main_section_inner {
		margin: 0 auto;
		width: 1280px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1.fp-auto-height-responsive,
	.main_section2.fp-auto-height-responsive,
	.main_section3.fp-auto-height-responsive {
		min-height: 860px;
	}
}

.main_section1 {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
	.main_section1 {
		padding: 0;
		/* height: calc(100vh - 101px - 56px) !important; */
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
	.main_section1 .visual_section_inwrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-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;
		width: 100%;
		/* min-height: 80vh; */
	}
}

@media screen and (max-width: 340px) and (orientation: portrait) {
	.main_section1 .visual_section_inwrap {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media screen and (min-height: 740px) and (orientation: portrait) {
	.main_section1 .visual_section_inwrap {
		-ms-flex-pack: distribute;
		justify-content: space-around;
		/* min-height: 60vh; */
	}
}



.main_section1 .dday_wrap {
	z-index: 10;
	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;
	position: relative;
	margin: 0 auto;
	padding: 1vw 2.5vh;
	border-radius: 50px;
	white-space: nowrap;
	background: #1F2229;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main_section1 .dday_wrap.no_desc{
	opacity:0;
	height:0;
	padding:0;
	overflow:hidden;
}

@media screen and (max-width: 320px) {
	.main_section1 .dday_wrap {
		padding: 2px 16px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section1 .dday_wrap {
		padding: 4px 25px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .dday_wrap {
		padding: 6px 35px;
	}
}

.main_section1 .dday_title,
.main_section1 .dday_day {
	font-weight: 700;
	color: #fff;
	line-height: 1.5;
}

.main_section1 .dday_title,
.main_section1 .dday_day {
	font-size: 3.589vw;
}

@media screen and (max-width: 320px) {
	.main_section1 .dday_title,
	.main_section1 .dday_day {
		font-size: 13px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section1 .dday_title,
	.main_section1 .dday_day {
		font-size: 14px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .dday_title {
		font-size: 18px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .dday_day {
		font-size: 26px;
	}
}

@media screen and (min-width: 768px) {
	.main_section1 .swiper {
		position: relative;
	}
}

.main_section1 .visual_section_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 4% 4.1%;
	/* height: calc(100vh - 101px - 56px) !important; */
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 540px) {
	.main_section1 .visual_section_wrap {
		height: auto !important;
		padding: 16px 4.1% 36px;
		justify-content: center;
	}
	.main_section1 .visual_section_inwrap {
		height: auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_section_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: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0 auto;
		padding: 0;
		padding-top: 78px;
		width: 100%;
		height: 100%;
		min-height: 100vh;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding-top: 30.9375vh;
		padding-left: 29.895vw;
		padding-right: 30px;
		width: 1280px;
		max-height: 960px;
	}
}

@media screen and (min-width: 1921px) {
	.main_section1 .visual_section_wrap {
		padding-left: 22.91vw;
		/*440 ( 517 왼쪽여백 . 오른쪽여백30 . 슬로건 이미지와 퀵메뉴 간 끝 선 차이 47 (우측) ) / 1920*/
	}
}

.main_section1 .visual_section_box {
	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: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	margin: 0 auto;
}

.main_section1 .visual_quick_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: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 8px 12px;
	width: 100%;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.6);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
	.main_section1 .visual_quick_wrap {
		margin-top: 6px;
		padding: 1.25vh 3.07vw;
	}
}

@media screen and (max-width: 280px) {
	.main_section1 .visual_quick_wrap {
		padding: 12px;
	}
}

@media screen and (min-height: 880px) and (orientation: portrait) {
	.main_section1 .visual_quick_wrap {
		padding: 25px 12px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_wrap {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin-top: 245px;
		padding: 0;
		border-radius: 0px;
		background: transparent;
	}
}
@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_wrap.no_desc {
	margin-top: 226px;
	}
}


@media (min-width: 1024px) and (max-width: 1278px) {
	.main_section1 .visual_quick_wrap {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media (min-width: 1280px) {
	.main_section1 .visual_quick_wrap {
		/* margin-top: 23.54vh; */
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media screen and (min-width: 2560px) {
	.main_section1 .visual_quick_wrap {
		margin-top: 20.54vh;
	}
}

.main_section1 .visual_quick_item {
	margin-top: 10px;
	width: 30%;
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_item {
		margin-top: 0;
		margin-left: 30px;
		margin-left: 1.5625vw;
		width: 90px;
	}
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
	.main_section1 .visual_quick_item {
		margin-left: 30px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_item:first-child {
		margin-left: 0;
	}
}

@media screen and (max-width: 1023px) {
	.main_section1 .visual_quick_item:nth-child(-n+3) {
		margin-top: 0;
	}
}

@media screen and (min-height: 880px) and (orientation: portrait) {
	.main_section1 .visual_quick_item {
		margin-top: 20px;
	}
}

@media screen and (min-width: 280px) and (max-width: 344px) {
	.main_section1 .visual_quick_item {
		width: 50%;
		margin-top: 20px;
	}
	.main_section1 .visual_quick_item:nth-child(-n+2) {
		margin-top: 0;
	}
	.main_section1 .visual_quick_item:nth-child(3) {
		margin-top: 20px;
	}
}

.main_section1 .visual_quick_link {
	display: block;
	position: relative;
	padding-top: 34px;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_link {
		padding-top: 102px;
		min-width: 80px;
	}
}

@media screen and (max-width: 767px) {
	.main_section1 .visual_quick_link {
		padding-top: 8.71795vw;
	}
}

@media screen and (max-width: 320px) {
	.main_section1 .visual_quick_link {
		padding-top: 7.17949vw;
	}
}

@media screen and (max-width: 280px) {
	.main_section1 .visual_quick_link {
		padding-top: 8.71795vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section1 .visual_quick_link {
		padding-top: 36px;
	}
}

.main_section1 .visual_quick_link::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: auto;
	height: 51px;
}

@media screen and (max-width: 1023px) {
	.main_section1 .visual_quick_link::before {
		height: 115.6px;
		height: 13.07692vw;
	}
}

@media screen and (max-width: 320px) {
	.main_section1 .visual_quick_link::before {
		height: 92.93333px;
		height: 10.51282vw;
	}
}

@media screen and (max-width: 280px) {
	.main_section1 .visual_quick_link::before {
		height: 115.6px;
		height: 13.07692vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section1 .visual_quick_link::before {
		height: 51px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_link::before {
		width: 90px;
		height: 90px;
		border-radius: 30px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: all .35s ease-in-out;
		transition: all .35s ease-in-out;
		background-color: rgba(255, 255, 255, 0.1) !important;
	}
}

.main_section1 .visual_quick_link > span {
	color: #1F2229;
	font-weight: 500;
	line-height: 1.2;
}

@media screen and (max-width: 1023px) {
	.main_section1 .visual_quick_link > span {
		font-size: 29.46667px;
		font-size: 3.33333vw;
	}
	.main_section1 .visual_quick_link > span br {
		display: none;
	}
}

@media screen and (max-width: 320px) {
	.main_section1 .visual_quick_link > span {
		font-size: 27.2px;
		font-size: 3.07692vw;
	}
}

@media screen and (max-width: 280px) {
	.main_section1 .visual_quick_link > span {
		font-size: 29.46667px;
		font-size: 3.33333vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section1 .visual_quick_link > span {
		font-size: 13px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_link > span {
		font-size: 19px;
		color: #fff;
		word-break: keep-all;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_link:hover::before,
	.main_section1 .visual_quick_link:focus::before {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
		-webkit-transition: all .35s ease-in-out;
		transition: all .35s ease-in-out;
		background-color: #1F2229 !important;
		-webkit-box-shadow: 0px 0px 15px rgba(31, 34, 41, 0.3);
		box-shadow: 0px 0px 15px rgba(31, 34, 41, 0.3);
	}
}


.main_section1 .visual_quick_item.type1 .visual_quick_link::before {
	background: url("/images/n24/icons/icon_visual_quick3_m.svg") no-repeat center top/28px auto;
}

@media screen and (max-width: 320px) {
	.main_section1 .visual_quick_item.type1 .visual_quick_link::before {
		background-size: 17px auto;
	}
}

@media screen and (max-width: 280px) {
	.main_section1 .visual_quick_item.type1 .visual_quick_link::before {
		background-size: 22px auto;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_item.type1 .visual_quick_link::before {
		background: url("/images/n24/icons/icon_visual_quick3.svg") no-repeat center/33px 32px;
	}
}

.main_section1 .visual_quick_item.type2 .visual_quick_link::before {
	background: url("/images/n24/icons/icon_visual_quick2_m.svg") no-repeat center top/28px auto;
}

@media screen and (max-width: 320px) {
	.main_section1 .visual_quick_item.type2 .visual_quick_link::before {
		background-size: 17px auto;
	}
}

@media screen and (max-width: 280px) {
	.main_section1 .visual_quick_item.type2 .visual_quick_link::before {
		background-size: 22px auto;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_item.type2 .visual_quick_link::before {
		background: url("/images/n24/icons/icon_visual_quick2.svg") no-repeat center/39px 32px;
	}
}


.main_section1 .visual_quick_item.type3 .visual_quick_link::before {
	background: url("/images/n24/icons/icon_visual_quick6_m.svg") no-repeat center top/28px auto;
}

@media screen and (max-width: 320px) {
	.main_section1 .visual_quick_item.type3 .visual_quick_link::before {
		background-size: 22px auto;
	}
}

@media screen and (max-width: 280px) {
	.main_section1 .visual_quick_item.type3 .visual_quick_link::before {
		background-size: 27px auto;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_item.type3 .visual_quick_link::before {
		background: url("/images/n24/icons/icon_visual_quick6.svg") no-repeat center/44px 42px;
	}
}

.main_section1 .visual_quick_item.type4 .visual_quick_link::before {
	background: url("/images/n24/icons/icon_visual_quick5_m.svg") no-repeat center top/28px auto;
}

@media screen and (max-width: 320px) {
	.main_section1 .visual_quick_item.type4 .visual_quick_link::before {
		background-size: 17px auto;
	}
}

@media screen and (max-width: 280px) {
	.main_section1 .visual_quick_item.type4 .visual_quick_link::before {
		background-size: 22px auto;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_item.type4 .visual_quick_link::before {
		background: url("/images/n24/icons/icon_visual_quick5.svg") no-repeat center/40px 37px;
	}
}

.main_section1 .visual_quick_item.type5 .visual_quick_link::before {
	background: url("/images/n24/icons/icon_visual_quick1_m.svg") no-repeat center top/28px auto;
}

@media screen and (max-width: 320px) {
	.main_section1 .visual_quick_item.type5 .visual_quick_link::before {
		background-size: 17px auto;
	}
}

@media screen and (max-width: 280px) {
	.main_section1 .visual_quick_item.type5 .visual_quick_link::before {
		background-size: 22px auto;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_item.type5 .visual_quick_link::before {
		background: url("/images/n24/icons/icon_visual_quick1.svg") no-repeat center/40px 38px;
	}
}

.main_section1 .visual_quick_item.type6 .visual_quick_link::before {
	background: url("/images/n24/icons/icon_visual_quick4_m.svg") no-repeat center top/28px auto;
}

@media screen and (max-width: 320px) {
	.main_section1 .visual_quick_item.type6 .visual_quick_link::before {
		background-size: 17px auto;
	}
}

@media screen and (max-width: 280px) {
	.main_section1 .visual_quick_item.type6 .visual_quick_link::before {
		background-size: 22px auto;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .visual_quick_item.type6 .visual_quick_link::before {
		background: url("/images/n24/icons/icon_visual_quick4.svg") no-repeat center/40px 31px;
	}
}

.main_section1 .main_kv_swiper {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.main_section1 .main_kv_swiper {
		z-index: 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		min-height: 860px; /* 960 */
		max-height: 100vh;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .main_kv_swiper .swiper-slide {
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.main_section1 .main_kv_swiper .swiper-slide.swiper-slide-active::before {
		-webkit-animation: zoomIn 12s ease-in-out forwards;
		animation: zoomIn 12s ease-in-out forwards;
	}
	.main_section1 .main_kv_swiper .swiper-slide::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		-o-object-fit: cover;
		object-fit: cover;
		-webkit-transform: scale(1.01);
		transform: scale(1.01);
		margin: 0 auto;
		min-width: 102%;
		min-height: 102%;
		width: auto;
		height: auto;
	}
}

.main_section1 .main_kv_swiper .swiper-pagination {
	display: none;
}

@media screen and (min-width: 1024px) {

	.main_section1 .main_kv_swiper .swiper-control {
		position:absolute;
		bottom: 22px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.main_section1 .main_kv_swiper .swiper-pagination {
		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;
	}
	.main_section1 .main_kv_swiper .swiper-auto-control {
		position: absolute;
		right:-40px;
		bottom:0;
	}
	.main_section1 .main_kv_swiper .swiper-auto-control .auto_control {
		/* overflow: hidden; */
		position: relative;
		width:30px;
		height:30px;
	}
	.main_section1 .main_kv_swiper .swiper-auto-control .auto_control button {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.main_section1 .main_kv_swiper .swiper-auto-control .auto_control .swiper-start {
		display:none;
		background: url('/images/n24/common/bg_swiper_start2.png') no-repeat left top / 100%;
	}
	.main_section1 .main_kv_swiper .swiper-auto-control .auto_control .swiper-stop {
		background: url('/images/n24/common/bg_swiper_stop2.png') no-repeat left top / 100%;
	}
}

@media (min-width: 1024px) and (max-width: 1278px) {
	.main_section1 .main_kv_swiper  .swiper-control {
		width: 70%;
	}
}

@media (min-width: 1280px) {
	.main_section1 .main_kv_swiper .swiper-control  {
		width: 1280px;
	}
}

.main_section1 .main_kv_swiper .swiper-pagination-bullet {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	margin: 0 0 0 30px;
	height: auto;
	border-radius: 0;
	text-align: center;
	background: none;
}

.main_section1 .main_kv_swiper .swiper-pagination-bullet::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.5);
}

.main_section1 .main_kv_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	background-color: rgba(255,255,255,1);
	height:2px;
}

.main_section1 .main_kv_swiper .swiper-pagination-bullet:first-child {
	margin-left: 0;
}

.main_section1 .main_kv_swiper .swiper-pagination-bullet span {
	cursor: pointer;
	display: block;
	height: 26px;
	color: transparent;
	font-size: 1px;
	text-indent: -9999px;
	line-height: 0;
}

/* 241028 주석처리 (구성 변경에 따른 주석처리 진행)
.main_section1 .main_kv_swiper .swiper-pagination-bullet span {
	display:inline-block;
	padding:10px 0 16px;
	font-weight:600;
	color:#FFFFFF;
	line-height:1.35;
	letter-spacing:-0.035em;
}

@media (min-width:1024px) {
	.main_section1 .main_kv_swiper .swiper-pagination-bullet span {
		font-size:14px;
	}
}

@media (min-width:1280px) {
	.main_section1 .main_kv_swiper .swiper-pagination-bullet span {
		font-size:18px;
	}
}
*/
@media (min-width: 1024px) {
	.main_section1 .main_kv_swiper .kv_visual_1::before {
		background: url("/images/n24/main/bg_section1_1.jpg") no-repeat center/cover;
	}
	.main_section1 .main_kv_swiper .kv_visual_1 .kv_visual_slogan {
		background: url("/images/n24/main/img_main_visual1_slogan.png") no-repeat left top/90% auto;
	}
}

/* .main_section1 .main_kv_swiper .kv_visual_1 .kv_visual_slogan {
	background: url("/images/n24/main/img_main_visual1_slogan_m.png") no-repeat center/auto 100%;
}

@media screen and (min-width: 1024px) {
	.main_section1 .main_kv_swiper .kv_visual_1 .kv_visual_slogan {
		background: url("/images/n24/main/img_main_visual1_slogan.png") no-repeat left top/100% auto;
	}
}*/

@media (min-width: 1024px) {
	.main_section1 .main_kv_swiper .kv_visual_2::before {
		background: url("/images/n24/main/bg_section1_4.jpg") no-repeat center/cover;
	}
	.main_section1 .main_kv_swiper .kv_visual_2 .kv_visual_slogan {
		background: url("/images/n24/main/img_main_visual4_slogan.png") no-repeat left top/90% auto;
	}
}

@media (min-width: 1024px) {
	.main_section1 .main_kv_swiper .kv_visual_3::before {
		background: url("/images/n24/main/bg_section1_3.jpg") no-repeat center/cover;
	}
	/* .main_section1 .main_kv_swiper .kv_visual_3 .kv_visual_slogan {
		background: url("/images/n24/main/img_main_visual3_slogan.png") no-repeat left top/100% auto;
	} */
}

 .main_section1 .main_kv_swiper .kv_visual_3 .kv_visual_slogan {
	background: url("/images/n24/main/img_main_visual1_slogan_m2.png") no-repeat center/auto 90%;
}

@media screen and (min-width: 1024px) {
	.main_section1 .main_kv_swiper .kv_visual_3 .kv_visual_slogan {
		background: url("/images/n24/main/img_main_visual3_slogan.png") no-repeat left top/100% auto;
	}
}



/*
@media (min-width:1024px) {
	.main_section1 .main_kv_swiper .kv_visual_4::before {
		background:url("/images/n24/main/bg_section1_4.jpg") no-repeat center/cover;
	}
}

.main_section1 .main_kv_swiper .kv_visual_4 .kv_visual_slogan {
	background:url("/images/n24/main/img_main_visual4_slogan.png") no-repeat left top/100% auto;
}
*/
.main_section1 .main_kv_swiper .kv_visual_content {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.main_section1 .main_kv_swiper .kv_visual_content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin: 51px auto 0;
		padding-top: 30.93vh;
		width: 100vw;
		min-width: 1024px;
		max-width: 1280px;
	}
}

.main_section1 .main_kv_swiper .kv_visual_slogan {
	z-index: 1;
	display: block;
	overflow: hidden;
	position: relative;
	right: 0;
	bottom: 0;
	width: 100%;
	padding-top: 23.46vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section1 .main_kv_swiper .kv_visual_slogan {
		padding-top: 84px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .main_kv_swiper .kv_visual_slogan {
		padding: 0;
		width: 780px;
		height: 210px;
	}
}

.main_section1 .main_kv_swiper .kv_visual_slogan::after {
	content: '';
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main_section1 .main_kv_swiper .kv_visual_keyword {
	display: none !important;
	z-index: 1;
	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;
	position: absolute;
	bottom: 22px;
	left: 0;
	right: 0;
}

@media screen and (min-width: 1024px) {
	.main_section1 .main_kv_swiper .kv_visual_keyword {
		margin: 0 auto;
		width: 1280px;
	}
}

.main_section1 .main_kv_swiper .kv_visual_keyword-box {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	margin: 0 0 0 30px;
	height: auto;
	border-radius: 0;
	text-align: center;
	background: none;
}

.main_section1 .main_kv_swiper .kv_visual_keyword-box::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.05);
}

.main_section1 .main_kv_swiper .kv_visual_keyword-box:first-child {
	margin-left: 0;
}

.main_section1 .main_kv_swiper .kv_visual_keyword-box span {
	display: inline-block;
	padding: 10px 0 16px;
	font-weight: 400;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.35;
	letter-spacing: -0.035em;
}

.main_section1 .main_kv_swiper .kv_visual_keyword-box.is-active {
	font-weight: 600;
	color: #FFFFFF;
}

.main_section1 .main_kv_swiper .kv_visual_keyword-box.is-active::before {
	background-color: #fff;
}

@media screen and (max-width: 1023px) {
	.main_section1 .favorite_menu_wrap {
		display: block;
		position: relative;
		margin-top: 16px;
	}
}

@media screen and (max-width: 360px) {
	.main_section1 .favorite_menu_wrap {
		margin-top: 8px;
	}
}

@media screen and (min-height: 770px) and (max-width: 430px) {
	.main_section1 .dday_wrap{margin-top:20px;}
	.main_section1 .favorite_menu_wrap {margin-bottom: 20px;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section1 .favorite_menu_wrap {
		margin: 16px auto 0;
		width: 100%;
	}
}

.main_section1 .favorite_menu_title {
	font-size: 16px;
	font-weight: 700;
	color: #121212;
	line-height: 1.3;
	letter-spacing: -0.01em;
	text-align: left;
}

@media screen and (max-width: 360px) {
	.main_section1 .favorite_menu_title {
		font-size: 14px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section1 .favorite_menu_title {
		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 (max-width: 1023px) {
	.main_section1 .favorite_menu {
		display: block;
		font-size: 4.615vw;
	}
}

@media screen and (max-width: 320px) {
	.main_section1 .favorite_menu {
		display: none;
	}
}

@media screen and (max-width: 280px) {
	.main_section1 .favorite_menu {
		display: block;
	}
}

@media screen and (min-height: 680px) and (orientation: portrait) {
	.main_section1 .favorite_menu {
		display: block;
	}
}

@media screen and (max-width: 430px) {
	.main_section.fp-auto-height-responsive.main_section1 {
		/* height: calc(100vh - 101px - 56px) !important; */
	}
}

@media screen and (min-width: 431px) and (max-width: 1023px) {
	.main_section.fp-auto-height-responsive.main_section1 {
		height: auto !important;
	}
}

.main_section2 {
	overflow: hidden;
	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: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 32px 12px;
	background: url("/images/n24/main/bg_section2.jpg") no-repeat left top/cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section2 {
		padding: 32px 4.1%;
	}
}

@media screen and (min-width: 1024px) {
	.main_section2 {
		padding: 145px 0 0;
	}
}

@media screen and (min-width: 1024px) {
	.main_section2 .main_section_stitle,
	.main_section3 .main_section_stitle {
		margin-bottom: 0;
		padding-left: 30px;
	}
}

.main_section2 .pr_notice_wrap::after {
	content: '';
	clear: both;
	display: block;
}

@media screen and (min-width: 1024px) {
	.main_section2 .pr_notice_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;
		position: relative;
		margin-top: 30px;
		width: 100%;
	}
}

.main_section2 .pr_notice_wrap.pr_notice_info {
	position: relative;
	margin-top: 24px;
	padding: 12px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.6);
}

@media screen and (min-width: 1024px) {
	.main_section2 .pr_notice_wrap.pr_notice_info {
		margin-top: 16px;
		padding: 0;
		border-radius: 0;
		background: transparent;
	}
}

.main_section2 .pr_notice_wrap.pr_notice_info .main_section_stitle {
	position: absolute;
	top: -30px;
	left: -10px;
}

@media screen and (min-width: 1024px) {
	.main_section2 .pr_notice_wrap.pr_notice_info .main_section_stitle {
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
	}
}

.main_section2 .pr_notice_wrap.pr_notice_sns {
	margin-top: 24px;
}

@media screen and (min-width: 1024px) {
	.main_section2 .pr_notice_wrap.pr_notice_sns {
		margin-top: 35px;
	}
}

@media screen and (max-width: 1023px) {
	.main_section2 .pr_notice_wrap.pr_notice_sns .section_stitle_desc {
		display: none;
	}
}

.main_section2 .pr_notice_section {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.main_section2 .pr_notice_section.size_l {
		width: 830px;
	}
}

.main_section2 .pr_notice_section.size_s .main_section_stitle {
	left: 54px;
	padding-left: 8px;
}

@media screen and (max-width: 320px) {
	.main_section2 .pr_notice_section.size_s .main_section_stitle {
		left: 50px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section2 .pr_notice_section.size_s .main_section_stitle {
		left: auto;
		padding-left: 30px;
	}
}

.main_section2 .pr_notice_section.size_s .main_section_stitle::before {
	content: '/';
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (min-width: 1024px) {
	.main_section2 .pr_notice_section.size_s .main_section_stitle::before {
	content: '';
	}
}

@media screen and (min-width: 1024px) {
	.main_section2 .pr_notice_section.size_s {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-left: 90px;
		width: 360px;
	}
	.main_section2 .pr_notice_section.size_s .main_section_stitle {
		left: 0;
	}
}

.main_section .notify_list_wrap {
	margin: -8px 0 0 !important;
}

@media screen and (min-width: 1024px) {
	.main_section .notify_list_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: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 12px 0 0 !important;
	}
}

.main_section .notify_list_item {
	float: left;
	/* overflow: hidden; */
	position: relative;
	margin-top: 12px;
	width: 33%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 320px) {
	.main_section .notify_list_item {
		width: 50%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section .notify_list_item {
		width: 25%;
	}
}

@media screen and (min-width: 1024px) {
	.main_section .notify_list_item {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		float: none;
		margin: 0;
		margin-left: 25px;
		/* 15px => 25px (1022)*/
		width: auto;
		border-radius: 20px;
		background: rgba(255, 255, 255, 0.4);
	}
	.main_section .notify_list_item:hover,
	.main_section .notify_list_item:focus {
		background: #36435E url("/images/n24/main/bg_main_quick_menu.png") no-repeat left bottom/100% auto;
	}
	.main_section .notify_list_item:hover .notify_list_text,
	.main_section .notify_list_item:focus .notify_list_text {
		color: #fff !important;
	}


}

.main_section .notify_list_item:first-child {
	margin-left: 0;
}

.main_section .notify_list_link {
	display: block;
	position: relative;
	padding: 11px 0 13px 42px;
	line-height: 1;
	text-align: left;
}

.main_section .notify_list_link::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #F0FBFD !important;
}

@media screen and (min-width: 1024px) {
	.main_section .notify_list_link {
		padding: 74px 0 10px;
		min-width: 72px;
		width: 100%;
		text-align: center;
	}
	.main_section .notify_list_link::before {
		right: 0;
		margin: 0 auto;
		width: 50px;
		height: 50px;
		top: 12px !important;
	}
}

.main_section .notify_list_text {
	font-size: 14px;
	font-weight: 500;
	color: #121212;
	line-height: 1;
	letter-spacing: -0.02em;
	white-space: nowrap;
}

@media screen and (min-width: 1024px) {
	.main_section .notify_list_text {
		font-size: 16px;
	}
}

.main_section .notify_list_item.type1 .notify_list_link::before {
	background: url("/images/n24/main/icon_notify_1.png") no-repeat center/100%;
}

.main_section .notify_list_item.type2 .notify_list_link::before {
	background: url("/images/n24/main/icon_notify_2.png") no-repeat center/100%;
}

.main_section .notify_list_item.type3 .notify_list_link::before {
	background: url("/images/n24/main/icon_notify_3.png") no-repeat center/100%;
}

.main_section .notify_list_item.type4 .notify_list_link::before {
	background: url("/images/n24/main/icon_notify_4.png") no-repeat center/100%;
}

.main_section .notify_list_item.type5 .notify_list_link::before {
	background: url("/images/n24/main/icon_notify_5.png") no-repeat center/100%;
}

.main_section .notify_list_item.type6 .notify_list_link::before {
	background: url("/images/n24/main/icon_notify_6.png") no-repeat center/100%;
}

.main_section .notify_list_item.type7 .notify_list_link::before {
	background: url("/images/n24/main/icon_notify_7.png") no-repeat center/100%;
}

.main_section .notify_list_item.type8 .notify_list_link::before {
	background: url("/images/n24/main/icon_notify_8.png") no-repeat center/100%;
}

.main_section .notify_list_item.type9 .notify_list_link::before {
	background: url("/images/n24/main/icon_notify_9.png") no-repeat center/100%;
}

.main_section .notify_list_item.type10 .notify_list_link::before {
	background: url("/images/n24/main/icon_notify_10.png") no-repeat center/100%;
}

.main_section .notify_sns_wrap {
	position: relative;
	margin-top: 8px !important;
}

.main_section .notify_sns_quick {
	position: absolute;
	top: -45px;
	right: 0;
	font-size:0;
}

.main_section .notify_sns_quick .btn_sns{
	margin-left:8px;
}

.main_section .notify_sns_list {
	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;
}

.main_section .notify_sns_item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	position: relative;
	margin-left: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 320px) {
	.main_section .notify_sns_item {
		margin-left: 25px;
		margin-left: 1.30208vw;
	}
}

@media screen and (max-width: 320px) and (min-width: 1600px) {
	.main_section .notify_sns_item {
		margin-left: 25px;
	}
}

.main_section .notify_sns_item:first-child {
	margin-left: 0;
}

.main_section .notify_sns_item:nth-child(3) {
	display: none;
}

/* 1024에서 768로 수정 */
@media screen and (min-width: 768px) {
	.main_section .notify_sns_item:nth-child(3) {
		display: block;
	}
}

.main_section .notify_sns_link {
	z-index: 1;
	display: block;
	position: relative;
	border-radius: 20px;
	background-color: #fff;
}
.main_section .notify_sns_link:focus {
	outline-offset: -2px;
}

.main_section .notify_sns_thumnail {
	z-index: -1;
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-top: 66.27%;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main_section .notify_banner_box a:focus {
	outline-offset: -2px;
}

@media screen and (min-width: 1024px) {
	.main_section .notify_sns_thumnail {
		padding-top: 56.58%;
		border-radius: 20px 20px 20px 0;
	}
	.main_section .notify_sns_thumnail:hover img,
	.main_section .notify_sns_thumnail:focus img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
}

.main_section .notify_sns_thumnail img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	-webkit-transition: -webkit-transform .35s ease-in-out;
	transition: -webkit-transform .35s ease-in-out;
	transition: transform .35s ease-in-out;
	transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}

.main_section .notify_sns_content {
	padding: 0;
	word-break: keep-all;
}

@media screen and (max-width: 1023px) {
	.main_section .notify_sns_content {
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media screen and (min-width: 1024px) {
	.main_section .notify_sns_content {
		position: relative;
		top: auto;
		left: auto;
		padding: 16px 20px 16px 28px;
		height: 86px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.main_section .notify_sns_content .sns_icon {
	overflow: hidden;
	position: absolute;
	top: 6px;
	left: 6px;
	right: auto;
	width: 24px;
	height: 24px;
	border-radius: 100%;
}

@media screen and (min-width: 1024px) {
	.main_section .notify_sns_content .sns_icon {
		top: -16px;
		left: auto;
		right: 18px;
		width: 30px;
		height: 30px;
	}
}

.main_section .notify_sns_content .sns_hashtag {
	display: none;
}

@media screen and (min-width: 1024px) {
	.main_section .notify_sns_content .sns_hashtag {
		display: block;
		font-weight: 400;
		font-size: 14px;
		line-height: 100%;
		letter-spacing: -0.02em;
	}
}

.main_section .notify_sns_content .sns_title {
	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) {
	.main_section .notify_sns_content .sns_title {
		overflow: hidden;
		display: block;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		position: static;
		top: auto;
		left: auto;
		clip-path: none;
		margin: 7px 0 0;
		width: auto;
		height: auto;
		font-size: 16px;
		font-weight: 500;
		color: #313131;
		line-height: 1.2;
		letter-spacing: -0.02em;
		text-overflow: ellipsis;
		white-space: inherit;
	}
}

.main_section .notify_banner_zoon {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 24px;
}

@media screen and (max-width: 767px) {
	.main_section .notify_banner_zoon {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media screen and (min-width: 1024px) {
	.main_section .notify_banner_zoon {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-top: 34px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section .notify_banner_zoon {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

.main_section .notify_banner_box {
	width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section .notify_banner_box {
		overflow: hidden;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		max-width: 400px;
		max-height: 140px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section .notify_banner_box {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		width: 400px;
		height: 140px;
	}
}

.main_section .notify_banner_box + .notify_banner_box {
	margin-top: 20px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section .notify_banner_box + .notify_banner_box {
		margin: 0 0 0 25px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section .notify_banner_box + .notify_banner_box {
		margin: 0 0 0 30px;
	}
}

.main_section .notify_banner_box a {
	display: block;
}
.main_section .notify_banner_box a:focus{
	outline-offset: -2px;
}
.main_section .notify_banner_box .swiper-slide img {
	z-index:-1;
	overflow: hidden;
	border-radius: 20px;
	position: relative;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .35s ease-in-out;
	transition: -webkit-transform .35s ease-in-out;
	transition: transform .35s ease-in-out;
	transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
	width: 100%;
	height: 100%;
	max-height: 140px;
}

@media screen and (min-width: 1024px) {
	.main_section .notify_banner_box .swiper-slide img:hover {
		-webkit-transform: scale(1.03);
		transform: scale(1.03);
		-webkit-transition: -webkit-transform .35s ease-in-out;
		transition: -webkit-transform .35s ease-in-out;
		transition: transform .35s ease-in-out;
		transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
	}
}

.main_section .notify_banner_box .swiper-pagination {
	bottom: 14px;
	width: auto;
	font-size: 16px;
	color: #121212;
	line-height: 1;
	text-align: center;
}

.main_section .notify_banner_box .swiper-pagination-current,
.main_section .notify_banner_box .swiper-pagination-total {
	display: inline-block;
	padding: 0 3px;
}

.main_section .notify_banner_box .swiper-pagination-current {
	font-weight: 800;
}

.main_section .notify_banner_box .swiper-control.type_auto_play {
	position: absolute;
	bottom: 12px;
	right: 17px;
	width: 43px;
	height: 20px;
}

.main_section .notify_banner_box .swiper-control.type_auto_play.type_left {
	right: auto;
	left: 100px;
}

.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-button-prev,
.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-button-next {
	cursor: pointer;
	top: auto;
	left: auto;
	bottom: 0;
	width: 12px;
	height: 20px;
}

.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-button-prev::after,
.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-button-next::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0.5px auto 0;
	width: 6px;
	height: 20px;
}

.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-button-prev {
	right: 34px;
}

.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-button-prev::after {
	background: url("/images/n24/common/icon_banner_prev.png") no-repeat left center/100% auto;
}

.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-button-next {
	right: -3px;
}

.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-button-next::after {
	background: url("/images/n24/common/icon_banner_right.png") no-repeat left center/100% auto;
}

.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-auto-control {
	z-index: 5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: -2px;
	-ms-flex-align: -2px;
	align-items: -2px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 2px;
	width: 20px;
	height: 20px;
}

.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-auto-control .swiper-start,
.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-auto-control .swiper-stop {
	cursor: pointer;
	position: absolute;
	top: auto;
	left: auto;
	top: 0;
	width: 20px;
	height: 20px;
	border-radius:50%;
}

/* .main_section .notify_banner_box .swiper-control.type_auto_play .swiper-auto-control .swiper-stop {
	width: 8px;
} */

.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-auto-control .swiper-start {
	display: none;
	background:url("/images/n24/common/icon_banner_start.png") no-repeat center center / 8px auto;
}

.main_section .notify_banner_box .swiper-control.type_auto_play .swiper-auto-control .swiper-stop {
	background:url("/images/n24/common/icon_banner_stop.png") no-repeat center center / 8px auto;
}

.main_section .main_notify_swiper .swiper-pagination {
	left: auto;
	right: 76px;
}

.main_section .main_notify_swiper2 .swiper-pagination {
	left: 19px;
	right: auto;
}

.main_section .main_notify_link {
	display: block;
}

.main_section .notify_vote_guide {
	overflow: hidden;
	position: relative;
	padding: 16px;
	border-radius: 20px;
	height: 173px;
	background: #F6F6F6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.main_section .notify_vote_guide {
		padding: 26px;
	}
}

.main_section .notify_vote_guide .vote_guide_link {
	display: block;
}

.main_section .notify_vote_guide .vote_guide_link .btn_wrap {
	margin-top: 20px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.main_section .notify_vote_guide .vote_guide_link .btn_basic {
	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;
	position: relative;
	padding: 6px 16px;
	-webkit-box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.25);
	box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 30px;
	background: #FFFFFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main_section .notify_vote_guide .vote_guide_link .btn_basic .btn_text {
	display: inline-block;
	position: relative;
	font-weight: 500;
	font-size: 16px;
	color: #313131;
	line-height: 130%;
	letter-spacing: -0.02em;
}

.main_section .notify_vote_guide .vote_guide_title {
	font-size: 17px;
	font-weight: 400;
	color: #000;
	letter-spacing: -0.02em;
	line-height: 1.3;
}

.main_section .notify_vote_guide .vote_guide_title em {
	font-size: 20px;
	font-weight: 500;
	color: #36435E;
}

@media screen and (max-width: 1023px) {
	.main_section .pr_notice_calendar {
		margin-top: 24px;
	}
}


@media screen and (max-width: 1023px) {
	.main_section .pr_notice_calendar .main_section_stitle {
		padding-left: 0 !important;
	}
	.main_section .pr_notice_calendar .main_section_stitle::before {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.main_section .pr_notice_calendar .calendar_layer_wrap {
		display: none;
	}
	.main_section .pr_notice_calendar .calendar_layer_wrap.is-active {
		z-index: 117;
		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;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main_section .pr_notice_calendar .calendar_layer_wrap.is-active::before {
		content: '';
		z-index: -1;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.75);
	}
}

@media screen and (min-width: 1024px) {
	.main_section .pr_notice_calendar .calendar_layer_wrap {
		display: block;
	}
}

.main_section .pr_notice_calendar .calendar_layer_wrap .btn_layer_close {
	display: block;
	position: fixed;
	top: 20px;
	right: 15px;
	width: 24px;
	height: 24px;
	background: url("/images/n24/main/bg_calendar_close.png") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	.main_section .pr_notice_calendar .calendar_layer_wrap .btn_layer_close {
		display: none;
	}
}

.main_section .pr_notice_calendar .calendar_layer_inner {
	padding: 0 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.main_section .pr_notice_calendar .calendar_layer_inner {
		padding: 0;
	}
}

.main_section .pr_notice_calendar .calendar_layer_inner .main_section_stitle {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	color: #121212;
}

@media screen and (max-width: 1023px) {
	.main_section .pr_notice_calendar .calendar_layer_inner .main_section_stitle {
		color: #fff;
	}
}

@media screen and (min-width: 1024px) {
	.main_section .pr_notice_calendar .calendar_layer_inner .main_section_stitle {
		position: relative;
		top: -2px;
		font-size: 20px;
		font-weight: 700;
	}
}

.main_section .pr_notice_calendar .btn_wrap {
	display: none;
}

@media screen and (max-width: 1023px) {
	.main_section .pr_notice_calendar .btn_wrap {
		display: block;
	}
}

.main_section3 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-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: 32px 12px;
	background: url("/images/n24/main/bg_section3.jpg") no-repeat left top/cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section3 {
		padding: 80px 4.1% 60px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section3 {
		padding: 80px 0 0;
		/* padding:100px 0 0; */
	}
}

@media screen and (min-width: 1024px) {
	.main_section3 .main_section_inner {
		margin-top: 35px;
		padding: 0;
	}
}

.main_section3 .main_vote_wrap {
	width: 100%;
}

.main_section3 .main_vote_wrap .tab_wrap {
	-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;
	text-align: center;
}

@media screen and (max-width: 320px) {
	.main_section3 .main_vote_wrap .tab_nav_wrap {
		overflow-x: auto;
	}
}

.main_section3 .main_vote_wrap .tab_nav_list {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-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: center;
	-ms-flex-pack: center;
	justify-content: center;
	/* overflow: hidden; */
	position: relative;
	margin: 0 auto;
	border-radius: 60px;
	background-color: #fff;
}

@media screen and (max-width: 1023px) {
	.main_section3 .main_vote_wrap .tab_nav_list {
		border-radius: 68px;
		border-radius: 7.69231vw;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

.main_section3 .main_vote_wrap .tab_nav_item {
	position: relative;
}

.main_section3 .main_vote_wrap .tab_nav_item::before {
	content: '';
	z-index: 0;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 15px;
	background-color: #999;
}

.main_section3 .main_vote_wrap .tab_nav_item:first-child::before {
	background-color: transparent;
}

.main_section3 .main_vote_wrap .tab_nav_item.is-active {
	color: #034aff;
	font-weight: 800;
}

.main_section3 .main_vote_wrap .tab_nav_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 20px;
	border-radius: 30px;
}

@media screen and (max-width: 767px) {
	.main_section3 .main_vote_wrap .tab_nav_link {
		padding: 2.5641vw 5.12821vw;
		border-radius: 7.69231vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section3 .main_vote_wrap .tab_nav_link {
		padding: 15px 30px;
		border-radius: 30px;
	}
}

@media screen and (min-width: 1024px) {
	.main_section3 .main_vote_wrap .tab_nav_link {
		padding: 10px 48px;
	}
}

.main_section3 .main_vote_wrap .tab_nav_text {
	font-size: 16px;
	font-weight: 600;
	color: #555;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

@media screen and (min-width: 1024px) {
	.main_section3 .main_vote_wrap .tab_nav_text {
		font-size: 18px;
	}
}

.main_section3 .main_vote_wrap .tab_nav_item.is-active::before,
.main_section3 .main_vote_wrap .tab_nav_item.is-active + .tab_nav_item::before {
	background-color: transparent;
}

.main_section3 .main_vote_wrap .tab_nav_item.is-active .tab_nav_link {
	background-color: #2F3849;
}
.main_section3 .main_vote_wrap .tab_nav_item.is-active .tab_nav_link:focus-visible {
	outline:3px dotted #2F3849;
}

.main_section3 .main_vote_wrap .tab_nav_item.is-active .tab_nav_text {
	font-weight: 700;
	color: #fff;
}

.main_section3 .main_vote_wrap .tab_content {
	display: none;
	padding-top: 16px;
}

@media screen and (max-width: 1023px) {
	.main_section3 .main_vote_wrap .tab_content {
		padding-top: 36.26667px;
		padding-top: 4.10256vw;
	}
}

@media screen and (min-width: 1024px) {
	.main_section3 .main_vote_wrap .tab_content {
		padding-top: 30px;
	}
}

.main_section3 .main_vote_wrap .tab_content.is-active {
	display: block;
}

.main_section .vote_infomation_wrap {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
	.main_section .vote_infomation_wrap {
		padding: 27.2px;
		padding: 3.07692vw;
		border-radius: 34px;
		border-radius: 3.84615vw;
		border-radius: 20px;
		-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05);
		box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05);
		background-color: #fff;
	}
}

.main_section .vote_infomation_wrap .vote_quick_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%;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section .vote_infomation_wrap .vote_quick_list {
		width: auto;
	}
}

@media screen and (min-width: 1024px) {
	.main_section .vote_infomation_wrap .vote_quick_list {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.main_section .vote_infomation_wrap .vote_quick_item {
	position: relative;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_section .vote_infomation_wrap .vote_quick_item {
		width: 33%;
		text-align: left;
	}
	.main_section .vote_infomation_wrap .vote_quick_item br {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.main_section .vote_infomation_wrap .vote_quick_item {
		width: 50%;
	}
}

@media screen and (min-width: 1024px) {
	.main_section .vote_infomation_wrap .vote_quick_item {
		margin-left: 30px;
	}
}

.main_section .vote_infomation_wrap .vote_quick_link {
	display: block;
	position: relative;
	padding: 8px 4.72% 8px 17px;
	font-size: 15px;
	font-weight: 500;
	color: #121212;
	line-height: 1.2;
	letter-spacing: -0.01em;
	white-space: nowrap;
	text-align: left;
}

@media screen and (max-width: 1023px) {
	.main_section .vote_infomation_wrap .vote_quick_link br {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.main_section .vote_infomation_wrap .vote_quick_link {
		display: block;
		position: relative;
		padding: 93px 0 0;
		width: 90px;
		text-align: center;
	}
}

.main_section .vote_infomation_wrap .vote_quick_link::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 6px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #121212;
}

@media screen and (min-width: 1024px) {
	.main_section .vote_infomation_wrap .vote_quick_link::before {
		top: 0;
		left: 0;
		right: 0;
		-webkit-transform: none;
		transform: none;
		margin: 0 auto;
		width: 100%;
		height: 80px;
		border-radius: 20px;
		-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05);
		box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.05);
		background: #FFFFFF;
	}
}

@media screen and (min-width: 1024px) {
	.main_section .vote_infomation_wrap .vote_quick_link::after {
		content: '';
		position: absolute;
		top: 18px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: auto;
		height: 40px;
	}
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='투표율 정보']::after {
	background: url("/images/n24/main/icon_vote_info_1.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='선거통계']::after {
	background: url("/images/n24/main/icon_vote_info_2.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='선거일정']::after {
	background: url("/images/n24/main/icon_vote_info_3.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='선거자료']::after {
	background: url("/images/n24/main/icon_vote_info_4.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='선거법규']::after,
.main_section .vote_infomation_wrap .vote_quick_link[data-title='법규정보']::after {
	background: url("/images/n24/main/icon_vote_info_5.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='서면/인터넷<br>질의보기']::after {
	background: url("/images/n24/main/icon_vote_info_6.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='판례보기']::after {
	background: url("/images/n24/main/icon_vote_info_7.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='자주묻는<br>질문']::after,
.main_section .vote_infomation_wrap .vote_quick_link[data-title='선거법<br>알리미']::after,
.main_section .vote_infomation_wrap .vote_quick_link[data-title='선거법 알리미']::after {
	background: url("/images/n24/main/icon_vote_info_8.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='정책공약마당']::after {
	background: url("/images/n24/main/icon_vote_info_9.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='정당등록현황']::after {
	background: url("/images/n24/main/icon_vote_info_10.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='창당준비위원회']::after {
	background: url("/images/n24/main/icon_vote_info_11.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='정책연구소']::after {
	background: url("/images/n24/main/icon_vote_info_12.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='강령·당헌']::after {
	background: url("/images/n24/main/icon_vote_info_13.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='역대 후보자<br>선전물']::after {
	background: url("/images/n24/main/icon_vote_info_14.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='정치자금']::after {
	background: url("/images/n24/main/icon_vote_info_15.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='후원회 정보']::after {
	background: url("/images/n24/main/icon_vote_info_16.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='후원금/기탁금<br>기부']::after {
	background: url("/images/n24/main/icon_vote_info_17.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='후원회<br>등록절차']::after {
	background: url("/images/n24/main/icon_vote_info_18.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='교육 연수계획']::after {
	background: url("/images/n24/main/icon_vote_info_19.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='민주시민<br>연수신청']::after {
	background: url("/images/n24/main/icon_vote_info_20.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='미래지도자<br>열린캠프']::after {
	background: url("/images/n24/main/icon_vote_info_21.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='온라인 교육']::after {
	background: url("/images/n24/main/icon_vote_info_22.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='민주시민<br>교육자료']::after {
	background: url("/images/n24/main/icon_vote_info_23.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='연구자료/<br>학술지']::after {
	background: url("/images/n24/main/icon_vote_info_24.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='유권자<br>정치페스티벌']::after {
	background: url("/images/n24/main/icon_vote_info_25.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_link[data-title='학교<br>선거교실']::after {
	background: url("/images/n24/main/icon_vote_info_26.png") no-repeat center/auto 100%;
}

.main_section .vote_infomation_wrap .vote_quick_text {
	font-size: 16px;
	font-weight: 400;
	color: #121212;
	line-height: 1.3;
	letter-spacing: -0.02em;
}

@media screen and (min-width: 1024px) {
	.main_section .vote_infomation_wrap .vote_quick_text {
		font-size: 17px;
	}
}

.main_section .vote_data_wrap {
	margin-top: 39px;
}

@media screen and (min-width: 1024px) {
	.main_section .vote_data_wrap {
		margin-top: 32px;
	}
}

.main_section .vote_data_wrap .tab_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media screen and (min-width: 1024px) {
	.main_section .vote_data_wrap .tab_wrap {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

.main_section .vote_data_wrap .tab_nav_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.main_section .vote_data_wrap .tab_nav_wrap {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 170px;
	}
}

.main_section .vote_data_wrap .tab_nav_list {
	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;
	position: relative;
	margin-top: -11px;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.main_section .vote_data_wrap .tab_nav_list {
		display: block;
		margin-top: 0;
	}
}

.main_section .vote_data_wrap .tab_nav_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	margin-top: 11px;
	width: 50%;
}

@media screen and (min-width: 1024px) {
	.main_section .vote_data_wrap .tab_nav_item {
		display: block;
		margin-top: 10px;
		width: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.main_section .vote_data_wrap .tab_nav_item:first-child {
		margin-top: 0;
	}
}

.main_section .vote_data_wrap .tab_nav_item:hover .tab_nav_link,
.main_section .vote_data_wrap .tab_nav_item:focus .tab_nav_link,
.main_section .vote_data_wrap .tab_nav_item.is-active .tab_nav_link {
	border-bottom-color: #121212;
}

.main_section .vote_data_wrap .tab_nav_item:hover .tab_nav_text,
.main_section .vote_data_wrap .tab_nav_item:focus .tab_nav_text,
.main_section .vote_data_wrap .tab_nav_item.is-active .tab_nav_text {
	font-weight: 800;
	color: #121212;
}

.main_section .vote_data_wrap .tab_nav_link {
	position: relative;
	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-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #E3E3E3;
	word-break: keep-all;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.main_section .vote_data_wrap .tab_nav_link {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

.main_section .vote_data_wrap .tab_nav_text {
	position: relative;
	display: block;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	letter-spacing: -0.01em;
}

@media screen and (min-width: 1024px) {
	.main_section .vote_data_wrap .tab_nav_text {
		width: 100%;
		padding-right: 12px;
		font-size: 16px;
		color: #555;
		line-height: 1;
		text-align: left;
	}
	.main_section .vote_data_wrap .tab_nav_item.is-active .tab_nav_text::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 12px;
		height: 5px;
		background: url("/images/n24/main/bg_arrow_link.png") no-repeat right top/100% auto;
	}
}

.main_section .vote_data_wrap .tab_content {
	display: none;
}

@media screen and (min-width: 1024px) {
	.main_section .vote_data_wrap .tab_content {
		margin-left: 89px;
	}
}

.main_section .vote_data_wrap .tab_content.is-active {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
}

.main_section .vote_data_content {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.main_section .vote_data_content {
		overflow: hidden;
		padding: 32px 40px;
		border-radius: 20px 0px 20px 20px;
		border: 1px solid #FDF3EF;
		background: #FFFFFF;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main_section .vote_data_content::before {
		content: '';
		z-index: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 310px;
		background: #fff url("/images/n24/main/bg_main_vote_data.jpg") no-repeat left bottom/cover;
	}
	.main_section .vote_data_content::after {
		content: '';
		z-index: 0;
		position: absolute;
		bottom: 40px;
		left: 40px;
		width: 88px;
		height: 106px;
		background: transparent url("/images/n24/common/img_main_vote_character.png") no-repeat left bottom/cover;
	}
	.main_section .vote_data_content.no_character::after {
		display: none;
	}
}

.vote_detail_group {
	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;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding-top: 4px;
}

@media screen and (min-width: 1024px) {
	.vote_detail_group {
		padding-top: 0;
	}
}

.vote_detail_item {
	position: relative;
	margin-top: 8px;
	padding: 16px 12px;
	width: calc(50% - 4px);
	border-radius: 0px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
	.vote_detail_item:nth-child(even) {
		margin-left: 8px;
	}
}

@media screen and (max-width: 320px) {
	.vote_detail_item {
		width: 100%;
	}
	.vote_detail_item:nth-child(even) {
		margin-left: 0;
	}
}

@media screen and (min-width: 1024px) {
	.vote_detail_item {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-top: 0;
		padding-top: 0;
		margin-left: 20px;
		padding: 20px 25px;
		border-radius: 25px 25px 25px 0px;
	}
	.vote_detail_item:first-child {
		margin-left: 0;
	}
}

.vote_detail_title {
	display: block;
	position: relative;
	padding: 0 2px 7px;
	font-size: 16px;
	font-weight: 700;
	color: #121212;
	line-height: 1.3;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.vote_detail_title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.2);
}

.vote_detail_list {
	margin-top: 16px;
}

@media screen and (max-width: 1023px) {
	.vote_detail_list {
		margin-top: 27.2px;
		margin-top: 3.07692vw;
	}
}

@media screen and (min-width: 1024px) {
	.vote_detail_list {
		height: 160px;
		overflow-y: auto;
	}
	.vote_detail_list::-webkit-scrollbar {
		width: 6px;
	}
	.vote_detail_list::-webkit-scrollbar-thumb {
		background-color: #2F3849;
		border-radius: 10px;
	}
	.vote_detail_list::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: rgba(0, 0, 0, 0.25);
	}
}

.vote_detail_li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin-top: 6px;
	min-height: 25px;
	padding-left: 32px;
	font-size: 14px;
	font-weight: 400;
	color: #121212;
	line-height: 1;
	letter-spacing: -0.01em;
	word-break: keep-all;
	text-align: left;
}

@media screen and (min-width: 1024px) {
	.vote_detail_li {
		margin-top: 8px;
		padding-left: 36px;
		font-size: 16px;
	}
}

.vote_detail_li::before {
	content: '';
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
}

@media screen and (min-width: 1024px) {
	.vote_detail_li::before {
		top: 0;
		width: 25px;
		height: 25px;
	}
}

.vote_detail_li::after {
	content: '';
	z-index: 0;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border-radius: 6px;
}

@media screen and (min-width: 1024px) {
	.vote_detail_li::after {
		width: 25px;
		height: 25px;
		border-radius: 5px;
	}
}

.vote_detail_li:first-child {
	margin-top: 0;
}

.vote_detail_li[data-title='선거일정']::before,
.vote_detail_li[data-title='선거현황']::before {
	background: url("/images/n24/main/icon_vote_data1.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='선거구 및 읍면동']::before,
.vote_detail_li[data-title='내 선거구 확인']::before {
	background: url("/images/n24/main/icon_vote_data2.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='선거인명부 작성현황']::before,
.vote_detail_li[data-title='선거인명부 확정현황']::before,
.vote_detail_li[data-title='선거인명부']::before {
	background: url("/images/n24/main/icon_vote_data3.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='사전투표소 현황']::before {
	background: url("/images/n24/main/icon_vote_data4.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='선거일투표소 현황']::before {
	background: url("/images/n24/main/icon_vote_data5.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='내 투표소 찾기 연결']::before,
.vote_detail_li[data-title='투표소 찾기 연결']::before {
	background: url("/images/n24/main/icon_vote_data28.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='개표소 현황']::before {
	background: url("/images/n24/main/icon_vote_data6.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='예비후보자 등록수']::before {
	background: url("/images/n24/main/icon_vote_data7.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='예비후보자 명부']::before {
	background: url("/images/n24/main/icon_vote_data8.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='사퇴/사망/등록무효']::before {
	background: url("/images/n24/main/icon_vote_data9.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='예비후보자 통계']::before {
	background: url("/images/n24/main/icon_vote_data10.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='후보자 등록수']::before {
	background: url("/images/n24/main/icon_vote_data11.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='후보자 명부']::before,
.vote_detail_li[data-title='후보자']::before {
	background: url("/images/n24/main/icon_vote_data12.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='무투표선거구 후보자명부']::before {
	background: url("/images/n24/main/icon_vote_data13.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='사퇴/사망/등록무효']::before {
	background: url("/images/n24/main/icon_vote_data14.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='후보자 통계']::before {
	background: url("/images/n24/main/icon_vote_data15.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='사전투표현황']::before,
.vote_detail_li[data-title='사전투표 현황']::before,
.vote_detail_li[data-title='사전투표 진행상황']::before {
	background: url("/images/n24/main/icon_vote_data16.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='투표현황']::before,
.vote_detail_li[data-title='투표 현황']::before,
.vote_detail_li[data-title='투표 진행상황']::before {
	background: url("/images/n24/main/icon_vote_data17.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='개표현황']::before,
.vote_detail_li[data-title='개표 현황']::before,
.vote_detail_li[data-title='개표 진행상황']::before {
	background: url("/images/n24/main/icon_vote_data18.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='개표단위별 개표결과']::before {
	background: url("/images/n24/main/icon_vote_data19.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='당선인 명부']::before,
.vote_detail_li[data-title='당선인명부']::before,
.vote_detail_li[data-title='당선인현황']::before,
.vote_detail_li[data-title='당선인 현황']::before {
	background: url("/images/n24/main/icon_vote_data20.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='무투표당선인명부']::before {
	background: url("/images/n24/main/icon_vote_data21.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='당선인 통계']::before {
	background: url("/images/n24/main/icon_vote_data22.svg") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='선거인수']::before {
	background: url("/images/n24/main/icon_vote_data23.png") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='선거구수 및 정수현황']::before {
	background: url("/images/n24/main/icon_vote_data24.png") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='정당현황 및 정책']::before {
	background: url("/images/n24/main/icon_vote_data25.png") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='투표율 변동추이']::before {
	background: url("/images/n24/main/icon_vote_data26.png") no-repeat left top/100% auto;
}

.vote_detail_li[data-title='사전투표율 변동추이']::before {
	background: url("/images/n24/main/icon_vote_data27.png") no-repeat left top/100% auto;
}

.vote_detail_item.type1 {
	background-color: #CDE5ED;
}

.vote_detail_item.type1 .vote_detail_li::after {
	background-color: #83BBCD;
}

.vote_detail_item.type2 {
	background-color: #D7E5F6;
}

.vote_detail_item.type2 .vote_detail_li::after {
	background-color: #98B2D0;
}

.vote_detail_item.type3 {
	background-color: #E1DAF4;
}

.vote_detail_item.type3 .vote_detail_li::after {
	background-color: #AD9FD4;
}

.vote_detail_item.type4 {
	background-color: #EED9F3;
}

.vote_detail_item.type4 .vote_detail_li::after {
	background-color: #C396CD;
}

body.fp-viewing-anchor1 .main_scroll_down::before {
	background: #fff;
}

body.fp-viewing-anchor1 .main_scroll_down .ani_dot {
	background: url("/images/n24/common/icon_nec_mark_w.png") no-repeat center/100%;
}

body.fp-viewing-anchor1 .main_scroll_down p {
	color: #fff;
}

body.fp-viewing-anchor1 .main_section_anchor .fp_anchor_li:not(.active) .fp_anchor_link .anchor_text {
	color: #F3F3F3;
}

body.fp-viewing-anchor1 .main_section_anchor .fp_anchor_li:not(.active) .fp_anchor_link .anchor_text::before {
	background-color: #fff;
}

/*
body.fp-viewing-3 .main_scroll_down,
body.fp-viewing-3 .main_section_anchor {
	opacity: 0;
}*/

@-webkit-keyframes upDownDot {
	0% {
		left: 0;
	}
	50% {
		left: 95%;
	}
	100% {
		left: 0;
	}
}

@keyframes upDownDot {
	0% {
		left: 0;
	}
	50% {
		left: 95%;
	}
	100% {
		left: 0;
	}
}

@-webkit-keyframes zoomIn {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1.01);
		transform: scale(1.01);
	}
}

@keyframes zoomIn {
	0% {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}
	100% {
		-webkit-transform: scale(1.01);
		transform: scale(1.01);
	}
}

@-webkit-keyframes KVbarAnimation {
	0% {
	}
	10% {
		left: 0;
	}
	40% {
		left: 436px;
	}
	80% {
		left: 872px;
	}
	100% {
		left: 100vw;
	}
}

@keyframes KVbarAnimation {
	0% {
	}
	10% {
		left: 0;
	}
	40% {
		left: 436px;
	}
	80% {
		left: 872px;
	}
	100% {
		left: 100vw;
	}
}

.total_search_wrap {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.total_search_wrap {
		position: static;
		padding: 70px 0 0;
	}
}

.total_search_head {
	margin: 0 -20px;
	padding: 20px 20px;
	background-color: #F6F6F6;
}

@media screen and (min-width: 1024px) {
	.total_search_head {
		position: relative;
		/* 241031 추가*/
		margin: 0;
		padding: 0;
		background-color: transparent;
	}
	.wrap:not(.main) .container.bg_none .total_search_head::before {
		content: '';
		z-index: -1;
		position: absolute;
		bottom: 0;
		left: -23vw;
		right: -23vw;
		margin: 0 auto;
		width: 100vw;
		height: 460px;
		background: #F6F6F6 url("/images/n24/common/bg_visual_total_search.jpg") repeat-x center top/auto 100%;
	}
}

.total_search_top,
.total_search_box {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.total_search_top,
	.total_search_box {
		width: 970px;
	}
}

.total_search_title {
	font-size: 18px;
	font-weight: 400;
	color: #1D1D1D;
	line-height: 1.2;
	word-break: keep-all;
	text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.total_search_title {
		font-size: 20px;
	}
}

@media screen and (min-width: 1024px) {
	.total_search_title {
		font-size: 24px;
		line-height: 1;
	}
}

.total_search_keyword,
.total_search_count {
	font-weight: 700;
}

.total_search_count .count {
	color: #FF0000;
}

.total_search_box {
	position: relative;
	margin-top: 20px;
	padding-bottom: 0;
}

@media screen and (min-width: 1024px) {
	.total_search_box {
		margin-top: 35px;
		padding-bottom: 60px;
	}
	.total_search_box::before {
		content: '';
		position: absolute;
		bottom: -13px;
		left: -197px;
		width: 158px;
		height: 213px;
		background: url("/images/n24/common/img_character_total_search1.png") no-repeat left top/100% auto;
	}
}

.total_search_box > form {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.total_search_box > form {
		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;
	}
}

.total_search_box .serach_wrap {
	padding: 0 6%;
	white-space: nowrap;
}

@media screen and (min-width: 1024px) {
	.total_search_box .serach_wrap {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-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;
		margin-left: 100px;
		padding: 0;
	}
}

.total_search_box .input_box {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 51vw;
}

@media screen and (min-width: 1024px) {
	.total_search_box .input_box {
		width: 570px;
	}
}

.total_search_box .input_box input {
	padding-right: 40px;
	height: 42px;
}

@media screen and (min-width: 1024px) {
	.total_search_box .input_box input {
		padding-right: 65px;
		height: 61px;
	}
}

.total_search_box .input_box .btnSearch {
	position: absolute;
	right: 0;
	padding: 0 16px;
	width: 18px;
	height: 100%;
	-webkit-box-sizing: initial;
	box-sizing: initial;
}

@media screen and (min-width: 1024px) {
	.total_search_box .input_box .btnSearch {
		right: 15px;
		padding: 0 15px;
	}
}

.total_search_box .input_box .btnSearch::before {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 18px;
	height: 18px;
	background: url("/images/n24/common/icon_search_normal.png") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	.total_search_box .input_box .btnSearch::before {
		width: 22px;
		height: 22px;
	}
}

.total_search_box .btnDetailSearch {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	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-left: 0.76vw;
	padding: 0 3.84vw;
	height: 42px;
	border-radius: 30px;
	background: #303646;
}
.total_search_box .btnDetailSearch:focus-visible {
	outline: 3px dotted #000;
}

@media screen and (min-width: 1024px) {
	.total_search_box .btnDetailSearch {
		margin-left: 7px;
		padding: 0 34px;
		height: 60px;
	}
}

.total_search_box .btnDetailSearch .btn_text {
	position: relative;
	padding-right: 17px;
	font-size: 14px;
	font-weight: 700;
	color: #FFF;
	line-height: 1.35;
	letter-spacing: -0.01em;
}

@media screen and (min-width: 1024px) {
	.total_search_box .btnDetailSearch .btn_text {
		padding-right: 24px;
		font-size: 18px;
	}
}

.total_search_box .btnDetailSearch .btn_text::before {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	width: 12px;
	height: 12px;
	background: url("/images/n24/common/icon_search_detail.png") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	.total_search_box .btnDetailSearch .btn_text::before {
		width: 14px;
		height: 14px;
	}
}

@media screen and (max-width: 1023px) {
	.total_search_box .inputSet {
		display: block;
		margin-top: 8px;
		margin-left: 20px;
	}
}

@media screen and (min-width: 1024px) {
	.total_search_box .inputSet {
		margin: 0 0 0 12px;
	}
}

.total_search_box .inputSet label {
	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;
	color: #000;
}

.total_search_detail {
	position: relative;
	margin-top: 8px;
	padding: 34.5px 5.12vw 20px;
	border: 1px solid #DEDEDE;
	border-radius: 20px;
	width: 100%;
	background: #FFFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.total_search_detail {
		margin-top: 20px;
		padding: 36px 110px 39px 60px;
		max-width: 970px;
	}
}

.total_search_detail::before {
	content: '';
	z-index: 0;
	opacity: 1;
	position: absolute;
	top: -13px;
	right: 50px;
	width: 26px;
	height: 13px;
	background: url("/images/n24/common/bg_total_search_tail.png") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	.total_search_detail::before {
		opacity: 0;
	}
}

.total_search_detail .search_detail_option li {
	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;
	position: relative;
	margin-top: 15px;
	line-height: 1;
}

@media screen and (max-width: 1023px) {
	.total_search_detail .search_detail_option li {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

.total_search_detail .search_detail_option li:first-child {
	margin-top: 0;
}

.total_search_detail .search_detail_option li .input_set_head {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-right: 10px;
	font-weight: 700;
	color: #1D1D1D;
	line-height: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 149.6px;
	width: 16.92308vw;
	font-size: 14px;
}

@media screen and (max-width: 1023px) {
	.total_search_detail .search_detail_option li .input_set_head {
		width: 59px;
		font-size: 14px;
	}
}

@media screen and (min-width: 1024px) {
	.total_search_detail .search_detail_option li .input_set_head {
		width: 93px;
		padding-right: 15px;
		font-size: 18px;
	}
}

.total_search_detail .search_detail_option li .input_set_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.total_search_detail .search_detail_option li .input_set_wrap .inputSet {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

@media screen and (max-width: 1023px) {
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet {
		margin: 0 2.56vw 0 0;
	}
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet:last-child {
		margin-right: 0;
	}
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet.search_option_date {
		position: absolute;
		top: 38px;
		left: 0;
	}
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet.search_input_date {
		margin-top: 14px;
		margin-left: 14px;
	}
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet.search_input_date .useDatepicker {
		width: 25.64vw;
		height: 30px !important;
		background-size: 15px auto;
	}
}

@media screen and (max-width: 1023px) {
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet.search_input_date .useDatepicker {
		font-size: 10px;
	}
}

@media screen and (max-width: 1023px) {
	.total_search_detail .search_detail_option li .input_set_wrap .inputSet.search_input_date .division {
		padding: 0 6px;
	}
}

.total_search_detail .btn_close_detail {
	position: absolute;
	top: 12px;
	right: 15px;
	width: 14px;
	height: 14px;
	background: url("/images/n24/common/btn_close_detail.svg") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	.total_search_detail .btn_close_detail {
		top: 20px;
		right: 20px;
		width: 20px;
		height: 20px;
	}
}

.total_search_result {
	position: relative;
	margin-top: 24px;
}

@media screen and (min-width: 1024px) {
	.total_search_result {
		margin-top: 60px;
	}
}

.total_search_result {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.total_search_result {
		position: relative;
		width: 970px;
	}
}

.total_search_result .leftArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
}

.total_search_result .leftArea h4 {
	margin-top: 100px;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 500;
	color: #1D1D1D;
	line-height: 1;
}

@media screen and (min-width: 1024px) {
	.total_search_result .leftArea h4 {
		margin-bottom: 0;
		font-size: 24px;
	}
}

.total_search_result .leftArea h4:first-child {
	margin-top: 0;
}

.total_search_result .leftArea .keyword {
	font-weight: 600;
	color: #925CD7;
}

.total_search_result .leftArea .timeItem {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	position: relative;
	margin-top: 10px;
	padding-left: 19px;
	font-size: 14px;
	font-weight: 400;
	color: #777777;
	line-height: 1;
	text-align: right;
}

@media screen and (min-width: 1024px) {
	.total_search_result .leftArea .timeItem {
		margin: 0;
	}
}

.total_search_result .leftArea .timeItem::before {
	content: '';
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 13px;
	height: 13px;
	background: url("/images/n24/common/icon_clock.png") no-repeat left top/100% auto;
}

.total_search_result .leftArea .timeItem > em {
	color: #FF0000;
}

.total_search_result .leftArea .tabBar {
	margin-top: 18px;
	margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
	.total_search_result .leftArea .tabBar {
		margin-top: 30px;
		margin-bottom: 16px;
	}
}

@media screen and (max-width: 1023px) {
	.page_content .total_search_result .tabBar:first-of-type > li {
		width:calc(50% - 5px) !important;
	}
}

.total_search_result .leftArea .tabBar li a {
	white-space: nowrap;
}

.total_search_result .leftArea .tabBar + h5 {
	margin-top: 0;
}

.total_search_result .leftArea .tabBar.type4 {
	margin: 8px auto 20px;
}

@media screen and (max-width: 1023px) {
	.total_search_result .leftArea .tabBar + * {
		margin-top: 8px;
		margin-bottom: 23px;
	}
	.total_search_result .leftArea .tabBar.type4 {
		overflow-x:scroll;
	}
	.total_search_result .leftArea .tabBar.type4 > ul {
		display: flex;
		flex-direction:row;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-left:20px;
	}
	.total_search_result .leftArea .tabBar.type4 > ul li {
		margin:0 0 10px;
		width:50%;
	}
}

.total_search_result .leftArea h5 {
	position: relative;
	margin-top: 40px;
	margin-bottom: 8px;
	padding-left: 0;
	font-size: 18px;
	width: 100%;
	font-weight: 700;
	color: #333;
	line-height: 1.35;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.total_search_result .leftArea h5::before {
	display: none;
}

@media screen and (min-width: 1024px) {
	.total_search_result .leftArea h5 {
		margin-top: 40px;
		padding-left: 38px;
		font-size: 24px;
	}
	.total_search_result .leftArea h5::before {
		content: '';
		display: block;
		position: absolute;
		top: 6px;
		left: 0;
		width: 30px;
		height: 26px;
		background: url("/images/n24/common/icon_total_menu1.png") no-repeat left top/auto 100%;
	}
}

.total_search_result .leftArea h5 * {
	font-weight: inherit;
}

.total_search_result .leftArea h5:nth-of-type(1) {
	margin-top: 0;
}

.total_result_content {
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #303646;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.total_result_content .searchMore {
	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: 10px;
	padding: 10px;
	border: 1px solid #DEDEDE;
	border-radius: 6px;
	background: #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.total_result_content .searchMore {
		padding: 20px;
	}
}

.total_result_content .searchMore .btn_text {
	position: relative;
	padding-right: 27px;
	font-size: 15px;
	font-weight: 400;
	color: #333;
	letter-spacing: -1px;
	line-height: 1.25;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.total_result_content .searchMore .btn_text {
		font-size: 16px;
	}
}

.total_result_content .searchMore .btn_text::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	background: url("/images/n24/common/bg_more_view.png") no-repeat left center/auto 100%;
}

@media screen and (min-width: 1024px) {
	.total_result_content .searchMore .btn_text::before {
		width: 19px;
		height: 19px;
	}
}

.total_result_list {
	padding: 20px 0 10px;
}

.total_result_list + .total_result_list {
	margin-top: 0;
	padding-top: 10px;
}

.total_result_list li {
	margin-top: 20px;
}

.total_result_list li:first-child {
	margin-top: 0;
}

.total_result_list li .board_title {
	display: block;
}

.total_result_list li .file {
	display: none;
}

.total_result_list li .img {
	width: 175px;
	height: 110px;
}

.total_result_list li .title {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	letter-spacing: -0.01em;
	line-height: 1.16;
	word-break: keep-all;
}

@media screen and (min-width: 1024px) {
	.total_result_list li .title {
		font-size: 18px;
	}
}

.total_result_list li .point {
	color: #925CD7;
}

.total_result_list li .board_category {
	margin-left: 2px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.16;
}

@media screen and (min-width: 1024px) {
	.total_result_list li .board_category {
		font-size: 16px;
	}
}

.total_result_list li .location {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #777;
	line-height: 1.18;
	letter-spacing: -0.01em;
}

@media screen and (min-width: 1024px) {
	.total_result_list li .location {
		margin-top: 15px;
		font-size: 16px;
	}
}

.total_result_list li .desc {
	margin-top: 10px;
	font-size: 14px;
	color: #878787;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media screen and (min-width: 1024px) {
	.total_result_list li .desc {
		margin-top: 11px;
		font-size: 16px;
	}
}

.total_result_list li.thumb {
	position: relative;
	margin-top: 10px;
	padding: 0 0 20px;
	padding-right: 34.61%;
	min-height: 75px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.total_result_list li.thumb {
		padding-right: 190px;
		min-height: 110px;
	}
}

.total_result_list li.thumb:first-child {
	margin-top: 0;
}

.total_result_list li.thumb .img {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 6px;
	width: 30.76%;
	height: 19.23vw;
	max-width: 120px;
	max-height: 75px;
}

@media screen and (min-width: 1024px) {
	.total_result_list li.thumb .img {
		width: 100%;
		height: 100%;
		max-width: 175px;
		max-height: 110px;
	}
}

.total_result_list li.thumb .img > img {
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 auto;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1023px) {
	.total_result_content .cardList.thumb li a {
		padding-left: 0;
		padding-right: 190px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.total_result_content .cardList.thumb li a {
		min-height: 157px;
	}
}

@media screen and (max-width: 1023px) {
	.total_result_content .cardList.thumb li a .img {
		left: auto;
		right: 0;
	}
}

@media screen and (max-width: 1023px) {
	.total_result_content .cardList.thumb li a .title {
		font-size: 16px;
	}
}

@media screen and (max-width: 1023px) {
	.total_result_content .cardList.thumb li a .date {
		font-size: 14px;
	}
}

.totalSearchNone {
	margin: 50px auto;
	padding: 140px 0 0;
	text-align: center;
	background: url("/images/n24/common/icon_total_search_nodata.jpg") no-repeat center top/128px auto;
}

@media screen and (min-width: 1024px) {
	.totalSearchNone {
		margin: 40px auto;
		padding-top: 8px;
		padding-left: 187px;
		min-height: 160px;
		text-align: center;
		background-position: left center;
	}
}

.totalSearchNone .title {
	display: block;
	padding: 5px 0 15px;
	font-size: 18px;
	font-weight: 500;
	line-height: 130%;
	word-break: keep-all;
}

@media screen and (min-width: 1024px) {
	.totalSearchNone .title {
		font-size: 26px;
	}
}

.totalSearchNone .title span {
	font-weight: 900;
	color: #925CD7;
}

.totalSearchNone p {
	font-size: 14px;
	color: #6c6c6c;
	line-height: 1.5;
	word-break: keep-all;
}

@media screen and (min-width: 1024px) {
	.totalSearchNone p {
		font-size: 15px;
	}
}

@media screen and (min-width: 1024px) {
	.rightArea {
		display: block;
		position: absolute;
		top: 128px;
		right: 0;
		width: 250px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.rightArea .recommend {
	position: relative;
	margin: 10px 0 0;
	padding: 12px 20px 4px;
	border: 1px solid #303646;
	border-radius: 20px;
	text-align: center;
	background: #FFFFFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.rightArea .recommend {
		margin: 0;
		padding: 30px 20px 30px;
	}
	.rightArea .recommend::before {
		content: '';
		position: absolute;
		top: -122px;
		right: -17px;
		width: 133px;
		height: 133px;
		background: url("/images/n24/common/img_character_total_search2.png") no-repeat right bottom/auto 100%;
	}
}

.rightArea .recommend_title {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0 0 10px 30px;
	font-size: 16px;
	font-weight: 700;
	color: #1D1D1D;
	line-height: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.rightArea .recommend_title {
		font-size: 20px;
		padding: 0 0 20px 34px;
	}
}

.rightArea .recommend_title::before {
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	right: auto;
	-webkit-transform: none;
	transform: none;
	margin: 0;
	width: 20px;
	height: 20px;
	background: url("/images/n24/common/icon_search_recommend.png") no-repeat left top/100% auto;
}

@media screen and (min-width: 1024px) {
	.rightArea .recommend_title::before {
		width: 24px;
		height: 24px;
	}
}

.rightArea .recommend ul {
	padding-top: 4px;
	width: 100%;
	border-top: 2px solid #303646;
}

.rightArea .recommend li {
	float: none;
	position: relative;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.rightArea .recommend li {
		margin: 0;
	}
}

.rightArea .recommend li a {
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 3px 8px;
	font-size: 14px;
	font-weight: 400;
	border: 0;
	border-radius: 0;
	color: #1D1D1D;
	line-height: 1.5;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media screen and (min-width: 1024px) {
	.rightArea .recommend li a {
		padding: 6px 8px;
		font-size: 16px;
	}
}

.rightArea .recommend li a::before {
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	-webkit-transform: none;
	transform: none;
	width: 3px;
	height: 3px;
	background: #1D1D1D;
}

@media screen and (min-width: 1024px) {
	.rightArea .recommend li a::before {
		top: 16px;
	}
}

.rightArea .searchWord {
	display: block;
	position: relative;
	margin-top: 20px;
	padding: 24px 20px;
	border: 1px solid #DEDEDE;
	border-radius: 20px;
	background-color: #fff;
}

@media screen and (max-width: 1023px) {
	.rightArea .searchWord {
		display: none;
	}
}

.rightArea .searchWord .title {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #1D1D1D;
	line-height: 1.5;
	text-align: left;
	word-break: keep-all;
}

.rightArea .searchWord .listCon.dot {
	margin-top: 20px;
}

.rightArea .searchWord .listCon.dot li {
	margin: 0;
	padding: 0;
}

.rightArea .searchWord .listCon.dot li::after {
	display: none;
}

.rightArea .searchWord .listCon.dot li a {
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 10px 8px;
	font-size: 16px;
	font-weight: 400;
	border: 0;
	border-radius: 0;
	color: #1D1D1D;
	line-height: 1.25;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.rightArea .searchWord .listCon.dot li a::before {
	content: '';
	position: absolute;
	top: 17px;
	left: 0;
	-webkit-transform: none;
	transform: none;
	width: 3px;
	height: 3px;
	background: #1D1D1D;
}

.rightArea .searchWord .tabContent {
	margin-top: 30px;
}

.rightArea .searchWord .tabContent .tabBar.type3 {
	position: relative;
	overflow: hidden;
	margin: 0;
	border-radius: 4px;
}

.rightArea .searchWord .tabContent .tabBar.type3::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #DEDEDE;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rightArea .searchWord .tabContent .tabBar.type3 li {
	margin: 0;
	padding: 0;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rightArea .searchWord .tabContent .tabBar.type3 li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	/* align-items: center; */
	margin: 0;
	padding: 14px 0;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	border-radius: 0;
	background-color: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rightArea .searchWord .tabContent .tabBar.type3 li.active {
	color: #fff;
	font-weight: 600;
	background: #925CD7;
}

.rightArea .searchWord .tabContent .tabPage {
	margin-top: 10px;
}

.rightArea .searchWord .tabContent .tabPage li a {
	display: block;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 8px 0;
	font-size: 16px;
	color: #1D1D1D;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.rightArea .searchWord .tabContent .tabPage li a .num::after {
	content: '.';
	display: inline-block;
	font-size: 16px;
}

.tabBar {
	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-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	/* align-items: flex-start; */
	margin-bottom: 40px;
	border: 1px solid #ccc;
	border-radius: 10px;
	width: 100%;
	background: #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.tabBar {
		margin-bottom: 40px;
	}
}

.tabBar + * {
	margin-top: 20px;
	margin-bottom: 32px;
}

@media screen and (min-width: 1024px) {
	.tabBar + * {
		margin-top: 40px;
		margin-bottom: 0;
	}
}

.tabBar + .tabBar.type4 {
	margin-top: 20px;
}

@media screen and (min-width: 1024px) {
	.tabBar + .tabBar.type4 {
		margin-top: 30px;
	}
}

.tabBar + .topIconBox {
	margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
	.tabBar + .topIconBox {
		margin-bottom: 55px;
	}
}

.tabBar li {
	position: relative;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
	.page_content .tabBar:first-of-type > li {
		width:50%;
	}
}

@media screen and (min-width: 1024px) {
	.tabBar li {
		width: 25%;
	}
}

.tabBar li::after {
	content: '';
	z-index: 0;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 18px;
	background-color: #d4bfbf;
}

@media screen and (max-width: 1023px) {
	.tabBar li:nth-child(2n)::after {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.tabBar:not(.col5) li:nth-child(4n)::after,
	.tabBar li:last-of-type::after {
		display: none;
	}
}

.tabBar li 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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding: 13px 5px;
	font-size: 15px;
	font-weight: 500;
	color: #1D1D1D;
	line-height: 1;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:100%;
}
@media screen and (max-width: 320px) {
	.tabBar li a {
	font-size:13px;
	}
}

@media screen and (min-width: 1024px) {
	.tabBar li a {
		font-size: 17px;
		padding: 16px 5px;
	}
}

.tabBar li.active {
	-webkit-filter: drop-shadow(0px 0px 15px rgba(48, 54, 70, 0.35));
	filter: drop-shadow(0px 0px 15px rgba(48, 54, 70, 0.35));
}

.tabBar li.active a {
	z-index: 1;
	font-weight: 700;
}

.tabBar li.active a::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: -1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: calc(100% + 2px);
	height: calc(100% + 3px);
	border: 2px solid #303646;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tabBar.type2 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 24px;
	border: 0;
	border-radius: 0;
	width: 100%;
	background: #FFF;
}

.tabBar.type2 li {
	position: relative;
	margin-left: 4px;
	width: auto !important;
}

@media screen and (min-width: 1024px) {
	.tabBar.type2 li {
		width: auto;
	}
}

.tabBar.type2 li:first-child {
	margin-left: 0;
}

.tabBar.type2 li::before,
.tabBar.type2 li::after {
	display: none;
}

.tabBar.type2 li 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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding: 12px 20px;
	font-size: 16px;
	font-weight: 400;
	color: #1D1D1D;
	line-height: 1;
}

.tabBar.type2 li.active {
	-webkit-filter: none;
	filter: none;
}

.tabBar.type2 li.active a {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	border-radius: 30px;
	background: #303646;
}

.tabBar.type2 li.active a::before {
	display: none;
}
.tabBar.type2 li.active a:focus-visible {
	outline-style:dotted;
}

.tabBar.type3 {
	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;
	border: 0;
	margin-left: -5px;
	width: calc(100% + 5px);
}

@media screen and (min-width: 1024px) {
	.tabBar.type3 {
		margin-left: 0;
		width: auto;
	}
}

.tabBar.type3 li {
	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;
	margin-bottom: 5px;
	margin-left: 5px;
	width: calc(50% - 5px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
	.tabBar.type3 li:nth-last-child(1),
	.tabBar.type3 li:nth-last-child(2) {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1024px) {
	.tabBar.type3 li {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		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 10px;
		width: auto;
	}
	.tabBar.type3 li:first-child {
		margin-left: 0;
	}
}

.tabBar.type3 li::after {
	display: none;
}

.tabBar.type3 li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 14px 20px;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	line-height: 1;
	border-radius: 30px;
	background: #F9F9F9;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.tabBar.type3 li a {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: auto;
		padding: 18px 30px;
	}
}

.tabBar.type3 li a::before {
	display: none;
}

.tabBar.type3 li a span {
	display: inline-block;
	position: relative;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	line-height: 1;
}

@media screen and (min-width: 1024px) {
	.tabBar.type3 li a span {
		font-size: 16px;
	}
}

.tabBar.type3 li.active {
	-webkit-filter: none;
	filter: none;
}

.tabBar.type3 li.active a {
	color: #FFF;
	background: #925CD7;
}

.tabBar.type3 li.active span {
	color: #FFF;
}

@media screen and (min-width: 1024px) {
	.tabBar.type3 li.active span {
		font-weight: 700;
	}
}

.tabBar.type3 li.active .count {
	color: inherit;
}

.tabBar.type4 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto 15px;
	border: 0;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.tabBar.type4 {
		margin: 8px auto 20px;
	}
}

.tabBar.type4 li {
	-webkit-filter: none;
	filter: none;
	display: inline-block;
	margin: 0 1px 10px;
	padding: 0 10px;
	width: auto;
	border: 0;
	line-height: 1.5;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	.tabBar.type4 li {
		margin: 0 1px;
	}
}

.tabBar.type4 li::after {
	display: none;
}

.tabBar.type4 li a {
	display: block;
	position: relative;
	padding: 0 3px;
	font-size: 14px;
	font-weight: 400;
	color: #808080;
	line-height: 1.20;
}

.tabBar.type4 li a::before {
	display: none;
}

.tabBar.type4 li.active a {
	font-weight: 500;
	color: #925CD7;
}

.tabBar.type4 li.active a:after {
	content: '';
	z-index: -1;
	display: block;
	position: absolute;
	left: -1px;
	right: -1px;
	bottom: -2px;
	height: 10px;
	background: #EEE5F9;
}
.col1 li {
	width: 100%;
}

.col2 li {
	width: 50%;
}

.col3 li {
	width: 33.33%;
}

.col4 li {
	width: 25%;
}

.col5 li {
	width: 20%;
}

@media screen and (max-width: 1023px) {
	.tabBar.col5 li:last-child::after{
		display: none;
	}
}
@media screen and (min-width: 1024px) {
	.tabBar.col5 li:last-child::after,
	.tabBar.col5 li:nth-child(5n)::after {
		display: none;
	}
}

.btnMore {
	display: inline-block;
	margin-left: 10px;
	padding: 0 8px;
	height: 28px;
	font-size: 13px;
	color: #fff;
	border: 0px none;
	vertical-align: baseline;
	background: #856C6C;
}

@media screen and (min-width: 1024px) {
	.btnMore {
		font-size: 14px;
	}
}

.attach_file {
	display: block;
	margin-top: 10px;
	font-size: 14px;
}

.attach_file .btn_attach {
	margin-top: 5px;
	font-size: 12px;
}

@media screen and (min-width: 1024px) {
	.attach_file .btn_attach {
		margin-top: 0;
		font-size: 14px;
	}
}

@media screen and (min-width: 1024px) {
	.attach_file {
		font-size: 16px;
	}
}

.btn_attach {
	display: inline-block;
	margin: 0 2px;
	padding: 0 12px;
	height: 28px;
	border: 1px solid #cbcbd1;
	border-radius: 14px;
	font-size: 13px;
	color: #555;
	line-height: 26px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: baseline;
}

.listCondition {
	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: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin: 15px 0 0;
	padding: 0 5px 15px;
}

.listCondition .sortItem li {
	display: inline-block;
	vertical-align: middle;
}

.listCondition .sortItem li a {
	display: block;
	position: relative;
	padding: 0 10px;
	color: #535353;
}

.listCondition .sortItem li a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -1px;
	margin-top: -6px;
	height: 12px;
	border-right: 1px solid #e6e6e6;
}

.listCondition .sortItem li:last-child a:after {
	display: none;
}

.listCondition .sortItem li.active a {
	font-weight: 500;
	color: #6856DA;
	text-decoration: underline;
}

/* 기념일 */
.anniversary-box{border:1px solid #E0E0E0; border-radius:0 0 0 80px; padding:23px 68px; position:relative; display:flex; align-items: flex-start; margin-bottom:38px;}
.anniversary-box:before{display:block;content:'';width:90px;height:90px;border-radius:50%; background:#F6F6F6 url(/images/n24/sub/ic_anniversary.svg) center no-repeat; margin-right:37px; flex-shrink: 0;}
.anniversary-box .box-inner{font-size:18px; line-height:1.5; padding:8px 0;}
.anniversary-box .box-title{display:block; margin-bottom:8px; font-weight:600;}

.anniversary-history{padding:60px 0; position:relative;}
.anniversary-history:before{display:block;content:'';width:142px;background-color:#F7F7F7; position:absolute;left:50%;top:0;bottom:0; margin-left:-71px;}
.anniversary-history .row{display:flex; align-items: flex-start; position:relative;}
.anniversary-history .row + .row{margin-top:100px;}
.anniversary-history .photo{width:calc(60% - 32px);}
.anniversary-history .photo img{max-width:100%;}
.anniversary-history .txt{width:40%; text-align:left; padding:20px 0;}
.anniversary-history .photo + .txt{margin-left:32px;}
.anniversary-history .txt + .photo{margin-left:32px; text-align:right;}
.anniversary-history h5{margin-top:0; font-size:36px; color:#1D1D1D; padding-left:43px;}
.anniversary-history h5:before{width:35px;height:30px; background-size:contain; background-position:center;top:12px;}
.anniversary-history .h5Content > p{ font-size:18px; line-height:1.5;}
.anniversary-history .h5Content strong{color:#303646;}

@media (max-width: 768px) {
	.anniversary-history .row + .row{margin-top:60px;}

}

@media (max-width: 640px) {
	.anniversary-box{border-radius:0 0 0 40px; padding:16px 20px; margin-bottom:28px;}
	.anniversary-box:before{width:60px;height:60px;background-size:40px auto; margin-right:20px;}
	.anniversary-box .box-inner{font-size:16px;}
	.anniversary-box .box-title{margin-bottom:4px;}

	.anniversary-history{padding:20px 0;}
	.anniversary-history:before{width:142px;left:0;margin-left:-16px;}
	.anniversary-history .row{flex-wrap:wrap;}
	.anniversary-history .row + .row{margin-top:28px;}
	.anniversary-history .photo{width:100%; text-align:left;}
	.anniversary-history .txt{width:100%;}
	.anniversary-history .photo + .txt{margin:0;}
	.anniversary-history .txt + .photo{margin:0; text-align:left;}
	.anniversary-history h5{font-size:28px; padding-left:40px;}
	.anniversary-history h5:before{width:30px;height:30px;top:4px;}
	.anniversary-history .row:nth-child(even) .photo{order:1;}
	.anniversary-history .row:nth-child(even) .txt{order:2;}
}


/* 시작 : 20250109 사실은 이렇습니다 탭 디자인 추가 */
@media screen and (max-width: 1023px) {
  .tabBar.type5 li a{
    font-size: 15px !important;
  }
  .tabBar.type5 li.active a {
    color:#fff;
    padding: 14px 5px !important;
  }
}
.tabBar.type5{
  background-color:rgba(133, 108, 108, 0.08);
}

.tabBar.type5 li.active {
	-webkit-filter: drop-shadow(0px 0px 8px rgba(133, 108, 108, 0.24));
	filter: drop-shadow(0px 0px 8px rgba(133, 108, 108, 0.24));
}

.tabBar.type5 li a{
  font-size:18px;
}

.tabBar.type5 li.active a {
	color:#fff;
  padding: 20px 5px;
}

.tabBar.type5 li.active a::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: -1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: calc(100% + 2px);
	height: calc(100% + 3px);
	border: 2px solid #654F4F;
  background-color:#856C6C;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
/* 끝 : 20250109 사실은 이렇습니다 탭 디자인 추가 */

/* 시작 : 20250724 법규정보 추가 */
.titleLaw {color:#333;}
.infoBtnListWrap {
  max-width: 940px;
  margin: 0 auto;
}
.infoBtnList {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
}
.infoBtnList li {
  flex: 1 1 300px;
  max-width: 300px;
}

/* Button */
.btnInfo {
  position: relative;
  width: 100%;
  height: 120px;
  border: 1px solid #eee;
  border-radius: 20px;
  background-color: #F7F7F7;
  cursor: pointer;
  text-align: left;
  padding: 0 29px;
  display: flex;
  align-items: center;
}
.btnInfo.active, .btnInfo:hover {
  background-color: #f4f7fe;
  border: 3px solid #36435e;
  box-shadow: 4px 4px 10px rgba(54, 67, 94, 0.4);
  padding: 0 27px;
  font-family: "Pretendard GOV-Bold", Helvetica, sans-serif;
  font-weight: 600;
  letter-spacing: -0.8px;
}
/* Button text */
.btnInfo span {
  font-size: 19px;
  line-height: 1.35;
  display: block;
  width: calc(100% - 40px);
}
/* Arrow icon using pseudo-element */
.btnInfo::after {
  content: "";
  position: absolute;
  right: 30px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff;
  border:1px solid #dedede;
}
/* Arrow icon inside the circle */
.btnInfo::before {
  content: "";
  position: absolute;
  right: 43px;
  width: 8px;
  height: 8px;
  z-index: 1;
  border-top:2px solid #36435E;
  border-right:2px solid #36435E;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
}
/* Active button arrow styling */
.btnInfo.active::after, .btnInfo:hover::after {
  background-color: #36435E;
  border:1px solid #36435E;
}
.btnInfo.active::before, .btnInfo:hover::before {
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
}
@media all and (max-width: 1024px) {
  .infoBtnList li {
    flex: 1 1 31%;
    max-width: 31%;
  }
  .btnInfo span {
    font-size:16px;
    overflow-wrap: break-word;
    word-break: keep-all;
  }
}
@media all and (max-width: 768px) {
  .infoBtnList li {
    flex: 1 1 48%;
    max-width: 48%;
  }
  .btnInfo{
    padding:0 26px;
    height:100px;
  }
  .btnInfo.active, .btnInfo:hover {
    padding:0 22px;
  }
}
@media all and (max-width:640px) {
  .titleLaw+.h5Content{
    padding-left:0;
  }
  .infoBtnList {
    gap:14px;
  }
  .btnInfo span br {
    display:none;
  }
  .btnInfo::after {
    width:26px;
    height:26px;
  }
  .btnInfo::before {
    right:41px;
    width:6px;
    height:6px;
  }
}
@media all and (max-width: 480px) {
  .infoBtnListWrap {
    padding: 10px;
  }
  .infoBtnList {
    gap:10px;
  }
  .btnInfo {
    height: 90px;
    padding: 0 16px;
  }
  .btnInfo span {
    font-size: 15px;
    width: calc(100% - 30px);
  }
  .btnInfo::after {
    right: 14px;
    width: 20px;
    height: 20px;
  }
  .btnInfo::before {
    right: 23px;
    width:4px;
    height:4px;
  }
  .btnInfo.active, .btnInfo:hover {
    border: 2px solid #36435e;
    box-shadow: 2px 3px 4px 0px rgba(54, 67, 94, 0.3);
  }
}
@media all and (max-width: 426px) {
  .infoBtnListWrap {
    padding: 0;
  }
  .btnInfo span {
    font-size:14px;
    width: calc(100% - 25px);
  }
}
@media all and (max-width: 360px) {
  .btnInfo {
    height:64px;
  }
  .infoBtnList li {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
/* 끝 : 20250724 법규정보 추가 */

/* 시작 : 20251118 선거홍보관 리뷰게시판 */
/* 관람예약 개인정보 수집·이용 안내 영역*/
   .privacyWrap { padding: 30px 40px 20px 40px; background: #ebebeb; margin-bottom: 50px; }
   .privacyWrap strong { display: block; padding-bottom: 15px; font-size: 24px; color: #636363; }
   .privacyWrap ul { padding: 15px 20px; margin-bottom: 15px; background: #fff; border-radius: 10px; }
   .privacyWrap ul li { line-height: 160%; font-size: 19px; color: #636363; font-weight: 500; }
   .privacyWrap input[type="checkbox"] { width: 14px; height: 14px; background: #ddd !important; border: 1px solid #636363; }
   .privacyWrap label { font-size: 18px; color: #636363; }
   .privacyWrap>div { text-align: center; padding-top: 10px; }
   .privacyWrap>div a { display: inline-block; width: 170px; height: 45px; line-height: 45px; padding: 0 60px 0 25px; color: #fff; box-sizing: border-box; background: #4c6f97 url(/bos/images/reservation/submitArrow.png) no-repeat right 20px center; font-size: 24px; font-weight: 500; border-radius: 30px; }

/* 끝 : 20251118 선거홍보관 리뷰게시판 */