@charset "UTF-8";

/*==============================================================

	CONTENT
	
==============================================================*/

html.ko .sub-contents .sub-visual-element .sub-visual-title .large-text-inner,
html.ko .sub-contents .sub-visual-element .sub-visual-title .small-text-inner,
html.en .sub-contents .sub-visual-element .sub-visual-title .large-text-inner,
html.en .sub-contents .sub-visual-element .sub-visual-title .small-text-inner {
	font-family: 'Noto Sans KR', 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans TC', sans-serif;
	letter-spacing: 0;
}

/* ---------------------------------------------
	실시간 관광데이터
------------------------------------------------ */

/* setting */
/*=================================*/
.sub-contents--realtime-seoul *,
.sub-contents--realtime-seoul *:before,
.sub-contents--realtime-seoul *:after {
	box-sizing: border-box;

	font-family: "IBM Plex Sans", sans-serif;
	/* font-family: 'NanumGothic', sans-serif; */
	font-weight: 400;
	letter-spacing: -0.5px;
}

html .sub-contents--realtime-seoul *,
html .sub-contents--realtime-seoul *:before,
html .sub-contents--realtime-seoul *:after {
	font-family: "IBM Plex Sans KR", sans-serif;
}

.sub-contents--realtime-seoul b {
	/* font-weight: 800; */
	font-weight: 600;
}

/*
html.v2 .sub-contents--realtime-seoul,
html.v2 .sub-contents--realtime-seoul+footer {
	background-color: #f5f9fd;
}
*/

html.v2 .sub-contents--realtime-seoul {
	background-color: #f5f9fd;
}



html.v2 .sub-contents--realtime-seoul {}

html.v2 .sub-contents--realtime-seoul .sub-contents-inner {
	/* padding-top: 70px; */
	padding: 70px 0 60px;
}

html.v2 .sub-contents--realtime-seoul+footer {
	padding-top: 20px;
}

.sub-contents--realtime-seoul span.c-point,
.sub-contents--realtime-seoul .btn-link:hover span.c-point {
	color: #4e95ff !important;
}

.sub-contents--realtime-seoul .btn-link:hover,
.sub-contents--realtime-seoul .btn-link:hover span {
	color: #3a7bdb !important;
	text-decoration: underline;
	transition: all 0.3s ease-out;
}

/* simpleCalendar */
/*
.sub-contents--realtime-seoul .simple-calendar .calendar {
	overflow: visible;
	border: none;
}


.sub-contents--realtime-seoul .simple-calendar .calendar header {
	border: none;
}

.sub-contents--realtime-seoul .simple-calendar header em {
	display: inline-block;
	width: 100%;
	margin-bottom: 3px;
	font-weight: 400;
	font-size: 15px;
	line-height: 1;
	color: #0E418E;
	text-align: left;
}

.sub-contents--realtime-seoul .simple-calendar header h2 {
	color: #0E418E;
	font-size: 20px;
	font-weight: 800;
	text-align: left;
	line-height: 1;
	flex-flow: row-reverse;
	width: 100%;
	left: 0;
	justify-content: flex-end;
}

.sub-contents--realtime-seoul .simple-calendar header .year {
	color: #0E418E;
	font-size: 20px;
	font-weight: 800;
	text-align: left;
}

.sub-contents--realtime-seoul .simple-calendar header .simple-calendar-btn {
	display: inline-block;
	position: absolute;
	top: -4px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: inherit;
	border: none;
	border-radius: 0;
	transform: none;
	z-index: 10;
}

.sub-contents--realtime-seoul .simple-calendar header .simple-calendar-btn:before {
	display: none;
}

.sub-contents--realtime-seoul .simple-calendar header .btn-prev {
	left: auto;
	right: 35px;
	background: url(../../v2/images/realtime_seoul/icn_simpleCalendar_arrow_prev.svg) no-repeat center center;
	background-size: 24px 24px;
}

.sub-contents--realtime-seoul .simple-calendar header .btn-next {
	background: url(../../v2/images/realtime_seoul/icn_simpleCalendar_arrow_next.svg) no-repeat center center;
	background-size: 24px 24px;
}

.sub-contents--realtime-seoul .simple-calendar table {}

.sub-contents--realtime-seoul .simple-calendar table .c-sunday,
.sub-contents--realtime-seoul .simple-calendar table .c-sunday .day {
	color: #FF7070;
}

.sub-contents--realtime-seoul .simple-calendar table td {
	width: 100%;
}

.sub-contents--realtime-seoul .simple-calendar table thead {
	position: relative;

}

.sub-contents--realtime-seoul .simple-calendar table thead:after {
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 1px dashed #DBE2EB;
}

.sub-contents--realtime-seoul .simple-calendar table thead td {
	padding: 8px 0;
	font-weight: 400;
	font-size: 15px;
	line-height: 16px;
	color: #A0A0A0;

}

.sub-contents--realtime-seoul .simple-calendar table tbody {}

.sub-contents--realtime-seoul .simple-calendar table tbody tr:first-child td {
	padding-top: 8px;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td {
	padding: 0;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day {
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	color: #A0A0A0;
	width: 32px;
	height: 32px;
	line-height: 29px;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event {
	cursor: pointer !important;
}


.sub-contents--realtime-seoul .simple-calendar table tbody td .day:HOVER {
	border: 2px solid transparent;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.today {
	background-color: transparent;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event {
	color: #2B3238;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event:after {
	width: 4px;
	height: 4px;
	top: 4px;
	left: calc(50% + 10px);
	background: #25CBFF;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event button.active--focus {
	position: relative;
	color: #fff !important;
	z-index: 1;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event:before {
	content: '';
	position: absolute;
	top: -4px;
	left: -4px;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: #4E95FF !important;
	z-index: -1;
	transition: all 0.3s ease-out;
	opacity: 0;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event button.active--focus:before {
	opacity: 1;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.today.has-event:before {
	background: #fff;
}


.sub-contents--realtime-seoul .simple-calendar table tbody td .day.wrong-month {
	opacity: 0;
}
*/

.sub-contents--realtime-seoul .simple-calendar .calendar {
	overflow: visible;
	border: none;
}

.sub-contents--realtime-seoul .simple-calendar .calendar header {
	border: none;
}

.sub-contents--realtime-seoul .simple-calendar header h2 {
	display: flex;
	flex-flow: row-reverse;
	width: 100%;
	left: 0;
	justify-content: flex-end;
	color: #0e418e;
	font-size: 20px;
	font-weight: 800;
	text-align: left;
	line-height: 1;
}

.sub-contents--realtime-seoul .simple-calendar header .year {
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	/* 105.263% */
	letter-spacing: -0.5px;
	text-align: left;
}

.sub-contents--realtime-seoul .simple-calendar header .simple-calendar-btn {
	overflow: hidden;
	display: inline-block;
	position: absolute;
	top: -5px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: inherit;
	border: none;
	border-radius: 0;
	transform: none;
	z-index: 10;
}

.sub-contents--realtime-seoul .simple-calendar header .simple-calendar-btn:before {
	display: none;
}

.sub-contents--realtime-seoul .simple-calendar header .btn-prev {
	left: auto;
	right: 35px;
	background: url(../../v2/images/realtime_seoul/icn_simpleCalendar_arrow_prev.svg) no-repeat center center;
	background-size: 24px 24px;
}

.sub-contents--realtime-seoul .simple-calendar header .btn-next {
	background: url(../../v2/images/realtime_seoul/icn_simpleCalendar_arrow_next.svg) no-repeat center center;
	background-size: 24px 24px;
}

.sub-contents--realtime-seoul .simple-calendar table {}

.sub-contents--realtime-seoul .simple-calendar table .c-sunday,
.sub-contents--realtime-seoul .simple-calendar table .c-sunday .day,
.sub-contents--realtime-seoul .simple-calendar table .c-sunday .day button {
	color: #ff2f2f;
}

.sub-contents--realtime-seoul .simple-calendar table td {
	width: 100%;
}

.sub-contents--realtime-seoul .simple-calendar table thead {
	position: relative;
}

.sub-contents--realtime-seoul .simple-calendar table thead:after {
	content: "";
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 1px dashed #dbe2eb;
}

.sub-contents--realtime-seoul .simple-calendar table thead th {
	padding: 8px 0;
	width: 100%;
	font-weight: 400;
	font-size: 15px;
	line-height: 16px;
	color: #1f1f1f;
}

.sub-contents--realtime-seoul .simple-calendar table tbody {}

.sub-contents--realtime-seoul .simple-calendar table tbody tr:first-child td {
	padding-top: 14px;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td {
	padding: 0;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day {
	width: 38px;
	height: 38px;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day button {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #2b3238;
	font-weight: 500;
	width: 34px;
	height: 34px;
	line-height: 31px;
	border-radius: 8px;
	/* transition: all 0.2s ease-out; */
	user-select: none;
	cursor: default;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day button:disabled {
	cursor: default;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event button {
	cursor: pointer !important;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day:hover {
	border: 2px solid transparent;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.today {
	background: transparent;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.today button {
	background: #f2f7ff;
	border: 2px solid #f2f7ff;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event button.active--focus {
	background: #f2f7ff;
	border: 2px solid #4e95ff;
	border-radius: 10px;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event:after {
	display: none;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event .event-bullet {
	position: absolute;
	bottom: 3px;
	left: 1px;
	z-index: 10;
	font-size: 0;
	width: 100%;
	text-align: center;
	height: 6px;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event .event-bullet .ico-bullet {
	display: inline-block;
	vertical-align: top;
	margin: 0 2px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #25cbff;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event button.active--focus {
	background: #f2f7ff;
	border: 2px solid #4e95ff;
	border-radius: 10px;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.has-event button.active--focus:before {
	opacity: 1;
}

.sub-contents--realtime-seoul .simple-calendar table tbody td .day.wrong-month {
	opacity: 0;
}

/* ---------------------------------------------
	section-realtime-seoul
-----------------------------------------------*/
.section-realtime-seoul {}

.section-realtime-seoul .section-inner {
	overflow: visible;
	padding: 0;
}

.section-realtime-seoul .section-title--mo {
	display: none;
}

.section-realtime-seoul .top-info-area {
	position: relative;
	display: block;
	margin-bottom: 30px;
	/* padding-top: 50px; */
	margin-top: 50px;
	z-index: 10;
}

.section-realtime-seoul .top-info-area:before {
	content: "";
	position: absolute;
	top: -41px;
	left: 0;
	z-index: -1;
	display: block;
	width: 93px;
	height: 80px;
	background: url(../../v2/images/realtime_seoul/icn_info_emo.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .top-info-area .top-info {
	position: relative;
	padding: 13px 0 13px 20px;
	background: #d9ecff;
	border-radius: 10px;
}

.section-realtime-seoul .top-info-area .top-info p {
	font-size: 16px;
	/* line-height: 50px; */
	color: #4e95ff;
	font-weight: 500;
}

.section-realtime-seoul .top-info-area .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../../v2/images/realtime_seoul/icn_arrow_close.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont {
	position: relative;
	/* margin-top: 30px; */
	min-height: 955px;
	display: flex;
	justify-content: space-between;
}

.section-realtime-seoul .realtime-seoul-cont .flex-container {
	width: 100%;
	align-items: flex-end;
	justify-content: space-between;
}

.section-realtime-seoul .realtime-seoul-cont [class^="group-"] {
	position: relative;
}

.section-realtime-seoul .realtime-seoul-cont .group-01 {
	width: 350px;
}

.section-realtime-seoul .realtime-seoul-cont .group-02 {
	width: calc((100% - 350px) - 20px);
}

html.en .section-realtime-seoul .realtime-seoul-cont {
	min-height: unset;
}

html.en .section-realtime-seoul .realtime-seoul-cont .flex-container {
	align-items: unset;
}

.section-realtime-seoul .realtime-seoul-cont h2 {
	display: flex;
	justify-content: space-between;
	color: #0e418e;
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 22px;
}

.section-realtime-seoul .realtime-seoul-cont .card-head .btn-cont .btn-link {
	font-size: 14px;
	line-height: 22px;
	color: #949494;
	text-decoration: underline;
	cursor: pointer;
}

.section-realtime-seoul .realtime-seoul-cont .card-head .btn-cont .ico-arrowUpleft {
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 17px;
	background: url(../../v2/images/realtime_seoul/icn_arrowUpLeft.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont [class^="card--"] {
	position: relative;
	border-radius: 10px;
	border: 1px solid #dfecfa;
	background-color: #fff;
	padding: 25px 30px;
}

.section-realtime-seoul .realtime-seoul-cont [class^="card--"]+[class^="card--"] {
	margin-top: 20px;
}

.section-realtime-seoul .realtime-seoul-cont .card-head {
	position: relative;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.section-realtime-seoul .realtime-seoul-cont .card-head em {
	font-size: 13px;
	color: #c1ccda;
	font-weight: 500;
}

/* btn-types */
.section-realtime-seoul .realtime-seoul-cont .btn-types {
	/* overflow: hidden; */
	/* border-radius: 10px; */
	display: flex;
	justify-content: space-between;
	position: relative;
	text-align: center;
	filter: drop-shadow(0px 4px 10px rgba(201, 213, 228, 0.3));
}

.section-realtime-seoul .realtime-seoul-cont .btn-types>a {
	float: left;
	padding: 9px 0 7px;
	line-height: 1;
	font-size: 14px;
	border: 1px solid #fff;
	color: #46515a;
	background-color: #fff;
}

.section-realtime-seoul .realtime-seoul-cont .btn-types>a:first-child {
	border-radius: 5px 0 0 5px;
}

.section-realtime-seoul .realtime-seoul-cont .btn-types>a:last-child {
	border-radius: 0 5px 5px 0;
}

.section-realtime-seoul .realtime-seoul-cont .btn-types>a.active {
	background-color: #4e95ff;
	border: 1px solid #4e95ff;
	color: #fff;
	font-weight: 500;
}

/* 상태 글자 색상 구분 */
.realtime-seoul-cont .c-status-01 {
	color: #524eff !important;
}

.realtime-seoul-cont .c-status-02 {
	color: #03ceaa !important;
}

.realtime-seoul-cont .c-status-03 {
	color: #f97124 !important;
}

.realtime-seoul-cont .c-status-04 {
	color: #ff584c !important;
}

.realtime-seoul-cont .c-status-05 {
	color: #881c14 !important;
}

/* bullet */
.realtime-seoul-cont .info-cont {}

.realtime-seoul-cont .info-cont p,
.realtime-seoul-cont .info-cont li {
	position: relative;
	font-size: 14px;
	line-height: 17px;
	color: #919191;
}

.realtime-seoul-cont .info-cont .bullet-reference {
	padding: 0 10px 0 18px;
}

.realtime-seoul-cont .info-cont .bullet-reference:before {
	content: "※";
	font-size: 14px;
	color: #909090;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.realtime-seoul-cont .info-cont .bullet-bar {
	padding: 0 0 0 10px;
}

.realtime-seoul-cont .info-cont .bullet-bar:before {
	content: "-";
	font-size: 14px;
	color: #909090;
	position: absolute;
	/* top: 50%;
	transform: translateY(-50%); */
	top: 1px;
	left: 0;
	z-index: 10;
}

/* text-info */
.realtime-seoul-cont .text-info {
	position: absolute;
	right: 0;
	top: 4px;
	/* top: 0; */
	font-size: 13px;
	line-height: 22px;
	color: #c1ccda;
}

/* 오늘 서울의 날씨 */
/*=================================*/
.section-realtime-seoul .realtime-seoul-cont .card--today {
	padding: 25px 30px 48px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today .card-head h2 {
	max-width: 160px;
	word-break: break-word;
}

.section-realtime-seoul .realtime-seoul-cont .card--today>.text-info {
	top: auto;
	bottom: 12px;
	right: 30px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today .card-body {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] {
	position: relative;
	/* width: calc(50% - 5px); */
	width: 100%;
	border-radius: 10px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 24px 14px 14px;
	width: 100%;
	height: 100%;
	min-height: 115px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-head {
	text-align: center;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-head b {
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	letter-spacing: 0;
}

/*
.section-realtime-seoul .realtime-seoul-cont .card--today [class^='widget--'] .widget-body {
	margin: 10px auto 20px;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 8px 0 8px;
	max-width: 120px;
}
.section-realtime-seoul .realtime-seoul-cont .card--today [class^='widget--'] .widget-body .ico-cont {
	position: relative;
	margin-top: -20px;
	width: 46px;
	height: 46px;
}


.section-realtime-seoul .realtime-seoul-cont .card--today [class^='widget--'] .widget-body .ico-weather,
.section-realtime-seoul .realtime-seoul-cont .card--today [class^='widget--'] .widget-body .ico-air {
	position: absolute;
	top: 0;
	left: -5px;
	z-index: 10;
	display: block;
	width: 46px;
	height: 46px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^='widget--'] .widget-body .text-cont {
	margin-left: calc(100% - 65px);
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^='widget--'] .widget-body .text-cont strong {
	position: relative;
	display: block;
	width: 55px;
	font-weight: 300;
	font-size: 34px;
	line-height: 39px;
	letter-spacing: -3px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^='widget--'] .widget-body .text-cont em {
	display: block;
	margin-top: 6px;
	font-weight: 700;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0;
}

.section-realtime-seoul .realtime-seoul-cont .card--today .widget--weather .widget-body {
	padding: 0 15px 0 8px;
}
*/
.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-body {
	position: relative;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-body dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 51px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-body dl>dt {}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-body dl>dt [class^="ico-"] {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	width: 33px;
	height: 33px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-body dl>dt em {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.6px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-body dl>dd {}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-body dl>dd strong {
	font-family: "NanumSquare", sans-serif;
	color: #fff;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: -1.7px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-body dl>dd strong:after {
	content: "";
	display: inline-block;
	vertical-align: top;
	position: absolute;
	/* right: -2px; */
	right: -10px;
	top: 10px;
	width: 9px;
	height: 9px;
	border: 2px solid #fff;
	border-radius: 50%;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-body dl>dd .ico-cont {
	display: inline-block;
	vertical-align: top;
	margin-right: -10px;
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
}

/* 좋음 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--air.good .widget-body dl>dd .ico-cont {
	background: url(../../v2/images/realtime_seoul/icn_air_status_veryGood.svg) no-repeat center center;
	background-size: 100%;
}

/* 보통 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--air.normal .widget-body dl>dd .ico-cont {
	background: url(../../v2/images/realtime_seoul/icn_air_status_good.svg) no-repeat center center;
	background-size: 100%;
}

/* 나쁨 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--air.bad .widget-body dl>dd .ico-cont {
	background: url(../../v2/images/realtime_seoul/icn_air_status_bad.svg) no-repeat center center;
	background-size: 100%;
}

/* 매우나쁨 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--air.veryBad .widget-body dl>dd .ico-cont {
	background: url(../../v2/images/realtime_seoul/icn_air_status_veryBad.svg) no-repeat center center;
	background-size: 100%;
}

/* 날씨상태 - 맑음 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--weather.sunny {
	background-color: #4e95ff;
}

.section-realtime-seoul .realtime-seoul-cont .card--today .widget--weather.sunny .ico-weather {
	background: url(../../v2/images/realtime_seoul/icn_weather_sunny.svg) no-repeat center center;
	background-size: 100%;
}

/* 날씨상태 - 흐림 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--weather.cloudy {
	background-color: #92a8ca;
}

.section-realtime-seoul .realtime-seoul-cont .card--today .widget--weather.cloudy .ico-weather {
	background: url(../../v2/images/realtime_seoul/icn_weather_cloudy.svg) no-repeat center center;
	background-size: 100%;
}

/* 날씨상태 - 비 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--weather.rain {
	background-color: #89a3ca;
}

.section-realtime-seoul .realtime-seoul-cont .card--today .widget--weather.rain .ico-weather {
	background: url(../../v2/images/realtime_seoul/icn_weather_rain.svg) no-repeat center center;
	background-size: 100%;
}

/* 날씨상태 - 눈 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--weather.snow {
	background-color: #73b9e1;
}

.section-realtime-seoul .realtime-seoul-cont .card--today .widget--weather.snow .ico-weather {
	background: url(../../v2/images/realtime_seoul/icn_weather_snow.svg) no-repeat center center;
	background-size: 100%;
}

/* 날씨상태 - 뇌우 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--weather.storm {
	background-color: #767d88;
}

.section-realtime-seoul .realtime-seoul-cont .card--today .widget--weather.storm .ico-weather {
	background: url(../../v2/images/realtime_seoul/icn_weather_storm.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .card--today .widget--air {}

.section-realtime-seoul .realtime-seoul-cont .card--today .widget--air .ico-air {
	background: url(../../v2/images/realtime_seoul/icn_air_dust.svg) no-repeat center center;
	background-size: 100%;
}

/* 대기상태 - 좋음 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--air.good {
	background-color: #524eff;
}

/* 대기상태 - 보통 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--air.normal {
	background-color: #03ceaa;
}

/* 대기상태 - 나쁨 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--air.bad {
	background-color: #f97124;
}

/* 대기상태 - 매우나쁨 */
.section-realtime-seoul .realtime-seoul-cont .card--today .widget--air.veryBad {
	background-color: #bf3f36;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-info {
	color: #fff;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-info .row {
	display: flex;
	gap: 16px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-info .row+.row {
	margin-top: 8px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-info .row span {
	position: relative;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.5px;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-info .row span+span {
	text-align: right;
}

.section-realtime-seoul .realtime-seoul-cont .card--today [class^="widget--"] .widget-info .row span+span:before {
	content: "";
	border-left: 1px solid rgba(255, 255, 255, 0.4);
	display: inline-block;
	vertical-align: top;
	height: 10px;
	position: absolute;
	top: 50%;
	left: -8px;
	transform: translateY(-50%);
}

/* 서울 여행 추천 콘텐츠 */
/*=================================*/
.section-realtime-seoul .realtime-seoul-cont .card--recommend {
	padding: 25px 20px 25px 30px;
}

.section-realtime-seoul .realtime-seoul-cont .card--recommend .card-body {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 8px;
}

.section-realtime-seoul .realtime-seoul-cont .card--recommend a {
	display: table;
	table-layout: fixed;
	/* margin-bottom: 10px; */
	/* margin-right: 10px; */
	padding: 6px 16px 6px 16px;
	border: 1px solid #d0d0d0;
	border-radius: 50px;
	background-color: #fff;
}

.section-realtime-seoul .realtime-seoul-cont .card--recommend span {
	display: table-cell;
	vertical-align: top;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #46515a;
	word-break: break-word;
}

/* 행사일정 */
/*=================================*/
.section-realtime-seoul .realtime-seoul-cont .card--calendar {
	padding: 25px 30px 0;
	/* min-height: 344px; */
	min-height: 386px;
}

.section-realtime-seoul .realtime-seoul-cont .card--calendar .card-head {
	margin-bottom: 3px;
}

.section-realtime-seoul .realtime-seoul-cont .card--calendar .card-head h2 {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
}

.section-realtime-seoul .realtime-seoul-cont .card--calendar .calendar-cont {
	width: auto;
	height: auto;
	border: 0;
	padding: 0 !important;
}

/* 지역 */
/*=================================*/
.section-realtime-seoul .realtime-seoul-cont .region-area {
	position: absolute;
	top: 0;
	right: 0;
	width: calc((100% - 350px) - 20px);
}

.section-realtime-seoul .realtime-seoul-cont .region-area .btn-types {
	position: absolute;
	top: 2px;
	right: 0;
	z-index: 10;
	width: 223px;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .btn-types a:first-child {
	width: 104px;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .btn-types a:last-child {
	width: calc(100% - 104px);
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-view {
	position: relative;
	margin: 43px 40px 0 40px;
	width: 590px;
	height: auto;
	/* min-height: 527px; */
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont .balloon-box {
	padding: 14px 16px;
	position: relative;
	background: #ffffff;
	border-radius: 10px;
	min-width: 260px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -50%);
	transition: all 0.25s ease-out;
	z-index: 10;

	opacity: 0;
	visibility: hidden;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont .balloon-box:after {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 50%;
	width: 0;
	height: 0;
	border: 42px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -42px;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.active--focus .balloon-box {
	transition-delay: 0.1s;
	transform: translate(-50%, -115%);
	opacity: 1;
	visibility: visible;
}

html.en .section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.active--focus .balloon-box {
	transform: translate(-50%, -74%);
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont .balloon-box .box-title {
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: #46515a;
	margin-bottom: 8px;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont .balloon-box .row {
	display: flex;
	justify-content: space-between;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont .balloon-box .row+.row {
	margin-top: 4px;
}

/* html.en .section-realtime-seoul .realtime-seoul-cont .region-area .map-cont .balloon-box .row {
	flex-direction: column;
} */

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont .balloon-box .row [class^="col-"] {
	position: relative;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont .balloon-box .row [class^="col-"] a {
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: top;
	/* font-weight: 700; */
	font-size: 14px;
	line-height: 16px;
	color: #46515a;
	padding-left: 15px;
	width: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont .balloon-box .row [class^="col-"] .bullet-circle {
	position: absolute;
	top: 5px;
	left: 0;
	z-index: 10;
	display: inline-block;
	vertical-align: middle;
	margin: -3px 6px 0 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #4e95ff;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont .balloon-box .row .col-2 {
	width: 50%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li {
	position: absolute;
	z-index: 10;
	/* width:90px; */
	/* height:90px; */
	/* width:260px;
	height:220px; */
	z-index: 1;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.active--focus {
	z-index: 10;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li .btn-region {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li .btn-region .bg-circle {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: rgba(78, 149, 255, 0.3);
	transition: all 0.3s ease-out;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.active--focus .btn-region .bg-circle {
	background: rgba(78, 149, 255, 0.9);
	box-shadow: 0px 4px 20px #81b8ff;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li .bg-circle .ico-region {
	display: block;
	margin-top: -5px;
	width: 64px;
	height: 64px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	transition: all 0.3s ease-out;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.active--focus .bg-circle .ico-region {
	transform: translate(-50%, -90%);
}

/* 광화문 */
.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Gwanghwamun {
	left: 29.27%;
	right: 38.91%;
	/* top: 26.63%; */
	bottom: 61.96%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Gwanghwamun .ico-region {
	background: url(../../v2/images/realtime_seoul/icn_map_Gwanghwamun.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Gwanghwamun.active--focus .ico-region {
	background: url(../../v2/images/realtime_seoul/icn_map_Gwanghwamun_active.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Gwanghwamun.active--focus .balloon-box {
	transform: translate(-50%, -90%);
}

html.en .section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Gwanghwamun.active--focus .balloon-box {
	transform: translate(-50%, -54%);
}

/* 명동 */
.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Myeongdong {
	left: 44.8%;
	right: 30.39%;
	bottom: 50.31%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Myeongdong .ico-region {
	width: 65px;
	height: 65px;
	background: url(../../v2/images/realtime_seoul/icn_map_Myeongdong.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Myeongdong.active--focus .ico-region {
	background: url(../../v2/images/realtime_seoul/icn_map_Myeongdong_active.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Myeongdong .balloon-box .row .col-2:nth-child(1) {
	width: 65%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Myeongdong .balloon-box .row .col-2:nth-child(2) {
	width: 35%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Myeongdong.active--focus .balloon-box {
	transform: translate(-50%, -90%);
}

html.en .section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Myeongdong.active--focus .balloon-box {
	transform: translate(-50%, -64%);
}

/* 홍대 */
.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Hongdae {
	left: 13.63%;
	right: 53.55%;
	/* top: 20.76%; */
	bottom: 43.83%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Hongdae .ico-region {
	background: url(../../v2/images/realtime_seoul/icn_map_Hongdae.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Hongdae.active--focus .ico-region {
	background: url(../../v2/images/realtime_seoul/icn_map_Hongdae_active.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Hongdae .balloon-box .row .col-2:nth-child(1) {
	width: 60%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Hongdae .balloon-box .row .col-2:nth-child(2) {
	width: 40%;
}

/* 이태원 */
.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Itaewon {
	left: 35.07%;
	right: 37.11%;
	bottom: 35.78%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Itaewon .ico-region {
	margin-top: 0;
	background: url(../../v2/images/realtime_seoul/icn_map_Itaewon.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Itaewon.active--focus .ico-region {
	background: url(../../v2/images/realtime_seoul/icn_map_Itaewon_active.svg) no-repeat center center;
	background-size: 100%;
}

html.en .section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Itaewon.active--focus .balloon-box {
	transform: translate(-50%, -101%);
}

/* 강남 */
.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Gangnam {
	left: 49.58%;
	right: 23.6%;
	bottom: 23.2%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Gangnam .ico-region {
	background: url(../../v2/images/realtime_seoul/icn_map_Gangnam.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Gangnam.active--focus .ico-region {
	background: url(../../v2/images/realtime_seoul/icn_map_Gangnam_active.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Gangnam .balloon-box .row .col-2:nth-child(1) {
	width: 60%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Gangnam .balloon-box .row .col-2:nth-child(2) {
	width: 40%;
}

html.en .section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Gangnam.active--focus .balloon-box {
	transform: translate(-50%, -74%);
}

/* 잠실 */
.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Jamsil {
	left: 63.77%;
	right: 14.41%;
	bottom: 35.13%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Jamsil .ico-region {
	margin-top: -1px;
	width: 65px;
	height: 73px;
	background: url(../../v2/images/realtime_seoul/icn_map_Jamsil.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Jamsil.active--focus .ico-region {
	background: url(../../v2/images/realtime_seoul/icn_map_Jamsil_active.svg) no-repeat center center;
	background-size: 100%;
}

.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Jamsil.active--focus .balloon-box {
	transform: translate(-50%, -120%);
}

html.en .section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Jamsil.active--focus .balloon-box {
	transform: translate(-50%, -84%);
}

/* 캘린더 디테일 */
/*=================================*/
.section-realtime-seoul .realtime-seoul-cont .card--calendar-detail {
	position: relative;
	/* height:100%; */
	padding: 25px 28px 41px 28px;
	/* min-height: 344px; */
	min-height: 386px;
}

.section-realtime-seoul .card--calendar-detail .detail-box {
	position: relative;
}

.section-realtime-seoul .card--calendar-detail .detail-box .card-head {
	padding: 0 4px;
}

.section-realtime-seoul .card--calendar-detail .detail-box h2,
.section-realtime-seoul .card--calendar-detail .detail-box h2 em {
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	font-weight: 500;
}

.section-realtime-seoul .card--calendar-detail .detail-box h2 em {
	margin-right: 5px;
}

.section-realtime-seoul .card--calendar-detail .detail-box h2 em.c-point {
	color: #4e95ff;
}

.section-realtime-seoul .card--calendar-detail .detail-box .card-body {
	position: relative;
	overflow-y: auto;
	/* max-height: 235px; */
	height: 280px;
	padding-right: 10px;
}

.section-realtime-seoul .card--calendar-detail .detail-box .card-body::-webkit-scrollbar {
	width: 10px;
}

/*
.section-realtime-seoul .card--calendar-detail .detail-box .card-body::-webkit-scrollbar:vertical {
	width: 10px;
}

.section-realtime-seoul .card--calendar-detail .detail-box .card-body::-webkit-scrollbar:horizontal {
	height: 0;
}
*/

.section-realtime-seoul .card--calendar-detail .detail-box .card-body::-webkit-scrollbar-thumb {
	background-color: #ebebeb;
}

.section-realtime-seoul .card--calendar-detail .detail-box .card-body::-webkit-scrollbar-track {
	background-color: #f8f8f8;
}

.section-realtime-seoul .card--calendar-detail .detail-box ul {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}

.section-realtime-seoul .card--calendar-detail .detail-box ul li {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;

	padding: 8px 0;
}

.section-realtime-seoul .card--calendar-detail .detail-box ul li a {
	color: #46515a;
}

.section-realtime-seoul .card--calendar-detail .detail-box ul li+li {
	border-top: 1px solid #efefef;
}

.section-realtime-seoul .card--calendar-detail .detail-box ul li span {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #46515a;
}

.section-realtime-seoul .card--calendar-detail .detail-box ul li .title {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	/* padding-right: 20px; */
	padding: 4px;
	width: calc(100% - 27%);
}

.section-realtime-seoul .card--calendar-detail .detail-box ul li .dsc {}

.section-realtime-seoul .card--calendar-detail .text-info {
	position: absolute;
	top: auto;
	right: 30px;
	bottom: 12px;
}

.section-realtime-seoul .card--calendar-detail .text-info span {
	font-size: 14px;
	line-height: 22px;
	color: #c1ccda;
}

/* 썸네일 리스트 */
/*=================================*/
.section-realtime-seoul .thumb-list {
	/* overflow: hidden; */
	position: relative;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	font-size: 0;
	min-height: 434px;
}

.section-realtime-seoul .thumb-list li {
	position: relative;
	width: calc((100% / 3) - 13.3333px);
	margin-bottom: 20px;
}

.section-realtime-seoul .thumb-list li+li {
	margin-left: 20px;
}

.section-realtime-seoul .thumb-list li:nth-child(4n) {
	margin-left: 0;
}

.section-realtime-seoul .thumb-list li .bg-thumb {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 147px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.section-realtime-seoul .thumb-list li a {
	overflow: hidden;
	display: inline-block;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #dfecfa;
}

.section-realtime-seoul .thumb-list li .text-cont {
	position: relative;
	background-color: #fff;
	height: 48px;
	padding: 0 10px;
}

.section-realtime-seoul .thumb-list li .text-cont .title {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	line-height: 48px;
	color: #000000;
}

.section-realtime-seoul .thumb-list.thumb-list--type2 {
	margin: 0;
}

.section-realtime-seoul .thumb-list.thumb-list--type2 li {}

.section-realtime-seoul .thumb-list.thumb-list--type2 li a {
	display: block;
	position: relative;
	overflow: hidden;
	height: 280px;
	border: 0;
	border-radius: 0;
}

.section-realtime-seoul .thumb-list.thumb-list--type2 li .bg-thumb {
	position: relative;
	width: 100%;
	height: 210px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	box-shadow: 1px 5px 10px rgb(0 0 0 / 10%);
	overflow: hidden;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-size: 100% 100%;
}

.section-realtime-seoul .thumb-list.thumb-list--type2 li .text-cont {
	position: absolute;
	left: 0px;
	right: 0;
	bottom: -40px;
	z-index: 1;
	box-sizing: border-box;
	margin: 0px 10px 0px 10px;
	width: auto;
	padding: 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	/* height: 135px; */
	height: 145px;
	background-color: #fff;
	padding: 13px 10px;
}

.section-realtime-seoul .thumb-list.thumb-list--type2 li .text-cont .title {
	font-size: 16px;
	line-height: 1.6;
	color: #222;
	font-weight: bold;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.section-realtime-seoul .thumb-list.thumb-list--type2 li .text-cont .dsc {
	font-size: 14px;
	color: #959595;
	/* margin-top: 5px; */
	line-height: 20px;
	height: 42px;
	margin-bottom: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.section-realtime-seoul .thumb-list.thumb-list--type2 li .text-cont .trip-cont {
	margin-top: 5px;
	margin-left: -7px;
}

.section-realtime-seoul .thumb-list.thumb-list--type2 li .text-cont .trip-text {
	display: inline-block;
	vertical-align: middle;
	margin-left: -2px;
	font-size: 12px;
	color: #777;
}

.section-realtime-seoul .thumb-list.thumb-list--type2 li .text-cont .ico-more {
	position: absolute;
	right: 10px;
	bottom: 14px;
	z-index: 1;
	width: 26px;
	height: 26px;
	background: url(../../images/2019/common/list-view-btn.png) no-repeat 0px 0px;
}

.section-realtime-seoul .thumb-list.thumb-list--type2 li.active--focus .text-cont {
	bottom: 0px;
	transition: all 0.3s ease-out;
}

.section-realtime-seoul .thumb-list.thumb-list--type2 li.active--focus .text-cont .title {
	color: #0066eb;
}

/* 리스트로 보기 */
/*=================================*/
.section-realtime-seoul .list-view {
	position: relative;
	margin-top: 50px;
	width: 100%;
}

.section-realtime-seoul .list-view .tag-element {
	overflow: hidden;
	/* margin-top: 50px; */
	margin-top: 0;
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	filter: drop-shadow(0px 4px 10px rgba(201, 213, 228, 0.3));
	font-size: 0;
}

.section-realtime-seoul .list-view .tag-element a {
	position: relative;
	padding: 18px 20.9333px 16px;
	font-size: 14px;
	line-height: 16px;
	color: #46515a;
	border-bottom: none;
	display: inline-block;
	margin: 0;
}

.section-realtime-seoul .list-view .tag-element a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background: #4e95ff;
	transition: 0.2s ease-in-out;
}

.section-realtime-seoul .list-view .tag-element a.active {
	color: #4e95ff;
	border-bottom: none;
}

.section-realtime-seoul .list-view .tag-element a.active:after {
	width: 100%;
	left: 0;
}

.section-realtime-seoul .list-view .paging-lst {
	position: relative;
	margin-top: 0;
}

.section-realtime-seoul .list-view .paging-lst a {
	position: relative;
	background: none;
	border: none;
	color: #777777;
	border-radius: 0;
	width: auto;
	margin: 0 15px !important;
	font-size: 16px;
	height: 28px;
}

.section-realtime-seoul .list-view .paging-lst a.icon {}

.section-realtime-seoul .list-view .paging-lst a.on {
	font-size: 16px;
	color: #0073e3;
}

.section-realtime-seoul .list-view .paging-lst a.on:after {
	content: "";
	border-bottom: 1px solid #0073e3;
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 120%;
	height: 1px;
}

.section-realtime-seoul .list-view .paging-lst a.prev,
.section-realtime-seoul .list-view .paging-lst a.next {
	margin: 0 30px;
}

/* --------------------------------
	realtime-seoul-cont.detail
----------------------------------*/
.realtime-seoul-cont.detail {
	position: relative;
	display: block;
	padding-top: 25px;
}

.realtime-seoul-cont.detail .text-info {
	top: 4px;
}

.realtime-seoul-cont.detail .detail-title {
	position: relative;
	display: block;
	margin-bottom: 30px;
	text-align: center;
}

.realtime-seoul-cont.detail .detail-title h2 {
	display: inline-block;
	font-weight: bold;
	font-size: 30px;
	line-height: 22px;
	color: #0e418e;
}

.realtime-seoul-cont.detail .cont-title {
	position: relative;
	margin-bottom: 20px;
	height: 22px;
}

.realtime-seoul-cont.detail .cont-title h3 {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	line-height: 22px;
	color: #0e418e;
	font-weight: bold;
}

.realtime-seoul-cont.detail .box-title h4 {
	font-size: 16px;
	line-height: 22px;
	color: #0e418e;
}

.realtime-seoul-cont.detail .ico-info {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 5px;
	width: 26px;
	height: 26px;
	background: url(../../v2/images/realtime_seoul/icn_info.svg) no-repeat center center;
	background-size: 100%;
}

.realtime-seoul-cont.detail .info-balloon {
	display: inline-block;
	padding: 10px;
	position: absolute;
	max-width: 345px;
	/* max-height: 64px; */

	background: rgba(0, 0, 0, 0.7);
	border-radius: 10px;
	text-align: center;
	top: 50%;
	margin-top: 0;
	/* margin-left: 12%; */
	margin-left: 134px;
	transform: translateY(-50%);
	display: none;
	z-index: 100;
}

html.en .realtime-seoul-cont.detail .info-balloon {
	margin-left: 176px;
}

.realtime-seoul-cont.detail .info-balloon.active {
	display: block;
}

.realtime-seoul-cont.detail .info-balloon::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	width: 17px;
	height: 17px;
	z-index: 0;

	background: #4d4d4d;
	transform: rotate(-45deg) translateY(-50%);
}

.realtime-seoul-cont.detail .info-balloon p {
	font-size: 14px;
	line-height: 22px;
	color: #ffffff;
	font-weight: 300;
}

.realtime-seoul-cont.detail .detail-title .btn-block {
	position: absolute;
	top: 0;
	left: 0;
}

.realtime-seoul-cont.detail .detail-title .btn-block .btn-back {
	padding: 13px 14px 12px;
	min-width: 106px;
	background: #ffffff;
	border: 1px solid #dfecfa;
	border-radius: 10px;
}

.realtime-seoul-cont.detail .detail-title .btn-block .btn-back span {
	font-size: 16px;
	line-height: 22px;
	color: #46515a;
}

.realtime-seoul-cont.detail .detail-title .btn-block .btn-back .ico-arrow-back {
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 3px;
	width: 14px;
	height: 14px;
	background: url(../../v2/images/realtime_seoul/icn_arrow_back.svg) no-repeat center center;
	background-size: 100%;
}

.realtime-seoul-cont.detail .btn-types {
	margin-bottom: 20px;
	width: 100%;
}

.realtime-seoul-cont.detail .btn-types>a {
	width: calc(100% / 3);
	height: 60px;
	line-height: 58px;
	font-size: 18px;
	padding: 0;
	border: 1px solid #dfecfa;
	color: #4e95ff;
}

.realtime-seoul-cont.detail .btn-types>a+a {
	border-left: 1px solid #fff;
}

.realtime-seoul-cont.detail .btn-types>a.acitve {
	border: 1px solid #4e95ff;
}

.realtime-seoul-cont.detail [class^="group-"] {
	position: relative;
	display: block;
	width: 100%;
	/* padding: 30px 20px; */
	padding: 30px 30px 40px;
	border: 1px solid #dfecfa;
	border-radius: 10px;
	background-color: #fff;
}

.realtime-seoul-cont.detail [class^="group-"]+[class^="group-"] {
	margin-top: 40px;
}

.realtime-seoul-cont.detail .btn-block-more {
	position: absolute;
	bottom: 20px;
	right: 30px;
	z-index: 80;
	/* width: 100%; */
	width: calc(100% - 60px);
	height: 30px;
	text-align: right;
}

.realtime-seoul-cont.detail .btn-block-more .btn-more {
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	text-decoration-line: underline;
	color: #4e95ff;
}

.realtime-seoul-cont.detail .btn-block-more .ico-arrow-right {
	display: inline-block;
	vertical-align: middle;
	margin: -1px 0 0 -5px;
	width: 20px;
	height: 20px;
	background: url(../../v2/images/realtime_seoul/icn_arrow_right.svg) no-repeat 7px center;
	background-size: 100%;
}

/* 인구밀집도 */
.realtime-seoul-cont.detail .populationDensity-cont {
	position: relative;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-01 {
	border-bottom: none;
	border-radius: 10px 10px 0 0;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 20px 0 10px;
	gap: 100px;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box .box-01 {
	width: 200px;
	height: 200px;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box .box-01 .bg-emo {
	display: inline-block;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
}

/* 매우붐빔 */
.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box .box-01 .bg-emo.emo-01 {
	background-image: url(../../v2/images/realtime_seoul/icn_emo_spare.gif);
	background-size: 100%;
}

/* 붐빔 */
.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box .box-01 .bg-emo.emo-02 {
	background-image: url(../../v2/images/realtime_seoul/icn_emo_noraml.gif);
	background-size: 100%;
}

/* 보통 */
.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box .box-01 .bg-emo.emo-03 {
	background-image: url(../../v2/images/realtime_seoul/icn_emo_crowded.gif);
	background-size: 100%;
}

/* 여유 */
.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box .box-01 .bg-emo.emo-04 {
	background-image: url(../../v2/images/realtime_seoul/icn_emo_veryCrowded.gif);
	background-size: 100%;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box .box-02 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 33px 56px 30px;
	/* width: 470px; */
	/* height: 190px; */
	width: auto;
	height: auto;
	max-width: 640px;
	background: #f4f9ff;
	border: 1px solid #dfecfa;
	border-radius: 10px;
	text-align: center;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box .box-02 strong {
	display: block;
	margin-bottom: 22px;
	font-size: 30px;
	line-height: 1.2;
	color: #f97124;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box .box-02 p {
	font-size: 20px;
	/* line-height: 34px; */
	line-height: 1.5;
	color: #46515a;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 {
	margin-top: 0;
	padding-top: 40px;
	border-top: none;
	border-radius: 0 0 10px 10px;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .cont-box {
	display: flex;
	justify-content: space-between;
	position: relative;
	height: 380px;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .cont-box [class^="box-"] {
	position: relative;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .cont-box [class^="box-"]+[class^="box-"]::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	position: absolute;
	top: 0;
	left: -50px;
	height: 300px;
	border-left: 1px dashed #dfecfa;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .cont-box .box-01 {
	/* width: calc(45% - 50px); */
	width: calc(50% - 50px);
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .cont-box .box-02 {
	/* width: calc(55% - 50px); */
	width: calc(50% - 50px);
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont {
	position: relative;
	/* overflow: hidden; */
	width: 100%;
	height: 295px;
	margin-top: 20px;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont>.echarts-box {
	position: absolute;
	width: 100%;
	height: 400px;
	top: -200px;
	left: 0;
	z-index: 10;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont .echarts-info {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	z-index: 10;
	text-align: center;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont .echarts-info .info-legend {
	display: inline-block;
	font-size: 0;
	margin: 0 auto;
	padding: 4px 0;
	gap: 20px;
	border: 1px solid #ebf3fb;
	border-radius: 10px;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont .echarts-info .info-legend .ico-circle {
	display: inline-block;
	vertical-align: top;
	margin: 3px 5px 0 0;
	width: 13px;
	height: 13px;
	border-radius: 50%;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont .echarts-info .info-legend .ico-circle.c-status-01 {
	background-color: #4e95ff;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont .echarts-info .info-legend .ico-circle.c-status-02 {
	background-color: #a0c0f0;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont .echarts-info .info-legend .item {
	display: inline-block;
	width: 80px;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont .echarts-info .info-legend .item span {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 20px;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont .echarts-info .info-text {
	display: block;
	margin: 15px auto 0;
	padding: 3px 10px;
	width: 360px;
	background: #f4f9ff;
	text-align: center;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont .echarts-info .info-text span {
	font-size: 16px;
	line-height: 22px;
	color: #46515a;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont .echarts-info .info-text span.c-point {
	color: #4e95ff;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .box-02 .echarts-cont .echarts-info .info-legend .item {
	width: 78px;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .box-02 .echarts-cont .echarts-info .info-legend .item:first-child,
.realtime-seoul-cont.detail .populationDensity-cont .group-02 .box-02 .echarts-cont .echarts-info .info-legend .item:last-child {
	width: 100px;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .box-02 .echarts-cont .echarts-info .info-legend .ico-circle.c-status-01 {
	background-color: #bbc7da;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .box-02 .echarts-cont .echarts-info .info-legend .ico-circle.c-status-02 {
	background-color: #8ebbff;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .box-02 .echarts-cont .echarts-info .info-legend .ico-circle.c-status-03 {
	background-color: #4e95ff;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .box-02 .echarts-cont .echarts-info .info-legend .ico-circle.c-status-04 {
	background-color: #bcd6ef;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .box-02 .echarts-cont .echarts-info .info-legend .ico-circle.c-status-05 {
	background-color: #dceafe;
}

.realtime-seoul-cont.detail .populationDensity-cont .group-02 .box-02 .echarts-cont .echarts-info .info-legend .ico-circle.c-status-06 {
	background-color: #97a0ac;
}

/* 교통상황 */
.realtime-seoul-cont.detail .trafficCondition-cont {
	position: relative;
}

.realtime-seoul-cont.detail .trafficCondition-cont .group-01 {
	display: flex;
	flex-direction: row;
	gap: 20px;
	/* height: 490px; */
	height: auto;
}

.realtime-seoul-cont.detail .trafficCondition-cont .group-01>[class^="cont-"] {
	width: 50%;
	/* height: 370px; */
	height: 100%;
}

.realtime-seoul-cont.detail .trafficCondition-cont .group-01.is-nodata {
	height: 437px;
}

.realtime-seoul-cont.detail .trafficCondition-cont .group-01.is-nodata .cont-box {
	display: block;
	flex-wrap: nowrap;
}

.realtime-seoul-cont.detail .trafficCondition-cont .group-01>[class^="cont-"] .nodata-cont {
	margin-top: 55px;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}

.realtime-seoul-cont.detail .trafficCondition-cont .group-01>[class^="cont-"] .nodata-cont i {
	display: inline-block;
	vertical-align: top;
	width: 168px;
	height: 168px;
}

.realtime-seoul-cont.detail .trafficCondition-cont .group-01>[class^="cont-"] .nodata-cont>dt {
	padding: 0;
	margin: 0 0 30px;
}

.realtime-seoul-cont.detail .trafficCondition-cont .group-01>[class^="cont-"] .nodata-cont>dd {
	font-size: 24px;
	line-height: 22px;
	color: #46515a;
	font-weight: 400;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .ico-cctv {
	background: url(../../v2/images/realtime_seoul/icn_cctv.svg) no-repeat center center;
	background-size: 100%;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 .ico-data {
	background: url(../../v2/images/realtime_seoul/icn_data.svg) no-repeat center center;
	background-size: 100%;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 {
	/* padding: 0 50px 0 10px; */
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 {
	padding: 0 0 0 50px;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .iframe-cont {
	margin: 0 auto;
	width: 323px;
	height: 268px;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .iframe-cont .iframe-title {
	display: block;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #46515a;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .iframe-cont .iframe-box {
	position: relative;
	overflow: hidden;
	display: block;
	height: 276px;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .iframe-cont .iframe-box iframe {
	position: absolute;
	top: -35px;
	left: -3px;
	width: 100%;
	height: 100%;
	border: none;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .info-cont {
	margin-top: 35px;
	padding: 0 0 0 25px;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .cont-box {
	width: 90%;
	margin: 0 auto;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .cctv-cont {
	display: flex;
	align-items: center;
	padding-top: 18px;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .cctv-cont .item {
	width: 50%;
	text-align: center;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .cctv-cont .item .ico-cctv {
	display: inline-block;
	vertical-align: top;
	width: 131px;
	height: 132px;
	background: url(../../v2/images/realtime_seoul/icn_cctv_s.svg) no-repeat center center;
	background-size: 100%;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .cctv-cont .item strong {
	display: block;
	margin-top: 30px;
	/* font-weight: bold; */
	font-size: 24px;
	line-height: 22px;
	letter-spacing: -0.05em;
	color: #46515a;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .cctv-cont .item .btn-cctv {
	display: inline-block;
	margin-top: 35px;
	min-width: 109px;
	height: 42px;
	line-height: 44px;
	padding: 0 15px;
	background: #4e95ff;
	border-radius: 50px;
	text-align: center;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .cctv-cont .item .btn-cctv span {
	/* font-weight: bold; */
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.05em;
	color: #ffffff;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 {
	border-left: 1px dashed #dfecfa;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 .cont-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 dl {
	width: 50%;
	text-align: center;
	margin-bottom: 15px;
}

.realtime-seoul-cont.detail .trafficCondition-cont .group-01>.cont-02 dl.nodata-cont {
	margin-top: 75px;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 dl>dt {
	display: block;
	padding: 10px 0px;
	font-size: 20px;
	line-height: 24px;
	color: #0e418e;
	font-weight: bold;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 dl>dd {
	font-size: 20px;
	color: #46515a;
	font-weight: 300;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 dl>dd.d-flex {
	margin-top: 5px;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 dl>dd.d-flex strong {
	margin-right: 5px;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 dl>dd p {
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #46515a;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 dl>dd strong {
	font-size: 34px;
	line-height: 1;
	color: #4e95ff;
}

.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 dl>dd span {
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;
	font-size: 20px;
	color: #46515a;
	font-weight: 300;
}

/* 날씨정보 */
.realtime-seoul-cont.detail .weatherInfo-cont {
	position: relative;
}

.realtime-seoul-cont.detail .weatherInfo-cont .group-01 {
	display: flex;
	justify-content: space-between;
	height: 580px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .group-01>[class^="cont-"] {
	/* height: 370px; */
}

.realtime-seoul-cont.detail .weatherInfo-cont [class^="status-group-"] {
	position: relative;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 {
	width: calc(45% - 20px);
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .cont-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 46px 30px 30px 30px;
	width: 100%;
	height: auto;

	background: #f8fbff;
	border: 1px solid #dfecfa;
	border-radius: 10px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-01 {
	text-align: center;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-01 .ico-weather,
.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-01 .ico-air {
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
	width: 64px;
	height: 64px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-01 strong {
	position: relative;
	font-family: "NanumSquare", sans-serif;
	display: inline-block;
	vertical-align: top;
	font-size: 60px;
	line-height: 68px;
	color: #4e95ff;
	font-weight: 400;
	letter-spacing: -1.7px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-01 strong::after {
	content: "";
	display: inline-block;
	vertical-align: top;
	position: absolute;
	right: -5px;
	top: 10px;
	width: 9px;
	height: 9px;
	border: 2px solid #4e95ff;
	border-radius: 50%;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-01 em {
	font-size: 24px;
	line-height: 27px;
	color: #46515a;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .weather-status {
	display: block;
	width: 100%;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .weather-status .d-flex {
	margin-bottom: 5px;
}

/* 날씨상태 - 맑음 */
.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .weather-status.sunny .ico-weather {
	background: url(../../v2/images/realtime_seoul/icn_weather_sunny2.svg) no-repeat center center;
	background-size: 100%;
}

/* 날씨상태 - 흐림 */
.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .weather-status.cloudy .ico-weather {
	background: url(../../v2/images/realtime_seoul/icn_weather_cloudy2.svg) no-repeat center center;
	background-size: 100%;
}

/* 날씨상태 - 비 */
.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .weather-status.rain .ico-weather {
	background: url(../../v2/images/realtime_seoul/icn_weather_rain2.svg) no-repeat center center;
	background-size: 100%;
}

/* 날씨상태 - 눈 */
.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .weather-status.snow .ico-weather {
	background: url(../../v2/images/realtime_seoul/icn_weather_snow2.svg) no-repeat center center;
	background-size: 100%;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-02 {
	margin-top: 40px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-02 .d-flex {
	display: flex;
	justify-content: space-between;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-02 .d-flex span {
	font-size: 18px;
	line-height: 20px;
	color: #46515a;
	font-weight: 400;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-02 .d-flex span+span {
	margin-top: 8px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-03 {
	margin-top: 40px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 20px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-03 dl {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	background: #ffffff;
	border: 1px solid #dfecfa;
	border-radius: 5px;
	width: calc((100% / 3) - 10px);
	height: 107px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-03 dl>dt {
	font-size: 16px;
	line-height: 1.5;
	color: #46515a;
	/* font-weight: 300; */
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-03 dl>dd {
	margin-top: 3px;
	font-size: 20px;
	color: #46515a;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 {
	width: calc(55% - 20px);
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .air-status {}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 {}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dt {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
	font-weight: 400;
	font-size: 24px;
	line-height: 27px;
	color: #46515a;
	text-align: center;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dt .text-cont {
	margin-right: 10px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dt .ico-cont .ico-air {
	display: inline-block;
	vertical-align: top;
	margin-top: -7px;
	width: 40px;
	height: 40px;
}

/* 좋음 */
.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .air-status.verygood .ico-air {
	background: url(../../v2/images/realtime_seoul/icn_air_status_veryGood.svg) no-repeat center center;
	background-size: 100%;
}

/* 보통 */
.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .air-status.good .ico-air {
	background: url(../../v2/images/realtime_seoul/icn_air_status_good.svg) no-repeat center center;
	background-size: 100%;
}

/* 나쁨 */
.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .air-status.bad .ico-air {
	background: url(../../v2/images/realtime_seoul/icn_air_status_bad.svg) no-repeat center center;
	background-size: 100%;
}

/* 매우나쁨 */
.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .air-status.veryBad .ico-air {
	background: url(../../v2/images/realtime_seoul/icn_air_status_veryBad.svg) no-repeat center center;
	background-size: 100%;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dt em {
	font-size: 28px;
	margin-left: 6px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dt .ico-info {
	margin-left: 10px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dd {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 24px 0 30px 35px;
	min-height: 140px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dd p {
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
	font-size: 16px;
	line-height: 1.8;
	color: #46515a;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 .info-balloon {
	margin-top: -3px;
	/* right: -248px; */
	left: 50%;
	transform: translate(-50%, -50%);
	width: 350px;
	margin-left: 345px;
}

html.en .realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 .info-balloon {
	margin-left: 432px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-02 {
	display: flex;
	margin-top: 10px;
	padding: 18px 0px 20px;
	width: 100%;
	border: 1px solid #dfecfa;
	border-radius: 10px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-02 .d-flex {
	position: relative;
	width: 50%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-02 .d-flex+.d-flex:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 23px;
	background-color: #dfecfa;
	transform: translateY(-50%);
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-02 span {
	font-size: 20px;
	line-height: 23px;
	color: #46515a;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-02 span+span {
	/* margin-left: 5px; */
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 {
	display: flex;
	padding: 20px 60px;
	gap: 6px;
	margin-top: 20px;
	width: 100%;
	border: 1px solid #dfecfa;
	border-radius: 10px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 dl {
	position: relative;
	text-align: center;
	width: 50%;
	font-size: 18px;
	line-height: 30px;
	display: flex;
	align-items: center;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 dl:nth-child(1) {
	padding-left: 10px;
	/* padding-right: 50px; */
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 dl:nth-child(2) {
	padding-left: 70px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 dl+dl {
	/* padding-left: 50px; */
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 dl+dl:before {
	/* content: '';
	display: inline-block;
	vertical-align: top;
	position: absolute;
	top: 50%;
	left: -2px;
	width: 1px;
	height: 82px;
	background-color: #DFECFA;
	transform: translateY(-50%); */
	content: "";
	display: inline-block;
	vertical-align: top;
	position: absolute;
	top: 50%;
	left: -2px;
	height: 82px;
	border-left: 1px dashed #dfecfa;
	transform: translateY(-50%);
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 .d-flex dt .ico-cont {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 10px;
	width: 80px;
	height: 80px;
	background: #f8fbff;
	border-radius: 50%;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 .d-flex dt .ico-cont i {
	display: block;
	width: 80px;
	height: 80px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 .d-flex dt .ico-cont .ico-sunglasses {
	background: url(../../v2/images/realtime_seoul/icn_sunglasses.svg) center center no-repeat;
	background-size: 100%;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 .d-flex dt .ico-cont .ico-sunHorizon {
	background: url(../../v2/images/realtime_seoul/icn_sunHorizon.svg) center center no-repeat;
	background-size: 100%;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 .d-flex dd {
	padding-left: 30px;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 .d-flex dd em {
	display: block;
	font-size: 16px;
	line-height: 1.5;
}

.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 .d-flex dd span {
	display: block;
	font-size: 20px;
}

/* 지역 */
.realtime-seoul-cont.detail .region-cont {
	margin-top: 20px;
}

.realtime-seoul-cont.detail .region-cont .group-01 {
	display: flex;
	flex-direction: row;
	gap: 20px;
	padding: 30px 30px 10px;
}

.realtime-seoul-cont.detail .region-cont .group-01>[class^="cont-"] {}

.realtime-seoul-cont.detail .region-cont .group-01>.cont-01 {
	width: 53%;
}

.realtime-seoul-cont.detail .region-cont .group-01>.cont-02 {
	width: 47%;
}

.realtime-seoul-cont.detail .region-cont .group-01 .cont-01 .cont-box {
	padding-right: 20px;
}

.realtime-seoul-cont.detail .region-cont .group-01 .cont-01 .cont-box .bg-map {
	display: inline-block;
	/* margin-top: -20px; */
	width: 100%;
	height: 574px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

/* 광화문 */
/* -------------------------------- */
/* 경복궁, 서촌마을 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Gwanghwamun-01 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Gwanghwamun_01@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Gwanghwamun-01 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Gwanghwamun_01@2x.png);
}

/* 창덕궁종묘 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Gwanghwamun-02 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Gwanghwamun_02@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Gwanghwamun-02 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Gwanghwamun_02@2x.png);
}

/* 광화문, 덕수궁 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Gwanghwamun-03 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Gwanghwamun_03@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Gwanghwamun-03 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Gwanghwamun_03@2x.png);
}

/* 인사동, 익선동 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Gwanghwamun-04 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Gwanghwamun_04@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Gwanghwamun-04 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Gwanghwamun_04@2x.png);
}

/* 북촌한옥마을 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Gwanghwamun-05 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Gwanghwamun_05@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Gwanghwamun-05 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Gwanghwamun_05@2x.png);
}

/* 명동 */
/* -------------------------------- */
/* 명동 관광특구 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Myeongdong-01 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Myeongdong_01@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Myeongdong-01 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Myeongdong_01@2x.png);
}

/* 종로, 청계 관광특구 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Myeongdong-02 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Myeongdong_02@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Myeongdong-02 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Myeongdong_02@2x.png);
}

/* 남산공원 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Myeongdong-03 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Myeongdong_03@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Myeongdong-03 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Myeongdong_03@2x.png);
}

/* 서울역 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Myeongdong-04 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Myeongdong_04@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Myeongdong-04 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Myeongdong_04@2x.png);
}

/* 동대문 관광특구 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Myeongdong-05 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Myeongdong_05@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Myeongdong-05 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Myeongdong_05@2x.png);
}

/* 홍대 */
/* -------------------------------- */
/* 홍대 관광특구 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Hongdae-01 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Hongdae_01@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Hongdae-01 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Hongdae_01@2x.png);
}

/* DMC */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Hongdae-02 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Hongdae_02@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Hongdae-02 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Hongdae_02@2x.png);
}

/* 신촌 이대역 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Hongdae-03 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Hongdae_03@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Hongdae-03 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Hongdae_03@2x.png);
}

/* 여의도 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Hongdae-04 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Hongdae_04@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Hongdae-04 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Hongdae_04@2x.png);
}

/* 이태원 */
/* -------------------------------- */
/* 이태원관광특구 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Itaewon-01 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Itaewon_01@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Itaewon-01 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Itaewon_01@2x.png);
}

/* 국립중앙박물관~용산 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Itaewon-02 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Itaewon_02@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Itaewon-02 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Itaewon_02@2x.png);
}

/* 강남 */
/* -------------------------------- */
/* 강남 MICE관광특구 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Gangnam-01 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Gangnam_01@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Gangnam-01 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Gangnam_01@2x.png);
}

/* 반포한강공원 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Gangnam-02 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Gangnam_02@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Gangnam-02 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Gangnam_02@2x.png);
}

/* 강남역 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Gangnam-03 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Gangnam_03@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Gangnam-03 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Gangnam_03@2x.png);
}

/* 고속터미널역 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Gangnam-04 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Gangnam_04@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Gangnam-04 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Gangnam_04@2x.png);
}

/* 잠실 */
/* -------------------------------- */
/* 잠실 관광특구 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Jamsil-01 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Jamsil_01@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Jamsil-01 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Jamsil_01@2x.png);
}

/* 서울숲공원 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Jamsil-02 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Jamsil_02@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Jamsil-02 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Jamsil_02@2x.png);
}

/* 잠실종합운동장 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Jamsil-03 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Jamsil_03@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Jamsil-03 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Jamsil_03@2x.png);
}

/* 성수카페거리 */
.realtime-seoul-cont.detail .region-cont .bg-map.map-Jamsil-04 {
	background-image: url(../../v2/images/realtime_seoul/img_map_Jamsil_04@2x.png);
}

html.en .realtime-seoul-cont.detail .region-cont .bg-map.map-Jamsil-04 {
	background-image: url(../../v2/images/realtime_seoul/en/img_map_Jamsil_04@2x.png);
}

/**/

.realtime-seoul-cont.detail .region-cont .thumb-list li {
	width: calc((100% / 2) - 10px);
	margin: 0;
	margin-bottom: 20px;
}

.realtime-seoul-cont.detail .region-cont .thumb-list li+li {
	margin-left: 20px;
}

.realtime-seoul-cont.detail .region-cont .thumb-list li:nth-child(3n) {
	margin-left: 0;
}

.realtime-seoul-cont.detail .region-cont .thumb-list li:nth-last-child(-n + 2) {
	/* margin-bottom: 0; */
}

/* 실시간 관광데이터 - 반응형 */
/*=================================*/
@media (max-width: 1200px) {
	html.v2 .sub-contents--realtime-seoul .sub-contents-inner {
		padding: 60px 20px 60px;
	}
}

@media (max-width: 1119px) {
	html.v2 .sub-contents--realtime-seoul .sub-contents-inner {
		padding: 40px 20px 60px;
	}

	.realtime-seoul-cont.detail .info-balloon,
	html.en .realtime-seoul-cont.detail .info-balloon {
		right: auto;
		left: auto;
		transform: none;
		margin: 26px 0 0 0;
		width: 100%;
		max-width: unset;
	}

	.realtime-seoul-cont.detail .info-balloon::before,
	html.en .realtime-seoul-cont.detail .info-balloon::before {
		left: auto;
		top: 0px;
		margin-top: -1px;
		transform: rotate(-45deg) translate(0, -50%);
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 .info-balloon,
	html.en .realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 .info-balloon {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		margin: 0;
		width: 100%;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 .info-balloon::before,
	html.en .realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 .info-balloon::before {
		left: 50%;
		top: -6px;
		margin-top: -1px;
		margin-left: 12px;
		transform: rotate(-45deg) translate(-50%, -50%);
	}

	/* section-realtime-seoul */
	.section-realtime-seoul .section-title--mo {
		display: block;
		padding: 20px 0;
		border-bottom: 1px solid #e4eaf1;
		padding-bottom: 20px;
	}

	.section-realtime-seoul .section-title--mo h2 {
		font-size: 18px;
		line-height: 22px;
		color: #2596ff;
	}

	.section-realtime-seoul .top-info-area {
		margin: 80px 0 0;
	}

	.section-realtime-seoul .realtime-seoul-cont {
		margin-top: 30px;
		min-height: auto;
	}

	.section-realtime-seoul .realtime-seoul-cont.is-list-view {
		display: block;
	}

	.section-realtime-seoul .realtime-seoul-cont.is-list-view .region-area {
		position: relative;
	}

	.section-realtime-seoul .realtime-seoul-cont.is-list-view .region-area .btn-types {
		top: -60px;
	}

	.section-realtime-seoul .realtime-seoul-cont.is-list-view .list-view {
		/* margin-top: 30px; */
		margin-top: 90px;
	}

	.section-realtime-seoul .list-view .tag-element {
		/* margin-top: 95px; */
	}

	.section-realtime-seoul .realtime-seoul-cont.is-list-view .flex-container {
		margin-top: 50px;
	}

	.section-realtime-seoul .realtime-seoul-cont .region-area .map-view {
		margin: 9% auto 0;
	}

	.section-realtime-seoul .realtime-seoul-cont .region-area {
		width: 100%;
		padding: 0 20px;
	}

	/* .section-realtime-seoul .realtime-seoul-cont.is-list-view {
		display: block;
	}
	.section-realtime-seoul .realtime-seoul-cont.is-list-view .region-area {
		position: relative;
	}

	.section-realtime-seoul .list-view {
		margin-top: 100px;
	} */

	.section-realtime-seoul .realtime-seoul-cont .region-area .btn-types {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}

	.section-realtime-seoul .realtime-seoul-cont .flex-container {
		flex-direction: column;
		width: 100%;
		/* margin-top: 78vw;  */
		margin-top: 650px;
	}

	.section-realtime-seoul .realtime-seoul-cont [class^="group-"] {
		width: 100%;
	}

	.section-realtime-seoul .realtime-seoul-cont .group-02 {
		margin-top: 20px;
	}

	/* .section-realtime-seoul .realtime-seoul-cont.is-list-view .flex-container {
		margin-top: 77vh;
	} */

	/* realtime-seoul-cont.detail */
	.section-realtime-seoul .realtime-seoul-cont.detail {
		margin-top: 0;
		padding: 60px 0 0;
	}

	.realtime-seoul-cont.detail .text-info {
		right: auto;
		left: 0;
		top: 28px;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box {
		flex-direction: column;
		gap: 30px;
		padding: 0;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box .box-02 {
		min-width: auto;
		width: 100%;
		padding: 28px 30px 18px;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box .box-02 p {
		font-size: 18px;
		line-height: 1.5;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box .box-02 strong {
		margin-bottom: 15px;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 {
		padding: 30px 30px 80px;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .cont-box {
		flex-direction: column;
		justify-content: normal;
		/* height: 85vw; */
		height: auto;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .cont-box [class^="box-"] {
		width: 100%;
		margin-top: 20px;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .cont-box [class^="box-"]+[class^="box-"] {
		margin-top: 40px;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont {
		position: relative;
		top: auto;
		transform: none;
		width: 519px;
		margin: 0 auto;
	}

	.realtime-seoul-cont.detail .region-cont .group-01 {
		flex-direction: column;
	}

	.realtime-seoul-cont.detail .region-cont .group-01>[class^="cont-"] {
		width: 100%;
	}

	.realtime-seoul-cont.detail .region-cont .group-01 .cont-01 .cont-box .bg-map {
		height: 90vw;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .cont-box [class^="box-"]+[class^="box-"]::before {
		display: none;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .group-01 {
		flex-direction: column;
		justify-content: normal;
		height: auto;
		padding: 30px 30px 90px;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .group-01.is-nodata {
		height: auto;
		gap: 0;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .group-01.is-nodata>[class^="cont-"] .nodata-cont>dt {
		margin: 0 0 20px;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .group-01.is-nodata>[class^="cont-"] .nodata-cont>dd {
		font-size: 20px;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .group-01.is-nodata .cont-02 {
		margin: 0;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .group-01.is-nodata .cont-02 .cont-title {
		display: none;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .group-01>[class^="cont-"] {
		width: 100%;
		padding: 0;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .cont-box {
		margin-top: 50px;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .cont-02 {
		margin-top: 50px;
		border-left: none;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .group-01 {
		flex-direction: column;
		justify-content: normal;
		height: auto;
		padding: 30px 30px 90px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .group-01>[class^="cont-"] {
		width: 100%;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .group-01 .cont-02 {
		margin-top: 40px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dt {
		margin: 80px 0 20px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dd {
		padding: 24px 0 20px;
	}
}

@media (max-width: 768px) {
	html.v2 .sub-contents--realtime-seoul .sub-contents-inner {
		padding: 40px 0 50px;
	}

	.section-realtime-seoul .realtime-seoul-cont.detail {
		padding: 40px 20px 0;
	}

	.section-realtime-seoul .section-title--mo {
		padding: 20px;
	}

	/* realtime-seoul-cont */
	.section-realtime-seoul .top-info-area {
		/* padding-top:29px; */
		margin: 60px 20px 0;
	}

	.section-realtime-seoul .top-info-area:before {
		top: -29px;
		width: 65px;
		height: 54px;
	}

	.section-realtime-seoul .top-info-area .top-info {
		padding: 14px 40px 14px 14px;
	}

	.realtime-seoul-cont.detail .btn-types>a {
		font-size: 16px;
	}

	.realtime-seoul-cont.detail .detail-title h2 {
		font-size: 28px;
		line-height: 1.3;
		padding: 3px 50px 0;
		word-break: break-all;
		/* word-wrap: break-word; */
	}

	.section-realtime-seoul .realtime-seoul-cont .region-area .map-view {
		margin: 13% auto 0;
		width: 100%;
		/* transform: scale(0.8); */
	}

	.section-realtime-seoul .realtime-seoul-cont .flex-container {
		margin-top: 105vw;
	}

	.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont {
		display: inline-block;
		vertical-align: top;
		margin-top: 5%;
	}

	/* .section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li .btn-region .bg-circle {
		width:70px;
		height: 70px;
	}
	.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li .bg-circle .ico-region {
		margin-top: -20px;
	} */

	.section-realtime-seoul .realtime-seoul-cont .card--today {
		background-color: transparent;
		padding: 0 20px 48px;
		border: none;
	}

	.section-realtime-seoul .realtime-seoul-cont .card--today>.text-info {
		right: 20px;
	}

	.section-realtime-seoul .realtime-seoul-cont .card--recommend {
		background-color: transparent;
		border: none;
		padding: 0;
		margin-left: 20px;
	}

	.section-realtime-seoul .realtime-seoul-cont .card--recommend .card-head {
		display: none;
	}

	.section-realtime-seoul .realtime-seoul-cont .card--recommend .card-body {
		position: relative;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}

	.section-realtime-seoul .card--calendar-detail .detail-box ul li {
		padding: 16px 0;
	}

	.section-realtime-seoul .card--calendar-detail .detail-box ul li .title {
		width: calc(100% - 95px);
	}

	.section-realtime-seoul .card--calendar-detail .detail-box ul li .date {
		/* width: 27%; */
		width: 95px;
		word-break: break-all;
	}

	.section-realtime-seoul .list-view .tag-element {
		text-align: left;
	}

	.section-realtime-seoul .list-view .tag-element a {
		position: relative;
		width: calc(100% / 4);
		padding: 18px 0 16px;
		text-align: center;
	}

	.section-realtime-seoul .list-view .tag-element a:before {
		content: "";
		border-bottom: 1px solid #dfecfa;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.section-realtime-seoul .list-view .tag-element a:before:nth-last-child(-n + 3) {
		border-bottom: none;
	}

	html.en .section-realtime-seoul .list-view .tag-element a {
		width: calc(100% / 3);
	}

	html.en .section-realtime-seoul .list-view .tag-element a:before {
		border-bottom: 1px solid #dfecfa;
	}

	html.en .section-realtime-seoul .list-view .tag-element a:last-child:before {
		border-bottom: none;
	}

	.section-realtime-seoul .thumb-list li {
		width: calc((100% / 2) - 13.3333px);
	}

	.section-realtime-seoul .thumb-list li:nth-child(2n) {
		margin-left: 20px;
	}

	.section-realtime-seoul .thumb-list li:nth-child(odd) {
		margin-left: 0;
	}

	.section-realtime-seoul .list-view .tag-element {
		margin-top: 65px;
	}

	.section-realtime-seoul .realtime-seoul-cont.is-list-view .flex-container {
		/* margin-top: 99vh; */
	}

	.section-realtime-seoul .thumb-list li .bg-thumb {
		height: 20vw;
	}

	.section-realtime-seoul .realtime-seoul-cont .card--calendar {
		margin: 20px 20px 0;
		padding: 25px 20px 10px;
	}

	.section-realtime-seoul .realtime-seoul-cont .card--calendar-detail {
		margin: 0 20px;
		padding: 25px 20px 41px 20px;
	}

	.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li.item-Myeongdong.active--focus .balloon-box {
		transform: translate(-50%, -90%);
	}

	/* realtime-seoul-cont.detail */
	.realtime-seoul-cont.detail {
		padding: 40px 20px 0;
	}

	.realtime-seoul-cont.detail .detail-title .btn-block .btn-back {
		padding: 0;
		min-width: unset;
		width: 42px;
		height: 42px;
		display: inline-block;
		vertical-align: top;
	}

	.realtime-seoul-cont.detail .detail-title .btn-block .btn-back .ico-arrow-back {
		/* padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 42px;
		height: 42px;
		min-width: auto;
		line-height: 42px;
		text-align: center; */
		margin-top: -1px;
		margin-right: 0px;
		width: 42px;
		height: 42px;
		background: url(../../v2/images/realtime_seoul/icn_arrow_back.svg) no-repeat center center;
		background-size: 14px 14px;
	}

	.realtime-seoul-cont.detail .detail-title .btn-block .btn-back span {
		font-size: 0;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .group-01 {
		gap: 0;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .cont-box {
		width: 100%;
		margin-top: 65px;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .cctv-cont {
		flex-direction: column;
		padding: 0;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .cctv-cont .item {
		width: 100%;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .cctv-cont .item+.item {
		margin-top: 40px;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .info-cont {
		padding: 0;
	}

	.realtime-seoul-cont.detail .trafficCondition-cont .cont-01 .info-cont p {
		padding: 0 0 0 16px;
		text-align: justify;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-01 .cont-box {
		margin-top: 50px;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 {
		padding: 40px 30px 80px;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .cont-box {
		margin-top: 50px;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .cont-box [class^="box-"] {
		margin: 0;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont {
		width: 100%;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .box-01 .echarts-cont {
		height: 320px;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .box-02 .echarts-cont {
		height: 280px;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont .echarts-info .info-text {
		width: 100%;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .echarts-cont>.echarts-box {
		top: -232px;
	}

	.realtime-seoul-cont.detail .populationDensity-cont .group-02 .cont-box .box-01 .echarts-info {
		bottom: 30px;
	}

	.realtime-seoul-cont.detail .region-cont .group-01 {
		padding: 30px;
		gap: 10px;
	}

	.realtime-seoul-cont.detail .region-cont .group-01 .cont-01 .cont-box {
		padding: 0;
	}

	.realtime-seoul-cont.detail .region-cont .group-01 .cont-01 .cont-box .bg-map {
		height: 80vw;
	}

	.realtime-seoul-cont.detail .region-cont .thumb-list li {
		width: 100%;
		margin: 0;
	}

	.realtime-seoul-cont.detail .region-cont .thumb-list li+li {
		margin: 20px 0 0 0;
	}

	.section-realtime-seoul .thumb-list.thumb-list--type2 li .bg-thumb {
		height: 45vw;
	}

	.section-realtime-seoul .thumb-list.thumb-list--type2 li a {
		height: 254px;
	}

	.realtime-seoul-cont.detail .btn-info-ballon {
		height: 26px;
	}

	.realtime-seoul-cont.detail .ico-info {
		margin-left: 5px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-03 {
		margin-top: 30px;
		gap: 10px;
		flex-direction: column;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-03 dl {
		padding: 5px;
		width: 100%;
		height: 80px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .weather-status .d-flex {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-01 .ico-weather,
	.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .status-group-01 .ico-air {
		margin-right: 0;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-01 .weather-status .d-flex+.d-flex {
		margin-top: 15px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 .info-balloon {
		margin: 0;
		margin-top: -11px;
		left: 0;
		right: 0;
		transform: none;
		width: 100%;
		max-width: unset;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 .info-balloon::before {
		/*
		margin-left: auto;
		left: auto;
		right: -7px;
		top: -3px;
		*/
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dt em {
		display: block;
		margin-top: 5px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dd {
		padding: 0 0 20px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-02 {
		flex-direction: column;
		margin-top: 0;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-02 .d-flex {
		width: 100%;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-02 .d-flex+.d-flex {
		margin-top: 15px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-02 .d-flex+.d-flex:before {
		display: none;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 {
		padding: 16px 0 14px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 dl {
		flex-direction: column;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 .d-flex dt .ico-cont {
		/* margin-bottom: 8px; */
		width: 14vw;
		height: 14vw;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 .d-flex dt .ico-cont i {
		width: 14vw;
		height: 14vw;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 .d-flex dd {
		padding: 0;
		margin-top: 10px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 dl:nth-child(1) {
		padding: 0;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-03 dl:nth-child(2) {
		padding: 0;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dt {
		flex-direction: column;
		text-align: left;
		margin: 50px 0 20px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dt .btn-info-ballon {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dt .ico-cont {
		display: flex;
		align-items: center;
		margin-top: 35px;
		gap: 5px;
	}

	.realtime-seoul-cont.detail .weatherInfo-cont .cont-02 .status-group-01 dl>dt .ico-cont .ico-air {
		margin-top: 0;
	}
}

@media (max-width: 480px) {
	.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li {
		transform: scale(0.8);
	}

	.section-realtime-seoul .realtime-seoul-cont .flex-container {
		margin-top: 106vw;
	}

	.section-realtime-seoul .realtime-seoul-cont.is-list-view .flex-container {
		/* margin-top: 166vw; */
	}

	.section-realtime-seoul .realtime-seoul-cont .region-area .map-view {
		margin: 16% auto 0;
	}

	.realtime-seoul-cont.detail .region-cont .group-01 .cont-01 .cont-box .bg-map {
		width: 80vw;
	}
}

@media (max-width: 400px) {
	.section-realtime-seoul .realtime-seoul-cont .region-area .map-view {
		margin: 20% auto 0;
	}

	.section-realtime-seoul .realtime-seoul-cont .region-area .map-cont li {
		transform: scale(0.7);
	}
}

/* ---------------------------------------------
	교통
------------------------------------------------ */

/* setting */
/*=================================*/
.sub-contents--gettingToSeoul *,
.sub-contents--gettingToSeoul *:before,
.sub-contents--gettingToSeoul *:after {
	box-sizing: border-box;
}

.sub-contents--gettingToSeoul b {
	font-weight: 800;
}

.sub-contents--gettingToSeoul .underline {
	/* color: #000; */
}

.sub-contents--gettingToSeoul p,
.sub-contents--gettingToSeoul ul li,
.sub-contents--gettingToSeoul dl dd {
	/* word-break: break-all; */
	word-break: break-word;
}

/* button */
.sub-contents--gettingToSeoul a:hover {
	text-decoration: underline !important;
}

.sub-contents--gettingToSeoul .btn-block {
	position: relative;
	display: block;
	width: 100%;
}

.sub-contents--gettingToSeoul .btn-block a {
	text-decoration: none !important;
}

.sub-contents--gettingToSeoul .btn-primary {
	position: relative;
	display: inline-block;
	padding: 9px 16px;
	background: #008ad8;
	border-radius: 3px;
}

.sub-contents--gettingToSeoul .btn-primary>span {
	font-weight: 500;
	font-size: 16px;
	color: #ffffff;
}

/* table */
.sub-contents--gettingToSeoul table.data-type th {
	padding: 10px 5px 11px;
}

.sub-contents--gettingToSeoul table.data-type.textleft th,
.sub-contents--gettingToSeoul table.data-type.textleft td {
	padding-left: 26px;
}

.sub-contents--gettingToSeoul table.data-type td {
	padding: 10px 10px 11px;
}

/* sub-contents-inner */
.sub-contents--gettingToSeoul .sub-contents-inner {}

.sub-contents--gettingToSeoul .sub-contents-inner [class^="group-"]+[class^="group-"] {
	margin-top: 70px;
}

.sub-contents--gettingToSeoul .sub-contents-inner h5 {}

.sub-contents--gettingToSeoul .sub-contents-inner h5.is-bar {
	position: relative;
}

.sub-contents--gettingToSeoul .sub-contents-inner h5.is-bar:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
	margin-right: 15px;
	width: 3px;
	height: 23px;
	background-color: #000;
}

/* text-cont */
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont {
	position: relative;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont p {
	position: relative;
	vertical-align: top;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	font-weight: 500;
	word-break: break-all;
}


.sub-contents--gettingToSeoul .sub-contents-inner .text-cont ul {
	margin: 0;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont ul li {
	position: relative;
	vertical-align: top;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	font-weight: 400;
	word-break: break-all;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont ul li:before,
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont p:before {
	position: absolute;
	top: 0;
	left: 0;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont ul li.is-bullet,
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont p.is-bullet {
	/* display: inline-block; */
	background: none;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont.textright ul li.is-bullet,
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont.textright p.is-bullet {
	display: inline-block;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont ul li.is-bullet.reference,
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont p.is-bullet.reference {
	padding-left: 20px;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont ul li.is-bullet.reference:before,
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont p.is-bullet.reference:before {
	content: "※";
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont ul li.is-bullet.bar,
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont p.is-bullet.bar {
	padding-left: 10px;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont ul li.is-bullet.bar:before,
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont p.is-bullet.bar:before {
	content: "-";
	top: -1px;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .tip-area {
	position: relative;
	/* padding-right: 60px; */
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .tip-area .tip-title {
	font-weight: 700;
	font-size: 14px;
	line-height: 21px;
	color: #000000;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .tip-area p,
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .tip-area ul li {
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .warning-area {}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .warning-area dt {
	display: block;
	margin-bottom: 3px;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	color: #cf1616;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .warning-area dd {
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	color: #616161;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area {
	font-size: 16px;
	color:#000;
}
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area .faq-title {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
}
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area .faq-title b {
	font-weight: 900;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area dl {}
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area dl + dl {
	margin-top: 20px;
}
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area dl > dt,
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area dl > dd {
	position: relative;
	padding-left: 20px;
}
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area dl > dt::before,
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area dl > dd::before {
	position: absolute;
	top: 0;
	left: 0;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area dl > dt {
	display: block;
	margin-bottom: 5px;
}
.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area dl > dt::before {
	content: 'Q.';
	font-weight: 800;
}

.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area dl > dd::before {
	content: 'A.';
}

.sub-contents--gettingToSeoul .sub-contents-inner .info-box {
	background: #f4f4f4;
	padding: 50px 30px;
}

.sub-contents--gettingToSeoul .sub-contents-inner .div-table {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.sub-contents--gettingToSeoul .sub-contents-inner .div-table .row {
	display: flex;
	gap: 20px;
}

.sub-contents--gettingToSeoul .sub-contents-inner .div-table [class^="cell-"] {
	padding: 5px 0;
	font-size: 16px;
	line-height: 1.5;
	color: #000000;
}

.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-name {
	width: 80px;
	min-width: 80px;
	word-break: break-all;
}

.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-name b {
	font-weight: 800;
}

.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-value {
	font-weight: 400;
	word-break: break-all;
}

.sub-contents--gettingToSeoul .sub-contents-inner .div-table ul, 
.sub-contents--gettingToSeoul .sub-contents-inner .div-table ol,
.sub-contents--gettingToSeoul .sub-contents-inner .div-table li {
	list-style: unset !important;
	margin: 0 0 0 10px;
	padding: 0;
	background: none;
}
.sub-contents--gettingToSeoul .sub-contents-inner .div-table li::marker {
	display: none;
}

.sub-contents--gettingToSeoul .sub-contents-inner .div-table ol {
	list-style: decimal !important;
}

.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-value .line {
	display: block;
	margin: 10px 0 10px;
	width: 100%;
	max-width: 673px;
	height: 1px;
	border-top: 1px solid rgba(0,0,0,0.5);
}
.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-value .line:last-child {
	margin:10px 0 0;
}


.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-value dl {}
.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-value dl + dl {
	margin-top: 20px;
}
.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-value dl > dt {}
.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-value dl > dd {}

.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-value dl > dd .flex-container {
	align-items: center;
}
.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-value dl > dd .app-download {
	margin-left: 15px;
	width: 152px;
	display: flex;
	gap: 8px;
}
.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-value dl > dd .app-download img {
	display: block;
	width: 100%;
	height: 100%;
}

/* getting-to-seoul */
/*=================================*/
.sub-contents--gettingToSeoul .sub-contents-inner.gettingToSeoul {}

.sub-contents--gettingToSeoul .sub-contents-inner.gettingToSeoul .thumb-cont {
	display: flex;
	width: 100%;
}

.sub-contents--gettingToSeoul .sub-contents-inner.gettingToSeoul .thumb-cont .item {
	position: relative;
	width: calc(100% / 3);
	height: 230px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.gettingToSeoul .thumb-cont .item a {
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center center;
}

.sub-contents--gettingToSeoul .sub-contents-inner.gettingToSeoul .thumb-cont .item a:hover {
	text-decoration: none !important;
}

.sub-contents--gettingToSeoul .sub-contents-inner.gettingToSeoul .thumb-cont .item span {
	position: relative;
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #ffffff;
	z-index: 10;
}

/* subway */
/*=================================*/
.sub-contents--gettingToSeoul .sub-contents-inner.subway {}

.sub-contents--gettingToSeoul .sub-contents-inner.subway .thumb-list {
	position: relative;
}

.sub-contents--gettingToSeoul .sub-contents-inner.subway .thumb-list .row {
	display: flex;
	justify-content: space-between;
}

.sub-contents--gettingToSeoul .sub-contents-inner.subway .thumb-list .row+.row {
	margin-top: 70px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.subway .thumb-list .item {
	width: calc((100% / 2) - 16px);
	height: auto;
}

.sub-contents--gettingToSeoul .sub-contents-inner.subway .thumb-list .item img {
	width: 100%;
	height: 290px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.subway .thumb-list .item strong {
	display: block;
	padding: 23px 0 33px;
	font-weight: 500;
	font-size: 18px;
	line-height: 27px;
	color: #000;
}

/* bus */
/*=================================*/
.sub-contents--gettingToSeoul .sub-contents-inner.bus {}

.sub-contents--gettingToSeoul .sub-contents-inner.bus .thumb-list {
	overflow: hidden;
	position: relative;
	background: #fcfcfc;
	border: 1px solid #d9d9d9;
	padding: 30px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.bus .thumb-list .item {
	float: left;
	margin-right: 20px;
	width: calc((100% / 3) - 14px);
	height: auto;
	margin-bottom: 20px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.bus .thumb-list .item:nth-child(3n) {
	margin-right: 0;
}

.sub-contents--gettingToSeoul .sub-contents-inner.bus .thumb-list .item:nth-last-child(-n + 2) {
	margin-bottom: 0;
}

/* taxi */
/*=================================*/
.sub-contents--gettingToSeoul .sub-contents-inner.taxi {}

.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list {}

.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .item {
	display: flex;
}

.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .item+.item {
	margin-top: 60px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .item .thumb-cont {
	margin-right: 35px;
	width: 300px;
	height: 240px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .item .thumb-cont>img {
	display: block;
	width: 100%;
	height: 100%;
}

.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .item .text-cont strong {
	display: block;
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .text-cont {
	width: calc(100% - 300px);
}

.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .text-cont .warning-area {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}

/* airportToSeoul */
/*=================================*/
.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul {}

.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .map-view {
	position: relative;
}

.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .thumb-list {
	display: block;
	margin: 0 auto;
	width: 640px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .thumb-list .row {
	display: flex;
	justify-content: space-between;
}

.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .thumb-list .item {
	width: 300px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .thumb-list .item .thumb-cont {
	width: 100%;
	height: 240px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .thumb-list .text-cont {
	padding: 15px 0 60px;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .thumb-list .text-cont strong {
	display: block;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #000000;
}

.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .thumb-list .text-cont p {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .div-table .cell-name {
	min-width: 150px;
}

/* tourPass */
/*=================================*/
.sub-contents--gettingToSeoul .sub-contents-inner.tourPass {}

.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	max-width: 800px;
}

.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont > .flex-container {
	justify-content: space-between;
}

.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont > .flex-container > .flex-item {}

.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont > .flex-container > .flex-item > .flex-container {
	flex-direction: column;
	align-items: center;
	gap:12px;
	text-align: center;
}

.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont > .flex-container > .flex-item > .flex-container strong {
	display: block;
	font-size: 23px;
	color: #222;
	font-weight: 800;
}
.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont > .flex-container > .flex-item > .flex-container img {
	display: block;
	width: 249px;
	height: 376px;
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 3px;
}





/* 교통 - 반응형 */
/*=================================*/
@media (max-width: 1200px) {

	/* 여행 패스 */
	.sub-contents--gettingToSeoul .mt20 {
		margin-top: 0 !important;
	}
	.sub-contents--gettingToSeoul .mt60 {
		margin-top: 30px !important;
	}
	.sub-contents--gettingToSeoul .sub-contents-inner .div-table ul,
	.sub-contents--gettingToSeoul .sub-contents-inner .div-table ol,
	.sub-contents--gettingToSeoul .sub-contents-inner .div-table li {
		margin:0 0 0 7px;
	}

	
	.sub-contents--gettingToSeoul .sub-contents-inner .info-box {
		padding:30px;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont {
		width: 100%;
	}
	.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont > .flex-container {
		gap: 20px;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont > .flex-container > .flex-item > .flex-container {
		gap: 5px;
	}
	.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont > .flex-container > .flex-item > .flex-container img {
		width: 100%;
		height: auto;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont > .flex-container > .flex-item > .flex-container strong {
		font-size: 16px;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner .div-table [class^="cell-"] {
		font-size: 14px;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner .text-cont .faq-area {
		font-size: 14px;
	}


}

@media (max-width: 768px) {
	.sub-contents--gettingToSeoul .sub-contents-inner h4 {
		padding: 33px 0;
		font-size: 24px;
		line-height: 36px;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner h5 {
		font-size: 20px;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner h5.is-bar:before {
		margin-top: 3px;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner .text-cont p {
		font-weight: 400;
		font-size: 14px;
		line-height: 1.5;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner .info-box .div-table .cell-name {}

	
	.sub-contents--gettingToSeoul .sub-contents-inner .div-cont.mt60 {
		margin-top: 15px !important;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner .info-box.mt20 {
		margin-top: 35px !important;
	}

	.sub-contents--gettingToSeoul table.data-type.textleft th,
	.sub-contents--gettingToSeoul table.data-type.textleft td {
		padding-left: 12px;
	}

	/* gettingToSeoul */
	.sub-contents--gettingToSeoul .sub-contents-inner.gettingToSeoul .thumb-cont {
		flex-direction: column;
		width: 100%;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.gettingToSeoul .thumb-cont .item {
		width: 100%;
	}

	/* subway */
	.sub-contents--gettingToSeoul .sub-contents-inner.subway .thumb-list .row {
		flex-direction: column;
		width: 100%;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.subway .thumb-list .item {
		width: 100%;
	}

	/* bus */
	.sub-contents--gettingToSeoul .sub-contents-inner.bus .thumb-list {
		padding: 25px;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.bus .thumb-list .item {
		float: left;
		margin-right: 16px;
		width: calc((100% / 2) - 8px);
		height: auto;
		margin-bottom: 16px;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.bus .thumb-list .item:nth-child(2n) {
		margin-right: 0;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.bus .thumb-list .item:nth-child(3n) {
		margin-right: 16px;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.bus .info-box .div-table .cell-name {
		min-width: 150px;
	}

	/* taxi */
	.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .item {
		flex-direction: column;
		width: 100%;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .item .thumb-cont,
	.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .text-cont {
		width: 100%;
		height: auto;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .text-cont {
		padding-top: 23px;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .text-cont p {
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.taxi .thumb-list .text-cont .warning-area {
		position: relative;
		bottom: auto;
		margin-top: 20px;
	}

	/* airportToSeoul */
	.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .thumb-list {
		width: 100%;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .thumb-list .row {
		flex-direction: column;
		width: 100%;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .thumb-list .item {
		width: 100%;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner.airportToSeoul .thumb-list .item .thumb-cont {
		height: auto;
	}

	/* tourPass */
	.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont {
		width: 100%;
		height: auto;
	}

	.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-value dl > dd .flex-container {
		align-items: start;
		flex-direction: column;
	}
	.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-value dl > dd .app-download	{
		margin-top: 5px;
		margin-left: 0;
		gap: 5px;
	}	
}

@media (max-width: 480px) {
	.realtime-seoul-cont.detail .info-balloon::before {
		left: 105px;
	}
	.sub-contents--gettingToSeoul .sub-contents-inner .info-box {
		padding: 20px 15px;
	}
	.sub-contents--gettingToSeoul .sub-contents-inner .div-table .row {
		gap: 10px;
	}
	.sub-contents--gettingToSeoul .sub-contents-inner .div-table .cell-name {}
	

	.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont > .flex-container > .flex-item > .flex-container strong {
		font-size: 11px;
	}
	.sub-contents--gettingToSeoul .sub-contents-inner.tourPass .card-cont > .flex-container {
		gap: 10px;
	}


}

/* ---------------------------------------------
	개인정보처리방침
------------------------------------------------ */
.section-privacy {
	position: relative;
}

.section-privacy .privacy-cont {
	position: relative;
	height: 100%;
	/* padding: 50px 0 0; */
}

.section-privacy .privacy-cont .info-box {
	position: relative;
	margin-bottom: 25px;
	padding: 15px 20px;
	border: 2px solid #ddd;
}

.section-privacy .privacy-cont .info-box p {
	font-size: 14px;
	color: #000;
}

.section-privacy .privacy-cont table.data-type {
	margin-bottom: 15px;
}

.section-privacy .privacy-cont table.data-type tr th {
	padding: 10px 10px 12px;
	height: auto;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	background: #f9f9f9;
	color: #262626;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.8px;
	text-align: center;
	word-wrap: break-word;
}

.section-privacy .privacy-cont table.data-type tr td {
	/* text-align: center; */
	padding: 10px 10px 12px;
	color: #777;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.8px;
	word-break: break-all;
}

.section-privacy .privacy-cont table.data-type tr td b {
	display: inline;
	margin-left: 2px;
	font-size: 18px;
}

.section-privacy .privacy-cont table.data-type tr td span.change-word-break {
	display: block;
}

.section-privacy .privacy-cont .table-info {
	position: relative;
}

.section-privacy .privacy-cont .table-info dl {
	margin-top: 10px;
}

.section-privacy .privacy-cont .table-info dl>dt {
	color: #313131;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.8px;
}

.section-privacy .privacy-cont .table-info dl>dd {
	padding: 10px 0 0 20px;
	color: #313131;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.8px;
}

.section-privacy .privacy-cont .btn-block {
	margin-top: 40px;
	text-align: center;
}

.section-privacy .privacy-cont .btn-block button {
	min-width: 100px;
	margin: 0 5px;
}

.section-privacy .privacy-cont .btn-group {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.section-privacy .privacy-cont .div-cont {
	position: relative;
}

.section-privacy .privacy-cont .div-cont+.div-cont {
	margin-top: 40px;
}

.section-privacy .privacy-cont .div-cont .cont-head {
	position: relative;
	display: block;
	margin-bottom: 15px;
}

.section-privacy .privacy-cont .div-cont .cont-head strong {
	display: block;
	padding-bottom: 8px;
	color: #333;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.4px;
	border-bottom: 1px solid #c0c0c0;
}

.section-privacy .privacy-cont .div-cont .cont-head p {
	margin-top: 15px;
	color: #828282;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.8px;
}

.section-privacy .privacy-cont .div-cont .cont-body {
	position: relative;
	padding: 20px 30px;
	border: 1px solid #d7d7d7;
	border-bottom: none;
}

.section-privacy .privacy-cont .div-cont .agree-cont {
	background-color: #e6eaef;
	padding: 10px 10px 12px;
	border: 1px solid #d7d7d7;
	border-top: none;
	height: 100%;
}

.section-privacy .privacy-cont .div-cont .agree-cont label {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-top: 2px;
	height: 100%;
	cursor: pointer;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.5px;
	z-index: 10;
	user-select: none;
}

.section-privacy .privacy-cont .div-cont .agree-cont .check-field {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.section-privacy .privacy-cont .div-cont .agree-cont .check-field input[type="checkbox"] {
	position: absolute;
	top: 15px;
	/* margin-top: 3px; */
	left: 0;
	width: 26px;
	height: 26px;
	z-index: 1;
	transition: none;
}

.section-privacy .privacy-cont .div-cont .agree-cont .check-field input[type="checkbox"]+span {
	padding-left: 36px;
	position: relative;
	display: inline-block;
	line-height: 1.5;
}

.section-privacy .privacy-cont .div-cont .agree-cont .check-field input[type="checkbox"]+span:before {
	content: "";
	position: relative;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	background: url(../../v2/images/common/icn_checkbox.svg) no-repeat center center;
	background-size: 100%;
	transition: all 0.3s ease-out;
	z-index: 10;
}

.section-privacy .privacy-cont .div-cont .agree-cont .check-field input[type="checkbox"]:checked+span:before {
	background: url(../../v2/images/common/icn_checkbox_active.svg) no-repeat center center;
	background-size: 100%;
}

.section-privacy .privacy-cont .div-cont .agree-cont .check-field.error {}

.section-privacy .privacy-cont .div-cont .agree-cont .check-field.error input[type="checkbox"]+span:after {
	content: "";
	position: relative;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #ff4848;
	border-radius: 2px;
	/* background: #fff; */
	width: 26px;
	height: 26px;
	z-index: 30;
}

.section-privacy .privacy-cont .div-cont .agree-cont .form-info-error {
	padding-left: 36px;
	margin-top: 1px;
	/* line-height: 1; */
}

.section-privacy .btn-block-bottom {
	position: relative;
	margin-top: 50px;
	text-align: center;
	font-size: 0;
}

.section-privacy .btn-block-bottom button {
	display: inline-block;
	text-align: center;
	min-width: 130px;
	height: 42px;
	line-height: 40px;
	border-radius: 4px;
	margin: 0 6px;
}

.section-privacy .btn-block-bottom button span {
	display: inline-block;
	vertical-align: top;
	margin-top: -1px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.section-privacy .btn-block-bottom .btn-request {
	border: 1px solid #063164;
	background: #063164;
}

.section-privacy .btn-block-bottom .btn-cancel {
	border: 1px solid #7e8083;
	background: #7e8083;
}

/* 개인정보처리방침 - 반응형 */
/*=================================*/
@media (max-width: 768px) {
	.section-privacy .privacy-cont .div-cont .cont-body {
		padding: 0;
		border: 0;
	}

	.section-privacy .privacy-cont table.data-type tr td span.change-word-break {
		display: inline;
	}

	.section-privacy .privacy-cont .div-cont .agree-cont {
		border: none;
		margin-top: 20px;
	}

	.section-privacy .privacy-cont .table-info dl>dd {
		padding: 10px 0 0 0;
	}

	.section-privacy .btn-block-bottom {
		margin-top: 40px;
	}

	.section-privacy .btn-block-bottom button {
		display: block;
		width: 100%;
		margin: 0;
	}

	.section-privacy .btn-block-bottom button+button {
		margin: 10px 0 0 0;
	}
}

@media (max-width: 480px) {
	.section-privacy .btn-block-bottom button {
		line-height: 42px;
	}
}

/* ---------------------------------------------
	행사일정 캘린더
------------------------------------------------ */

/* setting */
/*=================================*/
.section-event-calendar *,
.section-event-calendar *:before,
.section-event-calendar *:after {
	box-sizing: border-box;

	/*
	font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 400;
	letter-spacing: -0.5px;
	*/
}

.section-event-calendar {
	overflow: hidden;
	position: relative;
	margin: 10px auto 0;
	width: 100%;
	max-width: 1200px;
}

/*
.section-event-calendar .tabs >li span:after {
	content: '';
	position: absolute;
	right: 1px;
	top: 8px;
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #7367F0;
	z-index: 10;
	transition: 0.2s ease-out;
	opacity: 1;
}
*/

.section-event-calendar .tabs>li i[class^="bullet--"] {
	position: absolute;
	right: -11px;
	top: 7px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #7367f0;
	z-index: 10;
	transition: 0.2s ease-out;
	opacity: 1;
}

.section-event-calendar .tabs>li i.bullet--eventCal2 {
	background-color: #ff9f43;
	border-radius: 0;
}

.section-event-calendar .tabs>li i.bullet--eventCal3 {
	background-color: #28c76f;
	border-radius: 0;
	transform: rotate(135deg);
}

/* 전체 */
.section-event-calendar .tabs li:nth-of-type(1) {}

.section-event-calendar .tabs li:nth-of-type(1):after,
.section-event-calendar .tabs li:nth-of-type(1) span:after {
	background-color: #7367f0;
}

/* 축제&행사 */
.section-event-calendar .tabs li:nth-of-type(2) {}

.section-event-calendar .tabs li:nth-of-type(2):after,
.section-event-calendar .tabs li:nth-of-type(2) span:after {
	background-color: #ff9f43;
}

/* 전시&공연 */
.section-event-calendar .tabs li:nth-of-type(3) {}

.section-event-calendar .tabs li:nth-of-type(3):after,
.section-event-calendar .tabs li:nth-of-type(3) span:after {
	background-color: #28c76f;
}

.section-event-calendar .event-calendar-cont {
	position: relative;
	display: flex;
	margin-top: 20px;
	/* height:350px; */
}

.section-event-calendar .event-calendar-cont span.c-point,
.section-event-calendar .event-calendar-cont .btn-link:hover span.c-point {
	color: #4e95ff !important;
}

.section-event-calendar .event-calendar-cont .btn-link:hover,
.section-event-calendar .event-calendar-cont .btn-link:hover span {
	color: #3a7bdb !important;
	text-decoration: underline;
	transition: all 0.3s ease-out;
}

/* calendar-cont */
.calendar-cont {
	position: relative;
	width: 400px;
	height: 357px;
	padding: 23px 30px 5px;
	border: 1px solid #e1e1e1;
	border-radius: 10px 0px 0px 10px;
	background: #fff;
}
.calendar-cont .inner-cont {
	padding: 0 !important;
}

html .calendar-cont *,
html .calendar-cont *:before,
html .calendar-cont *:after {
	font-family: "IBM Plex Sans KR", sans-serif;
}

.calendar-cont b {
	/* font-weight: 800; */
	font-weight: 600;
}

.calendar-cont .cont-head {
	position: relative;
	margin-bottom: 3px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.calendar-cont .cont-head strong {
	color: #0e418e;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.5px;
	display: flex;
	justify-content: space-between;
}

.calendar-cont .cont-body {}

.calendar-cont .cont-body .calendar {
	overflow: visible;
	border: none;
}

.calendar-cont .cont-body .calendar header {
	border: none;
}

/* .calendar-cont .cont-body header em {
	display: inline-block;
	width: 100%;
	margin-bottom: 3px;
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
	color: #0E418E;
	text-align: left;
} */

.calendar-cont .cont-body header h2 {
	display: flex;
	flex-flow: row-reverse;
	width: 100%;
	left: 0;
	justify-content: flex-end;
	color: #0e418e;
	font-size: 20px;
	font-weight: 800;
	text-align: left;
	line-height: 1;
}

.calendar-cont .cont-body header .year {
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	/* 105.263% */
	letter-spacing: -0.5px;
	text-align: left;
}

.calendar-cont .cont-body header .simple-calendar-btn {
	overflow: hidden;
	display: inline-block;
	position: absolute;
	top: -5px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: inherit;
	border: none;
	border-radius: 0;
	transform: none;
	z-index: 10;
}

.calendar-cont .cont-body header .simple-calendar-btn:before {
	display: none;
}

.calendar-cont .cont-body header .btn-prev {
	left: auto;
	right: 35px;
	background: url(../../v2/images/realtime_seoul/icn_simpleCalendar_arrow_prev.svg) no-repeat center center;
	background-size: 24px 24px;
}

.calendar-cont .cont-body header .btn-next {
	background: url(../../v2/images/realtime_seoul/icn_simpleCalendar_arrow_next.svg) no-repeat center center;
	background-size: 24px 24px;
}

.calendar-cont .cont-body table {}

.calendar-cont .cont-body table .c-sunday,
.calendar-cont .cont-body table .c-sunday .day,
.calendar-cont .cont-body table .c-sunday .day button {
	color: #ff2f2f;
}

.calendar-cont .cont-body table td {
	width: 100%;
}

.calendar-cont .cont-body table thead {
	position: relative;
}

.calendar-cont .cont-body table thead:after {
	content: "";
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 1px dashed #dbe2eb;
}

.calendar-cont .cont-body table thead th {
	padding: 8px 0;
	width: 100%;
	font-weight: 400;
	font-size: 15px;
	line-height: 16px;
	color: #1f1f1f;
}

.calendar-cont .cont-body table tbody {}

.calendar-cont .cont-body table tbody tr:first-child td {
	/* padding-top: 14px; */
	padding-top: 8px;
}

.calendar-cont .cont-body table tbody td {
	padding: 0;
}

.calendar-cont .cont-body table tbody td .day {
	width: 38px;
	height: 38px;
}

.calendar-cont .cont-body table tbody td .day button {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #2b3238;
	font-weight: 500;
	width: 34px;
	height: 34px;
	line-height: 31px;
	border-radius: 8px;
	/* transition: all 0.2s ease-out; */
	user-select: none;
}


.calendar-cont .cont-body table tbody td .day button:disabled {
	cursor: default;
}

.calendar-cont .cont-body table tbody td .day.has-event button {
	cursor: pointer !important;
}

.calendar-cont .cont-body table tbody td .day:hover {
	border: 2px solid transparent;
}

.calendar-cont .cont-body table tbody td .day.today {
	background: transparent;
}

.calendar-cont .cont-body table tbody td .day.today button {
	background: #f4f3ff;
	border: 2px solid #f4f3ff;
}

.calendar-cont .cont-body table tbody td .day.has-event button.active--focus {
	background: #f4f3ff;
	border: 2px solid #7367f0;
	border-radius: 10px;
}

.calendar-cont .cont-body table tbody td .day.has-event:after {
	display: none;
}

.calendar-cont .cont-body table tbody td .day.has-event .event-bullet {
	position: absolute;
	bottom: 2px;
	left: 0;
	z-index: 10;
	font-size: 0;
	width: 100%;
	text-align: center;
	height: 6px;
}

.calendar-cont .cont-body table tbody td .day.has-event .event-bullet .ico-bullet {
	display: inline-block;
	margin: 0 2px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	vertical-align: top;
}

.calendar-cont .cont-body table tbody td .day.has-event .event-bullet .ico-bullet.c-eventCal2 {
	background-color: #ff9f43;
	border-radius: 0;
}

.calendar-cont .cont-body table tbody td .day.has-event .event-bullet .ico-bullet.c-eventCal3 {
	background-color: #28c76f;
	border-radius: 0;
	transform: rotate(135deg);
}

.calendar-cont .cont-body table tbody td .day.has-event button.active--focus:before {
	opacity: 1;
}

.calendar-cont .cont-body table tbody td .day.wrong-month {
	opacity: 0;
}

.section-event-calendar[data-event-cal="eventCal1"] {}

.section-event-calendar[data-event-cal="eventCal2"] .calendar-cont .cont-body table tbody td .day.today button {
	background: #fff2e4;
	border: 2px solid #fff2e4;
}

.section-event-calendar[data-event-cal="eventCal2"] .calendar-cont .cont-body table tbody td .day.has-event button.active--focus {
	background: #fff2e4;
	border: 2px solid #ff9f43;
	border-radius: 10px;
}

.section-event-calendar[data-event-cal="eventCal3"] .calendar-cont .cont-body table tbody td .day.today button {
	background: #e4fff0;
	border: 2px solid #e4fff0;
}

.section-event-calendar[data-event-cal="eventCal3"] .calendar-cont .cont-body table tbody td .day.has-event button.active--focus {
	background: #e4fff0;
	border: 2px solid #28c76f;
	border-radius: 10px;
}

/* 캘린더 디테일 */
/*=================================*/
.section-event-calendar .calendar-detail-cont {
	position: relative;
	/* height:100%; */
	width: calc(100% - 400px);
	/* min-height: 344px; */
	padding: 30px;
	background: url("../../v2/images/content/img_bg_event_cal_detail.png") no-repeat center center;
	background-size: 100% 100%;
}

.section-event-calendar .calendar-detail-cont .inner-cont {
	position: relative;
	padding: 19px 15px 19px 20px !important;
	height: 100%;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.9);
}

.section-event-calendar .calendar-detail-cont .cont-head {}

.section-event-calendar .calendar-detail-cont .cont-body {
	position: relative;
	/* padding: 20px 20px 30px; */
}

.section-event-calendar .calendar-detail-cont .cont-head strong {
	color: #2f2f2f;
	font-family: 'Noto Sans KR', 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans TC', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	/* 122.222% */
	letter-spacing: -0.5px;
}

.section-event-calendar .calendar-detail-cont .cont-head strong em {
	margin-right: 5px;
}

.section-event-calendar .calendar-detail-cont .cont-head strong em.c-point {
	color: #4e95ff;
}

.section-event-calendar .calendar-detail-cont .cont-body {
	position: relative;
	overflow-y: auto;
	max-height: 223px;
	margin-top: 13px;
	padding-right: 10px;
}

.section-event-calendar .calendar-detail-cont .cont-body::-webkit-scrollbar {
	width: 7px;
}

/* 
.section-event-calendar .calendar-detail-cont .cont-body::-webkit-scrollbar:vertical {
	width: 7px;
}

.section-event-calendar .calendar-detail-cont .cont-body::-webkit-scrollbar:horizontal {
	height: 0;
}
*/

.section-event-calendar .calendar-detail-cont .cont-body::-webkit-scrollbar-thumb {
	background-color: #999;
	border-radius: 5px;
}

.section-event-calendar .calendar-detail-cont .cont-body::-webkit-scrollbar-track {
	background-color: #dedede;
	border-radius: 5px;
}

.section-event-calendar .calendar-detail-cont .cont-body ul {}

.section-event-calendar .calendar-detail-cont .cont-body ul li {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #b7b7b7;
}

.section-event-calendar .calendar-detail-cont .cont-body ul li:first-of-type {
	padding: 0 0 8px;
}

.section-event-calendar .calendar-detail-cont .cont-body ul li a,
.section-event-calendar .calendar-detail-cont .cont-body ul li span {
	color: #252525;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	/* 137.5% */
	letter-spacing: -0.5px;
}

.section-event-calendar .calendar-detail-cont .cont-body ul li .title {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 4px;
	/* padding-right: 20px; */
	/* width: calc(100% - 190px); */
	word-break: break-word;
}

.section-event-calendar .calendar-detail-cont .cont-body ul li .title>a {
	position: relative;
}

/*
.section-event-calendar .calendar-detail-cont .cont-body ul li .title > a[class^='bullet--'] {
	padding-left: 13px;
}
.section-event-calendar .calendar-detail-cont .cont-body ul li .title > a[class^='bullet--']:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: 1px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	z-index: 10;
	background-color: #7367F0;
	transform: translateY(-50%);
}

.section-event-calendar .calendar-detail-cont .cont-body ul li .title > a.bullet--eventCal2:before {
	background-color: #FF9F43;
}
.section-event-calendar .calendar-detail-cont .cont-body ul li .title > a.bullet--eventCal3:before {
	background-color: #28C76F;
}
*/

.section-event-calendar .calendar-detail-cont .cont-body ul li .title i[class^="bullet--"] {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 1px;
	margin-right: 7px;
	padding-left: 1px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	z-index: 10;
}

.section-event-calendar .calendar-detail-cont .cont-body ul li .title i.bullet--eventCal2 {
	background-color: #ff9f43;
	border-radius: 0;
}

.section-event-calendar .calendar-detail-cont .cont-body ul li .title i.bullet--eventCal3 {
	background-color: #28c76f;
	border-radius: 0;
	transform: rotate(135deg);
}

.section-event-calendar .calendar-detail-cont .cont-body ul li .date {
	min-width: 220px;
	text-align: right;
	word-break: break-word;
}

.section-event-calendar .calendar-detail-cont .cont-body .nodata-cont {
	position: relative;
	margin-top: -10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 223px;
}

.section-event-calendar .calendar-detail-cont .cont-body .nodata-cont dl {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.section-event-calendar .calendar-detail-cont .cont-body .nodata-cont dl>dt {
	height: 74px;
}

.section-event-calendar .calendar-detail-cont .cont-body .nodata-cont dl>dt .ico-nodata {
	display: inline-block;
	width: 74px;
	height: 74px;
	background: url("../../v2/images/content/icn_event_cal_circle_nodata.svg") no-repeat center center;
	background-size: 100%;
}

.section-event-calendar .calendar-detail-cont .cont-body .nodata-cont dl>dd {
	margin-top: 10px;
	color: #5e5e5e;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	/* 137.5% */
	letter-spacing: -0.5px;
	text-align: center;
}

/* 행사일정 캘린더 - 반응형 */
/*=================================*/
@media (max-width: 1024px) {
	.section-event-calendar {
		margin: 20px auto 0;
	}

	.section-event-calendar .event-calendar-cont {
		flex-direction: column;
	}

	.calendar-cont {
		padding: 23px 20px 5px !important;
		width: 100%;
		border-radius: 10px;
	}

	.section-event-calendar .calendar-detail-cont {
		border-radius: 10px;
		padding: 20px;
		margin-top: 20px;
		width: 100%;
	}
}

@media (max-width: 768px) {
	/* 
	.section-event-calendar {
		margin: 30px 0;
	} 
	.section-event-calendar .tabs > li span:after {
		width: 5px;
		height: 5px;
		top: 0;
		right: 1px;
	}
	.section-event-calendar .tabs > li i[class^="bullet--"] {
		top: 0;
	}
	*/

	.section-event-calendar .calendar-detail-cont .cont-head strong {
		font-size: 16px;
	}

	.section-event-calendar .calendar-detail-cont .cont-body {
		max-height: 236px;
	}

	.section-event-calendar .calendar-detail-cont .cont-body ul li {
		flex-direction: column;
		align-items: start;
		padding: 8px 0 10px;
	}

	.section-event-calendar .calendar-detail-cont .cont-body ul li .title {
		width: 100%;
		padding: 2px;
	}

	.section-event-calendar .calendar-detail-cont .cont-body ul li a,
	.section-event-calendar .calendar-detail-cont .cont-body ul li span {
		font-size: 14px;
		letter-spacing: -0.7px;
		line-height: normal;
	}

	.section-event-calendar .calendar-detail-cont .cont-body ul li .date {
		text-align: left;
	}

	.calendar-cont .cont-body table tbody td .day.has-event .event-bullet {
		height: 5px;
		bottom: 2px;
	}

	.calendar-cont .cont-body table tbody td .day.has-event .event-bullet .ico-circle {
		width: 5px;
		height: 5px;
	}

	.section-event-calendar .calendar-detail-cont .cont-body ul li .title i[class^="bullet--"] {
		margin-right: 6px;
		width: 5px;
		height: 5px;
	}
}

/* ---------------------------------------------
	서울 큐레이션
------------------------------------------------ */
html.v2 .sub-contents--seoul-curation {}

html.v2 .sub-contents--seoul-curation+footer {
	padding-top: 0;
}

/* setting */
/*=================================*/
.section-seoul-curation *,
.section-seoul-curation *:before,
.section-seoul-curation *:after {
	box-sizing: border-box;
}

.section-seoul-curation {
	/* overflow:hidden; */
	position: relative;
	margin: 40px auto 0;
	width: 100%;
}

.section-seoul-curation .seoul-curation-cont {
	position: relative;
	display: flex;
	width: 100%;
	gap: 80px;
}

.seoul-curation-cont>[class^="group-"] {
	position: relative;
}

.seoul-curation-cont .group-01 {
	padding-bottom: 80px;
	width: 300px;
	min-width: 300px;
}

.seoul-curation-cont .group-01:after {
	content: "";
	display: block;
	clear: both;
	position: absolute;
	top: 0;
	right: -40px;
	bottom: 0px;
	height: 100%;
	width: 1px;
	background-color: #ddd;
}

.seoul-curation-cont .group-02 {
	padding-bottom: 80px;
	width: calc(100% - 300px);
	min-width: calc(100% - 300px);
}

.seoul-curation-cont .group-01 .cont-head {
	position: relative;
	border-bottom: 1px solid #676767;
	padding-bottom: 10px;
}

.seoul-curation-cont .group-01 .cont-head h3 {
	color: #000;
	font-family: 'Noto Sans KR', 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans TC', sans-serif;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -1px;
	word-break: break-word;
}

.seoul-curation-cont .group-01 .cont-body {
	position: relative;
	margin-top: 30px;
}

.seoul-curation-cont .group-01 .cont-body dl {}

.seoul-curation-cont .group-01 .cont-body dl+dl {
	margin-top: 10px;
}

.seoul-curation-cont .group-01 .cont-body dl>dt {
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #000;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: 500;
}

.seoul-curation-cont .group-01 .cont-body dl>dt:before {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: -1;
	left: 0px;
	bottom: 7px;
	width: 104%;
	height: 11px;
	background-color: #bcd9ff;
}

.seoul-curation-cont .group-01 .cont-body dl>dd {
	margin-top: 15px;
}

.seoul-curation-cont .group-01 .cont-body dl>dd li {
	display: inline-block;
	vertical-align: top;
	margin-right: 24px;
	margin-bottom: 24px;
	/* height: 24px; */
	height: auto;
}

.seoul-curation-cont .group-01 .cont-body .btn-block {
	text-align: right;
}

.seoul-curation-cont .group-01 .cont-body .btn-reset {
	color: #000;
	font-size: 14px;
	letter-spacing: -0.28px;
	font-weight: 500;
	text-decoration-line: underline;
	text-underline-offset: 3px;
}

.seoul-curation-cont .group-02 .tab-group {
	margin-top: 40px;
}

.seoul-curation-cont .group-02 .info-cont {}

.seoul-curation-cont .group-02 .info-cont p {
	color: #000;
	font-size: 16px;
	letter-spacing: -0.8px;
}

.seoul-curation-cont .group-02 .article-list.type2 {
	margin-top: 15px;
}

.seoul-curation-cont .article-list.type2 {
	gap: 40px;
}

.seoul-curation-cont .article-list.type2 li {
	position: relative;
	width: 100%;
	box-shadow: none;
}

.seoul-curation-cont .article-list.type2 li a {
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #ddd;
	display: flex;
	transition: 0.2s ease-out;
}
.seoul-curation-cont .article-list.type2 li a:focus {
	outline-offset: 2px;
}

.seoul-curation-cont .article-list.type2 li.active--focus a {
	box-shadow: 0px 0px 21px 0px rgba(23, 122, 214, 0.21);
}

.seoul-curation-cont .article-list.type2 li .like-cont {
	position: absolute;
	left: calc(285px - 50px);
	bottom: 10px;
	z-index: 10;
	width: 40px;
	height: 38px;
}

.seoul-curation-cont .article-list.type2 li .like-cont .like-element .btn-like {
	position: relative;
	bottom: unset;
	right: unset;
}

.seoul-curation-cont .article-list.type2 li a .thumb {
	width: 285px;
	height: 250px;
}

.seoul-curation-cont .article-list.type2 li a .infor-element {
	width: calc(100% - 285px);
}

.seoul-curation-cont .article-list.type2 li a .infor-element .infor-element-inner {
	min-height: unset;
	padding: 30px 20px;
}

.seoul-curation-cont .article-list.type2 li a .infor-element .label-category {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 4px;
	background: #676767;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.7px;
}

.seoul-curation-cont .article-list.type2 li a .infor-element .title {
	display: block;
	margin-top: 8px;
	color: #000;
	font-size: 20px;
	line-height: 1.45;
	font-weight: 700;
	letter-spacing: -1px;
}

.seoul-curation-cont .article-list.type2 .tags {
	position: absolute;
	width: calc(100% - 40px);
	bottom: 30px;
	left: 20px;
	z-index: 10;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.seoul-curation-cont .article-list.type2 .tags span {
	display: inline-block;
	color: #6b6b6b;
	font-size: 16px;
	letter-spacing: -0.8px;
}

.seoul-curation-cont .article-list.type2 .tags span+span {
	margin-left: 10px;
}

/* nodata-cont */
.article-list-cont .nodata-cont {
	position: relative;
	background-color: #e5f2f9;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
	padding: 20px;
	height: 250px;
}

.article-list-cont .nodata-cont dl {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.article-list-cont .nodata-cont dl>dt {
	height: 73px;
}

.article-list-cont .nodata-cont dl>dt .ico-nodata {
	display: inline-block;
	width: 74px;
	height: 73px;
	background: url(../../v2/images/content/icn_content_circle_nodata.svg);
	background-size: 100%;
}

.article-list-cont .nodata-cont dl>dd {
	margin-top: 20px;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #007bc0;
}

.section-seoul-curation .paging-lst {
	margin: 20px auto 0;
}

/* 모바일 */
.seoul-curation-cont .group-02 .mobile-visible {
	display: none;
	margin-bottom: 30px;
}

.seoul-curation-cont .group-02 .mobile-visible .title {
	position: relative;
	border-bottom: 1px solid #676767;
}

.seoul-curation-cont .group-02 .mobile-visible .title .btn-travelType {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-bottom: 15px;
	text-align: left;
}

.seoul-curation-cont .group-02 .mobile-visible .title .btn-travelType:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	transform: translateY(-50%);
	width: 8px;
	height: 15px;
	background: url(../../v2/images/common/icn_btn_arrow_right.svg) no-repeat center center;
	background-size: 100%;
}

.seoul-curation-cont .group-02 .mobile-visible .title .btn-travelType h3 {
	display: block;
	padding-right: 30px;
	color: #000;
	font-family: 'Noto Sans KR', 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans TC', sans-serif;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 1.3;
	word-break: break-word;
}

/* travelType-popup-area */
.travelType-popup-area {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1010;
	display: none;
}

.travelType-popup-area .dim--transparent {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	display: none;
	background: rgba(0, 0, 0, 0.6);
	animation: 0.8s cubic-bezier(0.2, 1, 0.4, 1) 0s 1 normal both running ani-opacity;
}

.travelType-popup-area.active {
	display: block;
}

.travelType-popup-area.active .dim--transparent {
	display: block;
}

.travelType-popup-area .popup-wrap {
	overflow: hidden;
	width: 100%;
	height: auto;
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	animation: 0.6s cubic-bezier(0.2, 1, 0.4, 1) 0s 1 normal both running ani-fadeIn2;
	filter: drop-shadow(0px -3px 12px rgba(35, 0, 76, 0.05));
}

.travelType-popup-area .popup-cont {
	position: relative;
	overflow: hidden;
	border-radius: 30px 30px 0 0;
	background-color: #fff;
	height: 100%;
}

.travelType-popup-area .popup-cont .ico-block {
	display: flex;
	height: 30px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
}

.travelType-popup-area .popup-cont .ico-block .ico-shape {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 4px;
	border-radius: 100px;
	background: #acacac;
}

.travelType-popup-area .popup-cont .popup-title {
	position: relative;
	margin: 0 20px;
	padding: 0 0 10px;
	display: block;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: unset;
	border-bottom: 1px solid #e1e1e1;
}

.travelType-popup-area .popup-cont .popup-title h3 {
	display: block;
	/* min-height: 52px; */
	padding-right: 30px;
	color: #000;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 1.3;
	word-break: break-word;
}

.travelType-popup-area .popup-cont .popup-title .btn-close {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 0;
	z-index: 10;
	width: 30px;
	height: 30px;
	transform: translateY(-50%);
}

.travelType-popup-area .popup-cont .popup-title .btn-close .ico-close {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	background: url(../../v2/images/common/icn_btn_close_popup.svg) no-repeat right center;
	background-size: 16px 16px;
}

.travelType-popup-area .popup-cont .popup-body {
	position: relative;
	overflow: hidden;
	overflow-y: auto;
	/* height: calc(100vh - 244px); */
	/* 모바일 100vh 하단 가려지는 이슈로 스크립트 제어*/
	padding: 0 20px;
}

.travelType-popup-area .popup-body .body-cont {
	margin-top: 20px;
	padding-bottom: 25px;
}

.travelType-popup-area .popup-body .body-cont dl>dt {
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #000;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: 500;
	z-index: 0;
}

.travelType-popup-area .popup-body .body-cont dl+dl {
	margin-top: 20px;
}

.travelType-popup-area .popup-body .body-cont dl>dt:before {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: -1;
	left: 0px;
	bottom: 7px;
	width: 104%;
	height: 11px;
	background-color: #bcd9ff;
}

.travelType-popup-area .popup-body .body-cont dl>dd {
	margin-top: 10px;
}

.travelType-popup-area .popup-body .body-cont dl>dd ul {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
}

.travelType-popup-area .popup-body .body-cont dl>dd ul li {
	border: 1px solid #e1e1e1;
	border-top: 0;
	border-left: 0;
	width: calc(100% / 3);
	height: 100px;
}

.travelType-popup-area .popup-body .body-cont dl>dd ul li [class^="check-field"] label {
	overflow: hidden;
}

.travelType-popup-area .popup-body .body-cont dl>dd ul li [class^="check-field"],
.travelType-popup-area .popup-body .body-cont dl>dd ul li [class^="check-field"] label,
.travelType-popup-area .popup-body .body-cont dl>dd ul li [class^="check-field"] label input[type="checkbox"],
.travelType-popup-area .popup-body .body-cont dl>dd ul li [class^="check-field"] label span {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.travelType-popup-area .popup-body .body-cont dl>dd ul li [class^="check-field"] input[type="checkbox"]+span {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
	padding: 10px;
	word-break: break-all;
}

.travelType-popup-area .popup-body .body-cont dl>dd ul li [class^="check-field"] input[type="checkbox"]+span:before {
	width: 100%;
	height: 102%;
	background: none;
	/* border: 1px solid #E1E1E1; */
	border-top: 0;
	border-left: 0;
	z-index: -1;
}

.travelType-popup-area .popup-body .body-cont dl>dd ul li [class^="check-field"] input[type="checkbox"]:checked+span {
	color: #fff;
}

.travelType-popup-area .popup-body .body-cont dl>dd ul li [class^="check-field"] input[type="checkbox"]:checked+span:before {
	background: #1a73e7;
}

.travelType-popup-area .popup-cont .btn-bottom-fixed {
	display: block;
	/* border-top: 1px solid #E1E1E1; */
	padding: 15px 20px;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
	/* background: red; */
}

.travelType-popup-area .popup-cont .btn-bottom-fixed [class^="btn-"] {
	vertical-align: top;
	border-radius: 4px;
	height: 46px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.travelType-popup-area .popup-cont .btn-bottom-fixed [class^="btn-"] span {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
	padding-top: 1px;
}

.travelType-popup-area .popup-cont .btn-bottom-fixed .btn-default {
	border: 1px solid #787878;
	background-color: #fff;
}

.travelType-popup-area .popup-cont .btn-bottom-fixed .btn-default span {
	color: #787878;
}

.travelType-popup-area .popup-cont .btn-bottom-fixed .btn-primary {
	border: 1px solid #1a73e7;
	background-color: #1a73e7;
}

.travelType-popup-area .popup-cont .btn-bottom-fixed .btn-primary span {
	color: #fff;
}

@keyframes ani-opacity {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes ani-fadeIn2 {
	0% {
		opacity: 0;
		transform: translateY(150px);
	}

	20% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

/* 다국어 */
html.v2.ru .seoul-curation-cont .group-01,
html.v2.ms .seoul-curation-cont .group-01 {
	width: 340px;
	min-width: 340px;
}

/* 서울 큐레이션 - 반응형 */
/*=================================*/
@media (max-width: 1380px) {

	.seoul-curation-cont .group-01,
	.seoul-curation-cont .group-02 {
		min-width: unset !important;
	}
}

@media (max-width: 1200px) {
	.article-list.type2 li a {
		flex-direction: column;
	}

	.seoul-curation-cont .article-list.type2 li a .thumb {
		width: 100%;
		height: 27vw;
	}
	.seoul-curation-cont .article-list.type2 li .like-cont {
		top: calc(27vw - 48px);
		right: 10px;
		bottom: unset;
		left: unset;
	}
	.seoul-curation-cont .article-list.type2 li .like-cont .like-element .btn-like {}

	.seoul-curation-cont .article-list.type2 li a .infor-element {
		width: 100%;
	}

	.seoul-curation-cont .article-list.type2 li a .infor-element .infor-element-inner {
		padding: 20px;
		width: 100%;
		min-height: 27vw;
	}

	.seoul-curation-cont .article-list.type2 li a .infor-element .title {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: unset;
	}

	.seoul-curation-cont .article-list.type2 .tags {
		/*
		position: relative;
		margin-top: 50px;
		bottom: auto;
		left: auto;
		width: 100%;
		*/
		bottom: 20px;
	}
}

@media (max-width: 768px) {
	.seoul-curation-cont .group-01 {
		display: none;
	}

	.seoul-curation-cont .group-02 {
		width: 100%;
	}

	.seoul-curation-cont .group-02 .mobile-visible {
		display: block;
	}

	.seoul-curation-cont .group-02 .tab-group {
		margin-top: 30px;
	}

	.seoul-curation-cont .article-list.type2 li a .thumb {
		height: 210px;
	}

	.seoul-curation-cont .article-list.type2 li a .infor-element .infor-element-inner {
		min-height: 210px;
	}

	/* 다국어 */
	html.v2.en .travelType-popup-area .popup-body .body-cont dl>dd ul li,
	html.v2.en .travelType-popup-area .popup-body .body-cont dl>dd ul li [class^="check-field"] input[type="checkbox"]+span,
	html.v2.ru .travelType-popup-area .popup-body .body-cont dl>dd ul li,
	html.v2.ru .travelType-popup-area .popup-body .body-cont dl>dd ul li [class^="check-field"] input[type="checkbox"]+span,
	html.v2.ms .travelType-popup-area .popup-body .body-cont dl>dd ul li,
	html.v2.ms .travelType-popup-area .popup-body .body-cont dl>dd ul li [class^="check-field"] input[type="checkbox"]+span {
		font-size: 13px;
	}

	.seoul-curation-cont .article-list.type2 li .like-cont {
		top: calc(210px - 48px);
	}
}

@media (max-width: 480px) {
	/*
	.travelType-popup-area .popup-cont .popup-body {
		height: calc(100vh - 242px - 58px);
	}
	html.v2.ru .travelType-popup-area .popup-cont .popup-body {
		height: calc(100vh - 268px - 58px);
	}
	*/
}

/* ---------------------------------------------
	서울 아카이브
------------------------------------------------ */

html.v2 .sub-contents--seoul-archive.sub-contents .sub-visual-title {
	bottom: auto;
	top: 138px;
	text-align: center;
}

html.v2 .sub-contents--seoul-archive.sub-contents  {
	content: none;
}

html.v2 .sub-contents--seoul-archive {}

html.v2 .sub-contents--seoul-archive+footer {
	padding-top: 0;
}

.sub-contents--seoul-archive.sub-contents .sub-visual-element .sub-visual-title .small-text {
	background: none;
	margin-top: 40px;
	padding: 0;
}

.sub-contents--seoul-archive.sub-contents .sub-visual-element .sub-visual-title .small-text-inner {
	font-size: 28px;
}

html.v2 .sub-contents--seoul-archive.sub-contents .sub-visual-element .sub-visual-title .small-text-inner br {
	display: none;
}

html.ms .sub-contents--seoul-archive.sub-contents .sub-visual-element .sub-visual-title .large-text {
	padding-bottom: 0;
}

html.en .sub-contents--seoul-archive.sub-contents .sub-visual-element .sub-visual-title .small-text-inner,
html.ru .sub-contents--seoul-archive.sub-contents .sub-visual-element .sub-visual-title .small-text-inner,
html.ms .sub-contents--seoul-archive.sub-contents .sub-visual-element .sub-visual-title .small-text-inner {
	font-size: 25px;
}

.visual-sorting {
	position: absolute;
	bottom: 110px;
	height: 80px;
	width: 100%;
}

.visual-sorting ul {
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	justify-content: center;
}

.visual-sorting li {
	position: relative;
	height: 80px;
	margin: 0;
}

.visual-sorting li:after {
	content: "";
	display: block;
	width: 1px;
	height: 80px;
	background: rgba(138, 138, 138, 0.7);
	position: absolute;
	right: 0;
	top: 0;
}

.visual-sorting li:last-child:after {
	content: none;
}

.visual-sorting li span {
	display: block;
	width: 200px;
	height: 80px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size: 22px;
	color: #d6d6d6;
}

.visual-sorting li span:before {
	content: "";
	display: block;
	width: 38px;
	height: 38px;
	background: url(../images/content/ico_archive_visual_01.svg) center center no-repeat;
	background-size: 100%;
	margin: 0 auto 10px auto;
}

.visual-sorting li:nth-child(2) span:before {
	background: url(../images/content/ico_archive_visual_02.svg) center center no-repeat;
	background-size: 100%;
}

.visual-sorting li:nth-child(3) span:before {
	background: url(../images/content/ico_archive_visual_03.svg) center center no-repeat;
	background-size: 100%;
}

/* setting */
/*=================================*/
.section-seoul-archive *,
.section-seoul-archive *:before,
.section-seoul-archive *:after {
	box-sizing: border-box;
}

.section-seoul-archive {
	/* overflow:hidden; */
	position: relative;
	margin: 40px auto 0;
	width: 100%;
}

.section-seoul-archive .seoul-archive-cont {
	position: relative;
	display: flex;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
}

.seoul-archive-cont>[class^="group-"] {
	position: relative;
}

.seoul-archive-cont .group-01 {
	width: 356px;
	min-width: 356px;
	background: rgba(248, 249, 252, 1);
	padding: 20px 24px 30px 24px;
	border-radius: 10px;
}

.seoul-archive-cont .group-02 {
	padding-bottom: 80px;
	width: calc(100% - 386px);
	min-width: calc(100% - 386px);
}

.seoul-archive-cont .group-01 .cont-head {
	position: relative;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 22px;
}

.seoul-archive-cont .group-01 .cont-head h3 {
	color: #2f2f2f;
	font-family: 'Noto Sans KR', 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans TC', sans-serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -1px;
	word-break: break-word;
}

.seoul-archive-cont .group-01 .cont-body {
	position: relative;
	margin-top: 30px;
}

.seoul-archive-cont .group-01 .cont-body dl {}

.seoul-archive-cont .group-01 .cont-body dl+dl {
	margin-top: 34px;
}

.seoul-archive-cont .group-01 .cont-body dl>dt {
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #2f2f2f;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: 500;
	padding: 0 0 0 27px;
}

.seoul-archive-cont .group-01 .cont-body dl>dt .tips {
	width: 16px;
	height: 16px;
	display: inline-block;
	text-indent: -9999px;
	font-size: 0;
	background: url(../images/content/ico_archive_question.svg) center center no-repeat;
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

.seoul-archive-cont .group-01 .cont-body dl>dt .tip-layer {
	position: absolute;
	top: 37px;
	left: 0;
	z-index: 50;
	background: #fff;
	width: 292px;
	padding: 0 15px;
	border-radius: 5px;
	border: 1px solid #ddd;
	display: none;
}

.en.v2 .seoul-archive-cont .group-01 .cont-body dl>dt .tip-layer {
	top: 67px;
}

.seoul-archive-cont .group-01 .cont-body dl>dt .tips:hover+.tip-layer,
.seoul-archive-cont .group-01 .cont-body dl>dt .tips:focus+.tip-layer {
	display: block;
}

.seoul-archive-cont .group-01 .cont-body dl>dt .tip-layer p {
	font-size: 14px;
	color: #5b5b5b;
	padding: 0 0 0 20px;
	background: url(../images/content/ico_archive_info.svg) left 5px no-repeat;
	margin: 15px 0;
}

.seoul-archive-cont .group-01 .cont-body dl>dt:before {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 5px;
	width: 20px;
	height: 20px;
	background: url(../images/content/ico_archive_bullet1.svg) no-repeat right top;
}

.seoul-archive-cont .group-01 .cont-body dl:nth-child(2)>dt:before {
	background: url(../images/content/ico_archive_bullet2.svg) no-repeat right top;
}

.seoul-archive-cont .group-01 .cont-body dl:nth-child(3)>dt:before {
	background: url(../images/content/ico_archive_bullet3.svg) no-repeat right top;
}

.seoul-archive-cont .group-01 .cont-body dl:nth-child(4)>dt:before {
	background: url(../images/content/ico_archive_bullet4.svg) no-repeat right top;
}

.seoul-archive-cont .group-01 .cont-body dl>dd {
	margin-top: 15px;
}

.seoul-archive-cont .group-01 .cont-body dl>dd li {
	display: inline-block;
	vertical-align: top;
	margin-right: 14px;
	margin-bottom: 16px;
	/* height: 24px; */
	height: auto;
}

.seoul-archive-cont .group-01 .cont-body .btn-block {
	text-align: right;
}

.seoul-archive-cont .group-01 .cont-body .btn-reload {
	color: #2f2f2f;
	font-size: 14px;
	letter-spacing: -0.28px;
	font-weight: 400;
	text-decoration-line: underline;
	text-underline-offset: 3px;
	background: url(../images/content/ico_archive_reload.svg) left center no-repeat;
	display: inline-block;
	padding: 0 0 0 20px;
}

.seoul-archive-cont .group-02 .tab-group {
	margin-top: 40px;
}

.seoul-archive-cont .group-02 .info-cont p {
	color: #000;
	font-size: 16px;
	letter-spacing: -0.8px;
}

.seoul-archive-cont .group-02 .article-list.type2 {
	margin-top: 15px;
}

.seoul-archive-cont .article-list.type2 {
	gap: 40px;
}

.seoul-archive-cont .article-list.type2 li {
	position: relative;
	width: 100%;
	box-shadow: none;
}

.seoul-archive-cont .article-list.type2 li a {
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #ddd;
	display: flex;
	transition: 0.2s ease-out;
}

.seoul-archive-cont .article-list.type2 li.active--focus a {
	box-shadow: 0px 0px 21px 0px rgba(23, 122, 214, 0.21);
}

.seoul-archive-cont .article-list.type2 li .like-cont {
	width: 40px;
	height: 38px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
}

.seoul-archive-cont .article-list.type2 li .like-cont .like-element .btn-like {
	position: relative;
	bottom: 10px;
	right: 10px;
}

.seoul-archive-cont .article-list.type2 li a .thumb {
	width: 285px;
	height: 250px;
}

.seoul-archive-cont .article-list.type2 li a .infor-element {
	width: calc(100% - 285px);
}

.seoul-archive-cont .article-list.type2 li a .infor-element .infor-element-inner {
	min-height: unset;
	padding: 30px 20px;
}

.seoul-archive-cont .article-list.type2 li a .infor-element .label-category {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 4px;
	background: #676767;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.7px;
}

.seoul-archive-cont .article-list.type2 li a .infor-element .title {
	display: block;
	margin-top: 8px;
	color: #000;
	font-size: 20px;
	line-height: 1.45;
	font-weight: 700;
	letter-spacing: -1px;
}

.seoul-archive-cont .article-list.type2 .tags {
	position: absolute;
	width: calc(100% - 40px);
	bottom: 30px;
	left: 20px;
	z-index: 10;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.seoul-archive-cont .article-list.type2 .tags span {
	display: inline-block;
	color: #6b6b6b;
	font-size: 16px;
	letter-spacing: -0.8px;
}

.seoul-archive-cont .article-list.type2 .tags span+span {
	margin-left: 10px;
}

.section-seoul-archive .over-tit {
	position: absolute;
	bottom: -18%;
	padding: 25px 26px 21px 26px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all ease-out 0.4s;
	background: linear-gradient(180deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.7147233893557423) 100%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.section-seoul-archive .over-tit .type-data {
	font-size: 16px;
	color: #fff;
	padding-bottom: 16px;
	display: block;
	font-weight: 700;
}

.section-seoul-archive .over-tit .type-title {
	color: #fff;
	padding-top: 20px;
	border-top: 1px solid #fff;
	font-size: 16px;
	font-weight: 400;
}

.archive-list>li a:hover .over-tit,
.archive-list>li a:focus .over-tit {
	bottom: 0;
	opacity: 1;
}

.seoul-archive-cont .group-02 .mobile-visible {
	display: none;
	margin-bottom: 30px;
}

.archive-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.archive-list a:focus {
	outline-offset: 0;
}

.list-option {
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px 0;
}

.list-option .total {
	font-size: 16px;
	color: #000;
}

.list-option .total b {
	color: #0052ff;
	font-weight: 700;
}

.list-option .sorting {
	font-size: 16px;
	color: #000;
}

.list-option .sorting a+a:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 15px;
	background: #727272;
	margin: -3px 7px 0 7px;
	vertical-align: middle;
}

.list-option .sorting .active {
	color: #0052ff;
	font-weight: 700;
}

.archive-list>li {
	width: calc(33.3% - 12px);
	min-height: 302px;
	margin: 0 17px 40px 0;
}

.archive-list>li:last-child {
	margin: 0 17px 0 0;
}

.archive-list>li.item:nth-child(3n) {
	margin: 0 0 36px 0;
}

.archive-list>li a {
	display: block;
}

.archive-list>li a .thumb {
	position: relative;
	overflow: hidden;
	height: 320px;
	z-index: -1;
}

.archive-list>li a .thumb img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}

.archive-list>li a:hover .thumb img {
	transform: scale(1.2);
}

.archive-list>li a .thumb .badge {
	height: 27px;
	line-height: 26px;
	background: #000;
	display: block;
	position: absolute;
	left: 16px;
	top: 16px;
	border-radius: 5px;
	padding: 0 10px;
	color: #fff;
	font-size: 14px;
}

.archive-list>li a .tag {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
	margin: 12px 0 0 0;
	height: 67px;
	overflow: hidden;
}

.archive-list>li a .tag li {
	height: 28px;
	line-height: 27px;
	background: #f2f2f3;
	display: block;
	border-radius: 4px;
	padding: 0 8px;
	color: #525252;
	font-size: 14px;
	margin: 0 8px 8px 0;
}

.travelType-popup-area.archive .popup-cont .popup-title h3 {
	font-size: 18px;
}

.travelType-popup-area.archive .popup-cont .popup-title {
	padding: 12px 0 22px;
}

.travelType-popup-area.archive .popup-body .body-cont dl>dt:before {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 5px;
	width: 20px;
	height: 20px;
	background: url(../images/content/ico_archive_bullet1.svg) no-repeat right top;
}

.travelType-popup-area.archive .popup-body .body-cont dl:nth-child(2)>dt:before {
	background: url(../images/content/ico_archive_bullet2.svg) no-repeat right top;
}

.travelType-popup-area.archive .popup-body .body-cont dl:nth-child(3)>dt:before {
	background: url(../images/content/ico_archive_bullet3.svg) no-repeat right top;
}

.travelType-popup-area.archive .popup-body .body-cont dl:nth-child(4)>dt:before {
	background: url(../images/content/ico_archive_bullet4.svg) no-repeat right top;
}

.travelType-popup-area.archive .popup-body .body-cont dl>dt {
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #2f2f2f;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: 500;
	padding: 0 0 0 27px;
}

.travelType-popup-area.archive .popup-body .body-cont dl>dd ul li [class^="check-field"] label span {
	display: flex;
	justify-content: center;
	font-size: 16px;
	color: #000;
	align-items: center;
	border: none;
	border-radius: 0;
	word-break: break-all;
	line-height: 1.4;
}

.travelType-popup-area.archive .check-type-box [class^="check-field"] input[type="checkbox"]:checked+label span {
	border: none;
	background: #1a73e7;
	color: #fff;
}

.travelType-popup-area.archive .check-type-box [class^="check-field"] input[type="checkbox"]:checked+label span:after {
	content: none;
}

.travelType-popup-area.archive .check-type-box [class^="check-field"] input[type="checkbox"] {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.travelType-popup-area.archive .popup-body .body-cont dl+dl {
	margin-top: 40px;
}

.travelType-popup-area.archive .popup-cont .btn-bottom-fixed .btn-primary {
	border: 1px solid #0052ff;
	background-color: #0052ff;
}

.travelType-popup-area.archive .tip-layer p {
	font-size: 14px;
	color: #5b5b5b;
	padding: 0 0 0 20px;
	background: url(../images/content/ico_archive_info.svg) left 5px no-repeat;
	margin: 15px 0 0 0;
}

.section-seoul-archive .no-data {
	background: #f8f8fa;
	min-height: 804px;
	text-align: center;
	padding-top: 300px;
	font-size: 20px;
	color: #808590;
}

.section-seoul-archive .no-data:before {
	content: "";
	display: block;
	width: 96px;
	height: 96px;
	background: url(../images/content/ico_archrfrive_info_big.svg) center center no-repeat;
	margin: 0 auto 15px auto;
	position: relative;
}

/* 서울 아카이브 - 반응형 */
/*=================================*/
@media (max-width: 1380px) {

	.seoul-archive-cont .group-01,
	.seoul-archive-cont .group-02 {
		min-width: unset !important;
	}
}

@media (max-width: 1200px) {
	.archive-list>li {
		width: 100%;
		margin: 0 0 28px 0;
	}

	.seoul-archive-cont .article-list.type2 li a .thumb {
		width: 100%;
		height: 27vw;
	}

	.seoul-archive-cont .article-list.type2 li a .infor-element {
		width: 100%;
	}

	.seoul-archive-cont .article-list.type2 li a .infor-element .infor-element-inner {
		padding: 20px;
		width: 100%;
		min-height: 27vw;
	}

	.seoul-archive-cont .article-list.type2 li a .infor-element .title {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: unset;
	}

	.seoul-archive-cont .article-list.type2 .tags {
		/*
		position: relative;
		margin-top: 50px;
		bottom: auto;
		left: auto;
		width: 100%;
		*/
		bottom: 20px;
	}

	.visual-sorting {
		bottom: 70px;
	}
}

@media (max-width: 768px) {
	.seoul-archive-cont .group-01 {
		display: none;
	}

	.seoul-archive-cont .group-02 {
		width: 100%;
	}

	.seoul-archive-cont .group-02 .mobile-visible {
		display: block;
	}

	.seoul-archive-cont .group-02 .tab-group {
		margin-top: 30px;
	}

	.seoul-archive-cont .article-list.type2 li a .thumb {
		height: 210px;
	}

	.seoul-archive-cont .article-list.type2 li a .infor-element .infor-element-inner {
		min-height: 210px;
	}

	.seoul-archive-cont .group-02 .mobile-visible {
		margin-bottom: 14px;
	}

	.list-option {
		margin: 0 0 16px 0;
		border-bottom: 1px solid #efefef;
		padding: 0 0 12px 0;
	}

	.list-option .total {
		font-size: 14px;
		color: #4a4a4a;
	}

	.list-option .total b {
		color: #4a4a4a;
		font-weight: 500;
	}

	.list-option .sorting {
		font-size: 14px;
		color: #727272;
	}

	.list-option .sorting .active {
		color: #4a4a4a;
	}

	.mobile-visible .title button {
		background: rgba(0, 82, 255, 0.05);
		width: 100%;
		color: rgba(0, 82, 255, 0.8);
		height: 44px;
	}

	.mobile-visible .title button h3 {
		font-size: 14px;
		font-weight: 700;
		display: inline-block;
		background: url(../images/content/ico_archive_m_search.svg) left center no-repeat;
		padding: 0 0 0 20px;
	}

	html.v2 .sub-contents--seoul-archive.sub-contents .sub-visual-title {
		top: 30%;
	}

	html.v2 .sub-contents--seoul-archive.sub-contents .sub-visual-element .sub-visual-title .large-text-inner {
		font-size: 25px;
	}

	html.v2 .sub-contents--seoul-archive.sub-contents--seoul-archive.sub-contents .sub-visual-element .sub-visual-title .small-text {
		margin-top: 10px;
	}

	html.v2 .sub-contents--seoul-archive.sub-contents .sub-visual-element .sub-visual-title .small-text-inner {
		font-size: 14px;
		padding: 0 15px;
		word-break: break-all;
	}

	.small-text-inner .m-hidden {
		display: none;
	}

	html.v2 .sub-contents--seoul-archive.sub-contents .sub-visual-element .sub-visual-title .small-text-inner br {
		display: block;
	}

	.visual-sorting {
		bottom: 30px;
		height: 40px;
	}

	.visual-sorting ul {
		justify-content: space-between;
	}

	.visual-sorting li {
		height: 40px;
		width: 100%;
	}

	.visual-sorting li span {
		height: 30px;
		padding: 0;
		font-size: 14px;
		width: 100%;
	}

	.visual-sorting li span:before {
		width: 20px;
		height: 20px;
		margin: 0 auto 3px auto;
	}

	.visual-sorting li:after {
		height: 30px;
		top: 5px;
	}

	.section-seoul-archive .no-data {
		min-height: 300px;
		padding-top: 80px;
		font-size: 16px;
	}

	.section-seoul-archive .no-data:before {
		width: 80px;
		height: 80px;
		background-size: 100%;
	}
}

@media (max-width: 380px) {
	html.v2 .sub-contents--seoul-archive.sub-contents .sub-visual-title {
		top: 44px;
	}
}

.check-type-box ul {
	display: flex;
	flex-wrap: wrap;
}

.check-type-box [class^="check-field"] {
	height: 31px;
}

.check-type-box [class^="check-field"] label {
	height: 31px;
}

.check-type-box [class^="check-field"] input[type="checkbox"] + label span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 31px;
	padding: 0 6px;
	line-height: 31px;
	box-shadow: 0 0 0 1px #dee2eb;
	background: #fbfbfc;
	border-radius: 4px;
	color: #4a4a4a;
	font-size: 16px;
	box-sizing: border-box;
	/* transition: all 0.2s ease-in-out; */
	user-select: none;
}

.check-type-box [class^="check-field"] input[type="checkbox"]:checked + label span {
	box-shadow: 0 0 0 2px #0052ff;
	color: #0052ff;
	display: flex;
	align-items: center;
	font-weight: 700;
	background: #eff4ff;
}


.check-type-box [class^="check-field"] input[type="checkbox"]:focus-visible+label {
	outline: 3px solid #000;
}

.check-type-box [class^="check-field"] input[type="checkbox"]:focus:not(:focus-visible)+label {
	outline: none;
}

/* ---------------------------------------------
	숙박
------------------------------------------------ */

/* setting */
/*=================================*/
.section-accommodation *,
.section-accommodation *:before,
.section-accommodation *:after {
	box-sizing: border-box;
}

.section-accommodation {
	overflow: hidden;
	position: relative;
	margin: 10px auto 0;
	width: 100%;
	max-width: 1200px;
}

.section-accommodation .tabs>li i[class^="bullet--shape"] {
	position: absolute;
	right: -11px;
	top: 7px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #0052ff;
	z-index: 10;
	transition: 0.2s ease-out;
	opacity: 1;
}

.section-accommodation .tabs>li:after {
	background-color: #0052ff;
}

.section-accommodation .tabs>li i.bullet--shape2 {
	background-color: #6edcfa;
	border-radius: 0;
}

.section-accommodation .tabs>li:nth-of-type(2):after {
	background-color: #6edcfa;
}

.section-accommodation .article-list-element:last-child {
	padding: 20px 0 0 0;
}

/* 숙박 - 반응형 */
/*=================================*/
@media (max-width: 1024px) {
	.section-accommodation {
		margin: 20px auto 0;
	}
}

@media (max-width: 768px) {}