/* .sub_title {
	color: #121212 !important;
}
strong.epi {
	color: #121212 !important;
} */

@media(max-width: 1024px) {
	/* .quick-menu {display: none !important;}
	.quick-audio {display: none !important;} */
}

#header {
	/* background-color: #fff; */
}
#header .kakao {
	display: none !important;
}

body {
	padding-top: 100px;
}

/* page-header */
.page-header {
	overflow: hidden;
}
.page-header.type-2 {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.page-header .container-fluid {
	display: table;
	width: 100%;
	height: 600px;
	padding: 0;
	table-layout: fixed;
}
.page-header .container-fluid > div {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.page-header .container-fluid > div.item-img {
	position: relative;
	overflow: hidden;
}
.page-header .container-fluid > div.item-img .backdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.4);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.page-header .container-fluid > div.details {
	text-align: center;
	padding: 0 20px;
}
.page-header .container-fluid > div.details small {
	position: relative;
	top: 30px;
	opacity: 0;
	display: inline-block;
	font-size: 18px;
	/*color: #4b7f22;*/
	/* color: #333 !important; */
	font-weight: 500;
	line-height: 40px;
	padding: 0 20px;
	border-radius: 100px;
	background-color: #fff;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.page-header .container-fluid > div.details p {
	position: relative;
	top: 30px;
	opacity: 0;
	font-size: 26px;
	/*color: #4b7f22;*/
	/* color: #333 !important; */
	font-weight: 500;
	margin-top: 30px;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
.page-header .container-fluid > div.details strong {
	position: relative;
	top: 30px;
	opacity: 0;
	display: block;
	font-size: 40px;
	line-height: 56px;
	/*color: #4b7f22;*/
	color: #333;
	font-weight: bold;
	margin-top: 30px;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
.page-header .container-fluid > div.details > ul {
	font-size: 0;
	margin-top: 45px;
}
.page-header .container-fluid > div.details > ul > li {
	position: relative;
	left: 30px;
	opacity: 0;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}
.page-header .container-fluid > div.details > ul > li > dl > dt,
.page-header .container-fluid > div.details > ul > li > dl dd {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	/*color: #4b7f22;*/
	/* color: #333 !important; */
	font-weight: 400;
}
.page-header .container-fluid > div.details > ul > li > dl dt {
	font-weight: bold;
	margin-right: 4px;
}
.page-header .container-fluid > div.details > ul > li:nth-of-type(1) {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.page-header .container-fluid > div.details > ul > li:nth-of-type(2) {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.page-header .container-fluid > div.details > ul > li:nth-of-type(3) {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
.page-header .container-fluid > div.details > ul > li:nth-of-type(4) {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
.page-header .container-fluid > div.details > ul > li:last-child {
	margin-right: 0;
}
.page-header.action .container-fluid > div.item-img .backdrop {
	transform: scale(1);
}
.page-header.action .container-fluid > div.details small {
	top: 0;
	opacity: 1;
}
.page-header.action .container-fluid > div.details p {
	top: 0;
	opacity: 1;
}
.page-header.action .container-fluid > div.details strong {
	top: 0;
	opacity: 1;
}
.page-header.action .container-fluid > div.details > ul > li {
	left: 0;
	opacity: 1;
}

/********* 1400 *********/
@media (max-width: 1400px) {
	.page-header .container-fluid > div.details small {
		font-size: 16px;
		line-height: 36px;
		padding: 0 15px;
	}
	.page-header .container-fluid > div.details p {
		font-size: 20px;
	}
	.page-header .container-fluid > div.details strong {
		font-size: 30px;
		line-height: 44px;
	}
	.page-header .container-fluid > div.details > ul > li > dl > dt,
	.page-header .container-fluid > div.details > ul > li > dl dd {
		font-size: 14px;
	}
}

/********* 1024 *********/
@media (max-width: 1024px) {
	#header {
		background-color: #fff;
	}

	body {
		padding-top: 80px;
	}

	.page-header .container-fluid {
		display: flex;
		height: auto;
		flex-direction: column-reverse;
	}
	.page-header .container-fluid > div.item-img {
		height: 400px;
	}
	.page-header .container-fluid > div.details {
		padding: 30px 15px;
	}
	.page-header .container-fluid > div.details small {
		font-size: 14px;
		line-height: 30px;
	}
	.page-header .container-fluid > div.details p {
		margin-top: 20px;
	}
	.page-header .container-fluid > div.details strong {
		font-size: 26px;
		line-height: 40px;
		margin-top: 20px;
	}
	.page-header .container-fluid > div.details strong br {
		display: none;
	}
	.page-header .container-fluid > div.details > ul > li {
		margin-right: 15px;
	}
	.page-header .container-fluid > div.details > ul > li > dl > dt,
	.page-header .container-fluid > div.details > ul > li > dl dd {
		font-size: 13px;
	}
}

/* embed-responsive */
.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	border: 10px solid #000;
	border-radius: 30px;
}
.embed-responsive:before {
	display: block;
	content: "";
	padding-top: 56.25%;
}
.embed-responsive > iframe {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

/* embed-shots */
.embed-shots {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 30px;
	border: 10px solid #000;
	padding-top: 177.77%;
}
.embed-shots > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.shots-list {
	display: table;
	width: calc(100% + 30px);
	margin: 0 -15px;
	table-layout: fixed;
}
.shots-list > li {
	display: table-cell;
	vertical-align: top;
	padding: 0 15px;
}
.shots-list > li > figure {
	display: block;
}
.shots-list > li > figure img {
	display: block;
	margin: 0 auto;
}
.shots-list > li:nth-of-type(2) {
	width: 26.7%;
}
@media (max-width: 1024px) {
	.shots-list {
		width: 100%;
		margin: 0;
	}
	.shots-list > li {
		display: block;
		padding: 0;
		width: 100% !important;
	}
	.shots-list > li > figure {
		margin-top: 30px;
	}
	.shots-list > li > figure img {
		width: 100%;
	}
	.shots-list > li ~ li {
		margin-top: 30px;
	}
}

/** common **/
/* Common */
.sub .page-header {
	margin-bottom: 80px;
}

.sub .page-header p {
	line-height: 28px;
}

.sec {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 80px;
	text-align: justify;
	word-break: break-all;
}

.sub figure {
	display: block;
}

.sub figure figcaption {
	margin-top: 10px;
	font-size: 16px;
}

.sub figure img {
	display: block;
	width: 100%;
}

strong.epi {
	display: block;
	margin: 0 auto;
	width: 100%;
	font-size: 24px;
	font-weight: 400;
	line-height: 33px;
	text-align: center;
}

.sec.bg {
	margin-bottom: 0;
	padding: 80px 0;
	background-color: #eee;
}

.sec.bg + .sec {
	margin-top: 80px;
}

/* Font size */
.sub_title {
	font-size: 30px;
	line-height: 1.25;
	word-break: keep-all;
	font-weight: 600 !important;
	text-align: left;
}
.fs_sm {
	font-size: 13px;
	line-height: 20px;
}
.fs_md {
	font-size: 16px;
	line-height: 26px;
}
.fs_lg {
	font-size: 18px;
	line-height: 28px;
}
.front {
	font-size: 22px;
	line-height: 33px;
	font-weight: 500;
}

/* Margin */
.mt_sm {
	margin-top: 16px;
}
.mt_md {
	margin-top: 30px;
}
.mt_lg {
	margin-top: 40px;
}

.mb_sm {
	margin-bottom: 16px;
}
.mb_md {
	margin-bottom: 30px;
}
.mb_lg {
	margin-bottom: 40px;
}

.ml_sm {
	margin-left: 16px;
}
.ml_md {
	margin-left: 30px;
}
.ml_lg {
	margin-left: 40px;
}

.mr_sm {
	margin-right: 16px;
}
.mr_md {
	margin-right: 30px;
}
.mr_lg {
	margin-right: 40px;
}

/* row */
.row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 30px;
	width: 100%;
}
.row .col-2 {
	width: 20%;
}
.row .col-25 {
	width: calc(100% / 4); /*4분할*/
}
.row .col-3 {
	width: 30%;
}
.row .col-33 {
	width: calc(100% / 3); /*3분할*/
}
.row .col-4 {
	width: 40%;
}
.row .col-5 {
	width: 50%;
}
.row .col-6 {
	width: 60%;
}
.row .col-7 {
	width: 70%;
}
.row .col-8 {
	width: 80%;
}
.row .col-9 {
	width: 90%;
}

/* row-auto */
.row-auto {
	display: flex;
	gap: 30px;
}

/* IMG size */
.img-sm {
	display: block;
	width: 100%;
	max-width: 384px;
	margin-left: auto;
	margin-right: auto;
}

.img-md {
	display: block;
	width: 100%;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.img-lg {
	display: block;
	width: 100%;
	max-width: 896px;
	margin-left: auto;
	margin-right: auto;
}

/* Mobile */
@media (max-width: 1024px) {
	.sec {
		margin-bottom: 60px;
	}
	.sec.bg + .sec {
		margin-top: 60px;
	}
	/* Font size */
	.sub_title {
		font-size: 24px;
	}
	.fs_sm {
		font-size: 13px;
	}
	.fs_sm {
		font-size: 16px;
	}
	.fs_lg {
		font-size: 17px;
	}
	.front {
		line-height: 28px;
	}
	strong.epi {
		font-size: 20px;
		line-height: 30px;
	}

	/* Margin */
	.mt_sm {
		margin-top: 10px;
	}
	.mt_md {
		margin-top: 20px;
	}
	.mt_lg {
		margin-top: 25px;
	}

	.mb_sm {
		margin-bottom: 10px;
	}
	.mb_md {
		margin-bottom: 20px;
	}
	.mb_lg {
		margin-bottom: 25px;
	}

	.ml_sm {
		margin-left: 10px;
	}
	.ml_md {
		margin-left: 20px;
	}
	.ml_lg {
		margin-left: 25px;
	}

	.mr_sm {
		margin-right: 10px;
	}
	.mr_md {
		margin-right: 20px;
	}
	.mr_lg {
		margin-right: 25px;
	}

	/* row Mobile */
	.row {
		flex-direction: column;
	}
	.row .col-2 {
		width: 100%;
	}
	.row .col-25 {
		width: 100%;
	}
	.row .col-3 {
		width: 100%;
	}
	.row .col-33 {
		width: 100%;
	}
	.row .col-4 {
		width: 100%;
	}
	.row .col-5 {
		width: 100%;
	}
	.row .col-6 {
		width: 100%;
	}
	.row .col-7 {
		width: 100%;
	}
	.row .col-8 {
		width: 100%;
	}
	.row .col-9 {
		width: 100%;
	}

	/* row-auto */
	div.row-auto {
		flex-direction: column;
	}
	div.row-auto > div {
		width: 100% !important;
	}
	div.row-auto > div figure {
		width: 100%;
	}
	div.row-auto > div figure img {
		width: 100%;
	}
	div.row.reverse > div:first-child {
		order: 2;
	}

	.sec.bg {
		padding: 60px 0;
	}
}

.page-header.action .container-fluid > div.details p {
	text-decoration: underline !important;
	text-underline-position: under !important;
}

.sub_title {
	position: relative;
}

/* 꿈, 새로운 시작 */
.dream .page-header .container-fluid .details small,
.dream .page-header .container-fluid .details p,
.dream .page-header .container-fluid .details strong,
.dream .page-header .container-fluid .details dl dt,
.dream .page-header .container-fluid .details dd {
	/* color: #ed7d31; */
}
.pro .page-header .container-fluid .details small,
.pro .page-header .container-fluid .details strong,
.pro .page-header .container-fluid .details p,
.pro .page-header .container-fluid .details dl dt,
.pro .page-header .container-fluid .details dd {
	/* color: #ed7d31; */
}
.pro .page-header .container-fluid {
	background-color: #fbe5d7;
}
.success .page-header .container-fluid .details small,
.success .page-header .container-fluid .details strong,
.success .page-header .container-fluid .details p,
.success .page-header .container-fluid .details dl dt,
.success .page-header .container-fluid .details dd {
	/* color: #ed7d31; */
}
.success .page-header .container-fluid {
	background-color: #fbe5d7;
}
.together .page-header .container-fluid .details small,
.together .page-header .container-fluid .details strong,
.together .page-header .container-fluid .details p,
.together .page-header .container-fluid .details dl dt,
.together .page-header .container-fluid .details dd {
	/* color: #ed7d31; */
}
.together .page-header .container-fluid {
	background-color: #fbe5d7;
}

/* 품, 따뜻한 울림 */
.healthy .page-header .container-fluid .details small,
.healthy .page-header .container-fluid .details strong,
.healthy .page-header .container-fluid .details p,
.healthy .page-header .container-fluid .details dl dt,
.healthy .page-header .container-fluid .details dd {
	/* color: #ffc000; */
}
.healthy .page-header .container-fluid {
	background-color: #fff2cc;
}
.damage .page-header .container-fluid .details small,
.damage .page-header .container-fluid .details strong,
.damage .page-header .container-fluid .details p,
.damage .page-header .container-fluid .details dl dt,
.damage .page-header .container-fluid .details dd {
	/* color: #ffc000; */
}
.damage .page-header .container-fluid {
}
.global .page-header .container-fluid .details small,
.global .page-header .container-fluid .details strong,
.global .page-header .container-fluid .details p,
.global .page-header .container-fluid .details dl dt,
.global .page-header .container-fluid .details dd {
	/* color: #ffc000; */
}
.global .page-header .container-fluid {
	/* background-color: #fff2cc; */
}
.tip .page-header .container-fluid .details small,
.tip .page-header .container-fluid .details strong,
.tip .page-header .container-fluid .details p,
.tip .page-header .container-fluid .details dl dt,
.tip .page-header .container-fluid .details dd {
	/* color: #ffc000; */
}
.news .page-header .container-fluid .details small,
.news .page-header .container-fluid .details strong,
.news .page-header .container-fluid .details p,
.news .page-header .container-fluid .details dl dt,
.news .page-header .container-fluid .details dd {
	/* color: #ffc000; */
}
.news .page-header .container-fluid {
	/* background-color: #fff2cc; */
}

/* 춤, 삶의 즐거움 */
.together {
}
.enjoy {
}
.how {
}
.trend {
}
.webtoon {
}

/* 꿈을 꾸기 바래 */

.dream .sub_title {
	position: relative;
	padding-left: 35px;
}

.dream .sub_title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 30px;
	height: 20px;
	background: url("../images/sub/dream_title_icon.svg") no-repeat center/contain;
}

@media (max-width: 1024px) {
	.dream .sub_title {
		padding: 0;
		padding-top: 10px;
	}
	.dream .sub_title::before {
		top: 0;
	}
}

/* 프로의 세계 */

.pro .sub_title {
	position: relative;
	padding-left: 35px;
}


.pro strong.epi {
	color: #008d82;
}

@media (max-width: 1024px) {
	.pro .sub_title {
		padding: 0;
		padding-top: 10px;
	}
	.pro .sub_title::before {
		top: 0;
	}
}

/* 내손으로 이룬 성공 */


.success .sub_title {
	color: #00a29a;
}

.success .answer span {
	display: inline;
	position: relative;
	color: #00a29a;
	font-weight: bold;
	padding-right: 40px;
}

.success .answer span::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 70%;
	height: 1px;
	background-color: #00a29a;
}

.success strong.epi {
	color: #00a29a;
}

/* 함께 꿈꾸는 세상 */

.together .sub_title {
	position: relative;
	color: #00a29a;
	padding-left: 35px;
}

.together .sub_title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 30px;
	height: 20px;
	background: url("../images/sub/dream_title_icon.svg") no-repeat center/contain;
}

.together strong.epi {
	color: #00a29a;
}

.together .interview figure.search_ic {
	width: 300px;
}

.together .interview {
	display: block;
	width: 100%;
}

.together .interview .sub_title.search {
	display: block;
	width: fit-content;
	text-align: center;
	padding: 20px 0px;
	padding-left: 90px;
	padding-right: 30px;
	color: #121212;
	background: url("../images/sub/together_interview_search.png") no-repeat center/contain;
	margin-right: 0;
	margin-left: auto;
}

.together .interview .sub_title.search::before {
	display: none;
}

.together .interview .detail {
	background-color: #fff;
}

.together .interview .item-box .item-header {
	display: flex;
	gap: 10px;
	border: 2px solid #121212;
	padding: 10px 20px;
	border-radius: 25px 25px 0 0;
	background-color: #e7e6e7;
}

.together .interview .item-box .item-header span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #121212;
	border-radius: 100%;
	background-color: #008d82;
}

.together .interview .item-box .item-header span:nth-child(1) {
	background-color: #df9ebf;
}

.together .interview .item-box .item-header span:nth-child(2) {
	background-color: #d9dd5a;
}

.together .interview .item-box .item-header span:nth-child(3) {
	background-color: #5b64a5;
}

.together .interview .detail {
	display: grid;
	justify-content: space-between;
	align-items: center;
	grid-template-areas:
		"img title"
		"img index";
	grid-template-columns: 2fr 8fr;
	gap: 30px;
	padding: 60px 30px;
	border: 2px solid #121212;
	border-top: none;
	border-radius: 0 0 25px 25px;
	grid-row-gap: 0;
}

.together .interview .detail .person_img {
	grid-area: img;
}

.together .interview .detail .title {
	grid-area: title;
	background: #d9dd5a;
	padding: 10px 40px;
	border-radius: 10px;
	border: 2px solid #121212;
}

.together .interview .detail .person-name {
	grid-area: name;
}

.together .interview .detail .interview-index {
	grid-area: index;
	padding: 30px 40px;
	border: 2px solid #121212;
	border-radius: 20px;
}

.together .interview .detail .interview-index strong {
	display: inline-block;
	padding: 5px 15px;
	border: 2px solid #121212;
	border-radius: 999px;
	color: #fff;
	background: #5c64a5;
}

.together .interview .embed-responsive {
	margin-top: 60px;
}

.sec.interview {
	margin-bottom: 0;
	padding-top: 80px;
	padding-bottom: 80px;
}

@media (max-width: 1024px) {
	.sec.interview {
		padding-top: 30px;
		padding-bottom: 60px;
	}
	.together .interview .sub_title {
		padding: 0;
		padding-top: 10px;
	}
	.together .interview .sub_title::before {
		top: 0;
	}
	.together .interview .sub_title.search {
		padding-left: 50px;
		padding-right: 20px;
		font-size: 18px;
		white-space: nowrap;
	}
	.together .interview .detail {
		grid-template-areas:
			"title"
			"img"
			"index";
		grid-template-columns: repeat(1, 1fr);
		gap: 25px;
		padding: 10px;
	}
	.together .interview .detail .interview-index {
		padding: 15px;
	}

	.together .interview .person_img {
		display: block;
		margin: 0 auto;
		width: 60%;
	}
	.together .interview .detail .title {
		padding: 5px 10px;
	}
}

/* 건강한 행복 한 끼 */

.healthy .recipe .recipe-title {
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.healthy .page-header .item-img .backdrop {
	
}

.healthy .sub_title {
	position: relative;
	color: #b28157;
	padding-left: 35px;
}

.healthy .sub_title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 30px;
	height: 20px;
	background: url("../images/sub/brwon_title_icon.svg") no-repeat center/contain;
}

.healthy .interview .sub_title {
	padding: 0;
}

.healthy .interview .sub_title::before {
	display: none;
}

@media (max-width: 1024px) {
	.healthy .sub_title {
		padding: 0;
		padding-top: 10px;
	}
	.healthy .sub_title::before {
		top: 0;
	}
	.healthy .interview .recipe {
		padding: 30px 15px;
	}
	.healthy .recipe ul {
		flex-direction: row;
		gap: 10px;
	}
	.healthy .recipe ul li {
		padding: 0;
	}
	.healthy .interview .recipe .num_list li span {
		margin: 0;
	}
	.healthy .interview .people {
		padding: 30px 15px;
	}
	.healthy .interview .people div.row span {
		text-align: center;
	}
}

/* 이거 모르면 손해 */
.damage .sec {
	margin-bottom: 0;
	padding-bottom: 80px;
}

@media (max-width: 1024px) {
	.damage .sub_title {
		padding: 0;
		padding-top: 10px;
	}
	.damage .sub_title::before {
		top: 0;
	}
}


/* 이달의 팁 백과 */

.tip .sub_title {
	position: relative;
	/* padding-left: 35px; */
}

.tip .container .row {
	border-bottom: 2px dotted #000;
}

/* .tip .sub_title::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 30px;
	height: 20px;
	background: url('../images/sub/brwon_title_icon.svg') no-repeat center/contain;
} */

@media (max-width: 1024px) {
	.tip .sub_title {
		padding: 0;
		padding-top: 10px;
	}
	.tip .sub_title::before {
		top: 0;
	}
}

/* 문화 트렌드 */



.news .sub_title {
	position: relative;
}

/* 함께 떠나요! */

.leave .sub_title {
	position: relative;
	color: #0092d9;
	padding-left: 35px;
}

.leave .sub_title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 30px;
	height: 20px;
	background: url("../images/sub/leave_title_icon.svg") no-repeat center/contain;
}

.container.info h3 {
	padding: 0;
	text-align: center;
}
.container.info h3::before {
	display: none;
}

.container.info .info_description {
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: 18px;
	padding: 50px;
	border: 2px solid #0092d9;
	width: fit-content;
	margin: 0 auto;
}

.container.info .info_description a {
	text-decoration: underline;
	text-underline-position: under;
}
.container.info .info_description address {
	font-style: normal;
}

.container.info .info_description dl {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 30px;
}

.container.info .info_description dl dt {
	width: 130px;
	background-color: #0092d9;
	color: #fff;
	padding: 5px 10px;
	border-radius: 999px;
	flex-shrink: 0;
	text-align: center;
	height: fit-content;
	font-weight: 700;
}

.container.info .info_description dl p {
	line-height: 28px;
}

@media (max-width: 1024px) {
	.how .container.info .info_description dl dt {
		width: 100px;
	}
	.container.info .info_description dl {
		flex-direction: column;
		align-items: start;
	}

	.container.info .info_description {
		padding: 20px;
	}
	.container.info .info_description dl {
		gap: 10px;
	}
	.container.info .info_description dl dt {
		flex-shrink: 0;
	}

	.leave .sub_title {
		padding: 0;
		padding-top: 10px;
	}
	.leave .sub_title::before {
		top: 0;
	}
	.container.info .info_description {
		font-size: 17px;
	}
}

/* 같이 즐겨요! */

.enjoy .sub_title {
	position: relative;
	color: #0092d9;
	padding-left: 35px;
}

.enjoy .sub_title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 30px;
	height: 20px;
	background: url("../images/sub/leave_title_icon.svg") no-repeat center/contain;
}
.enjoy .sec .container .row .col-33:last-child {
	display: flex;
	align-items: end;
	padding-bottom: 20px;
}
.enjoy .sec .container .row .col-33:last-child .epi {
	color: #1199dc;
	text-align: left;
}

@media (max-width: 1024px) {
	.enjoy .sub_title {
		padding: 0;
		padding-top: 10px;
	}
	.enjoy .sub_title::before {
		top: 0;
	}
}

/* 여기 어때요! */

.how .sub_title {
	position: relative;
	color: #0092d9;
	padding-left: 35px;
}

.how .sub_title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 30px;
	height: 20px;
	background: url("../images/sub/leave_title_icon.svg") no-repeat center/contain;
}

@media (max-width: 1024px) {
	.how .sub_title {
		padding: 0;
		padding-top: 10px;
	}
	.how .sub_title::before {
		top: 0;
	}
}

/* 문화 트렌드 */
.trend .sub_title {
	position: relative;
	color: #0092d9;
	padding-left: 35px;
}

.trend .sub_title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 30px;
	height: 20px;
	background: url("../images/sub/leave_title_icon.svg") no-repeat center/contain;
}

@media (max-width: 1024px) {
	.trend .sub_title {
		padding: 0;
		padding-top: 10px;
	}
	.trend .sub_title::before {
		top: 0;
	}
}

/* KEAD 웹툰 */

.toon .page-header .item-img .backdrop {
	background-image: url("../images/sub/trend_bg_page_header.png");
}

.toon .sub_title {
	position: relative;
	color: #0092d9;
	padding-left: 35px;
}

.toon figure {
	display: block;
	margin: 0;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.toon figure img {
	display: block;
	margin: 0;
	width: 100%;
	margin-bottom: 16px;
}
@media (max-width: 1024px) {
	.toon .sub_title {
		padding: 0;
		padding-top: 10px;
	}
	.toon .sub_title::before {
		top: 0;
	}
}

/* KEAD News */
@media (max-width: 1024px) {
	.news .page-header .container-fluid > div.details p {
		margin-top: 10px;
	}
}

/* AudioTotal */

.sub.audiototal .page-header .container-fluid > div.details {
	width: 100%;
}
.sub.audiototal .page-header {
	background: url("../images/sub/bg_audio.png") no-repeat center/cover;
}
.sub.audiototal .front {
	text-align: center;
}

/* Event */
.sub.event .page-header.type-2.action {
	background: url("../images/sub/bg_event.png") no-repeat center/cover;
}
.sub.event dl {
	display: block;
	margin: 0 auto;
	margin-bottom: 40px;
}
.sub.event dl dt {
	display: block;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 16px;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	padding: 5px 20px;
	border-radius: 999px;
	color: #fff;
	background: linear-gradient(to right, #ff887c, #b6325f);
}
.sub.event dl dd {
	display: block;
	width: fit-content;
	margin: 0 auto;
	font-size: 22px;
	font-weight: 400;
	line-height: 33px;
}

.sub.event .find {
	padding: 80px 0;
	background-color: rgba(249, 229, 233, 1);
}

.sub.event .read {
	background-color: #fff;
}

.sub.event h4 {
	display: block;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 40px;
	padding: 5px 20px;
	border-radius: 999px;
	background-color: #ea6691;
	color: #fff;
}
.sub.event h5 {
	display: block;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 30px;
	font-size: 56px;
	font-weight: 700;
	line-height: 80px;
	color: #ea6691;
}

.sub.event p {
	display: block;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 40px;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	line-height: 33px;
}

.sub.event a {
	display: block;
	width: fit-content;
	margin: 0 auto;
	padding: 8px 16px;
	font-size: 24px;
	font-weight: 400;
	line-height: 33px;
	color: #fff;
	background-color: #121212;
	border-radius: 20px;
	transition: all 250ms linear;
}
.sub.event a:hover {
	background-color: #ea6691;
}
.sub.event .read {
	padding-top: 80px;
}

.sub.event .read h4 {
	background: #005f83;
}

.sub.event .read h5 {
	color: #005f83;
}

.sub.event .read a:hover {
	background-color: #005f83;
}

@media (max-width: 1024px) {
	.sub.event .read {
		padding-top: 50px;
	}
	.sub.event dl dt {
		font-size: 24px;
	}
	.sub.event dl dd {
		font-size: 18px;
		text-align: center;
	}
	.sub.event .find {
		padding: 50px 0;
	}
	.sub.event h4 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.sub.event h5 {
		font-size: 40px;
		margin-bottom: 20px;
	}
	.sub.event p {
		font-size: 20px;
	}
	.sub.audiototal .page-header {
		background: url("../images/sub/bg_audio_sm.png") no-repeat center/cover;
	}
}

.audio_area {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	padding: 16px;
	text-align: center;
}
.audio_area::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 35%;
	transform: translate(-50%, -50%) rotate(0);
	z-index: -1;
	display: block;
	width: 55%;
	padding-top: 55%;
	border: 1px solid grey;
	border-radius: 50%;
	background: conic-gradient(white, white, white, lightgray, lightgray, lightgray, lightgray, aqua, palegreen, yellow, orange, lightgray, lightgray, lightgray, lightgray, white, white, white, white, lightgray, lightgray, lightgray, lightgray, aqua, palegreen, yellow, lightgray, grey, white);
	filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
	transition: 0.5s;
}
.audio_area .img {
	position: relative;
	z-index: 10;
}
.audio_area .img img {
	border: 1px solid rgb(255 141 43);
}
.audio_area.active {
	background: transparent;
}
.audio_area.active::after {
	animation: 4s linear infinite audioPlay;
	top: 20%;
}
.audio_area.active.pause::after {
	animation-play-state: paused;
}
.audio_area audio {
	display: block;
	width: 100%;
}
.audio_area button {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	font-size: 0;
	border: 0;
	border-radius: 50%;
	background: #eee;
	filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
	cursor: pointer;
}
.audio_area button::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 20px;
	height: 20px;
	height: 30px;
	font-size: 10px;
}
.audio_area .btnPlay::after {
	background: url("../images/audio_start.svg") no-repeat center center/contain;
	background-size: 60%;
}
.audio_area .btnPause::after {
	background: url("../images/audio_pause.svg") no-repeat center center/contain;
	background-size: 43%;
}
.audio_area .btnStop::after {
	background: url("../images/audio_stop.svg") no-repeat center center/contain;
	background-size: 60%;
}
.audiototal .rounded {
	border-radius: 20px;
}

@media (hover: hover) and (pointer: fine) {
	.audio_area button:hover::after {
		filter: brightness(0) saturate(100%) invert(66%) sepia(46%) saturate(701%) hue-rotate(165deg) brightness(96%) contrast(96%);
	}
	.audio_area .btnStop:hover::after {
		filter: brightness(0) saturate(100%) invert(14%) sepia(100%) saturate(6790%) hue-rotate(356deg) brightness(91%) contrast(121%);
	}
}

.audio_area button.active::after {
	filter: brightness(0) saturate(100%) invert(66%) sepia(46%) saturate(701%) hue-rotate(165deg) brightness(96%) contrast(96%);
}
.audio_area .btnStop.active::after {
	filter: brightness(0) saturate(100%) invert(14%) sepia(100%) saturate(6790%) hue-rotate(356deg) brightness(91%) contrast(121%);
}
.audio_area .time {
	position: absolute;
	left: 50%;
	top: calc(50% - 16px);
	transform: translate(-50%, -50%);
	color: #fff;
	opacity: 0;
	transition: 0.3s;
}
.audio_area.active .time {
	opacity: 1;
}
.audio_area .hp_slide {
	position: absolute;
	left: 50%;
	top: calc(50% + 16px);
	transform: translate(-50%, -50%);
	width: calc(100% - 32px);
	background: #eee;
	height: 3px;
	opacity: 0;
	transition: 0.3s;
}
.audio_area .hp_range {
	width: 0;
	background: rgb(255 141 43);
	height: 3px;
}
.audio_area.active img {
	filter: brightness(0.8);
	transition: 0.3s;
}
.audio_area.active .hp_slide {
	opacity: 1;
}

@keyframes audioPlay {
	0% {
		transform: translate(-50%, -50%) rotate(0);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@media screen and (max-width: 768px) {
	.audio_area {
		margin-top: 20%;
	}
	.sec.description {
		overflow: hidden;
	}
	.audio_area::after {
		top: 30%;
	}
}

/* anchor */
.anchor {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* 이전+다음 버튼 */

.anchor .button_wrap span {
	font-size: 20px;
	color: #ddd;
	font-weight: normal;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.anchor .button_wrap .prev_btn {
	transition: left, color 0.4s;
}

.anchor .sub_sns_wrap li {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	float: left;
	margin-right: 10px;
	box-sizing: border-box;
}
.anchor .sub_sns_wrap li:last-child {
	margin-right: 0px;
}
.anchor .sub_sns_wrap li div {
	cursor: pointer;
	width: 100%;
	height: 100%;
	transition: all 0.4s;
}

/* 프린트 + 복사 + SNS */
.anchor .sub_sns_wrap li.icoPrint div {
	background-image: url(../../img/common/sub_icon_print.png);
}
.anchor .sub_sns_wrap li.icoUrl div {
	background-image: url(../../img/common/sub_icon_url.png);
}
.anchor .sub_sns_wrap li.icoKakaoTalk div {
	background-image: url(../../img/common/sub_icon_kakaotalk.png);
}
.anchor .sub_sns_wrap li.icoFacebook div {
	background-image: url(../../img/common/sub_icon_facebook.png);
}
.anchor .sub_sns_wrap li.icoBlog div {
	background-image: url(../../img/common/sub_icon_blog.png);
}
.anchor .sub_sns_wrap li.icoTwitter div {
	background-image: url(../../img/common/sub_icon_twitter.png);
}

@media screen and (max-width: 1280px) {
	.anchor .sub_sns_wrap li.icoPrint {
		display: none;
	}
}

.audiototal .sub_title {
	color: #231f20;
}
.audiototal .header .inner_1280 {
	padding-top: 1.875rem;
	border-top: none;
}
.audiototal footer .inner_1280 {
	padding-top: 0;
	border-top: none;
}
.audiototal .inner_1280 {
	border-top: 1px solid #231f20;
	padding-top: 40px;
}
.audiototal .ment_row li:nth-child(2) {
	margin-top: 108px;
}
.audiototal .audio_area .img img {
	border: 1px solid #52504d;
}

@media screen and (max-width: 768px) {
	.audiototal .header .inner_1280 {
		padding-top: 2rem;
	}
	.audiototal .ment_row li:nth-child(2) {
		margin-top: 0;
	}
}

/***********
margin
************/
.m_xxlg {
	margin: var(--space_xxlg);
}
.m_xlg {
	margin: var(--space_xlg);
}
.m_lg {
	margin: var(--space_lg);
}
.m_md {
	margin: var(--space_md);
}
.m_sm {
	margin: var(--space_sm);
}
.m_xsm {
	margin: var(--space_xsm);
}

.mt_xxlg {
	margin-top: var(--space_xxlg);
}
.mt_xlg {
	margin-top: var(--space_xlg);
}
.mt_lg {
	margin-top: var(--space_lg);
}
.mt_md {
	margin-top: var(--space_md);
}
.mt_sm {
	margin-top: var(--space_sm);
}
.mt_xsm {
	margin-top: var(--space_xsm);
}

.mr_xxlg {
	margin-right: var(--space_xxlg);
}
.mr_xlg {
	margin-right: var(--space_xlg);
}
.mr_lg {
	margin-right: var(--space_lg);
}
.mr_md {
	margin-right: var(--space_md);
}
.mr_sm {
	margin-right: var(--space_sm);
}
.mr_xsm {
	margin-right: var(--space_xsm);
}

.mb_xxlg {
	margin-bottom: var(--space_xxlg);
}
.mb_xlg {
	margin-bottom: var(--space_xlg);
}
.mb_lg {
	margin-bottom: var(--space_lg);
}
.mb_md {
	margin-bottom: var(--space_md);
}
.mb_sm {
	margin-bottom: var(--space_sm);
}
.mb_xsm {
	margin-bottom: var(--space_xsm);
}

.ml_xxlg {
	margin-left: var(--space_xxlg);
}
.ml_xlg {
	margin-left: var(--space_xlg);
}
.ml_lg {
	margin-left: var(--space_lg);
}
.ml_md {
	margin-left: var(--space_md);
}
.ml_sm {
	margin-left: var(--space_sm);
}
.ml_xsm {
	margin-left: var(--space_xsm);
}

:root {
	/* color */
	--primary_80: rgb(32 68 209); /* 메인 컬러 + rgba(0,0,0,0.8) */
	--primary_50: rgb(255 141 43); /* 메인 컬러 */
	--primary_10: #e3f7ff; /* 메인 컬러 + rgba(255,255,255,0.8) */

	--natural_100: #000;
	--natural_80: #161616;
	--natural_70: #1d1d1d;
	--natural_60: #646464;
	--natural_50: #8d8d8d;
	--natural_40: #dedede;
	--natural_30: #dee2e6;
	--natural_20: #e9ecef;
	--natural_10: #f2f4f6;
	--natural_0: #fff;

	--img-border-radius: 20px;
	--img-border-cir: 100%;

	--space_xxlg: 6.25rem; /*100px*/
	--space_xlg: 5rem; /*80px*/
	--space_lg: 2.5rem; /*40px*/
	--space_md: 2rem; /*32px*/
	--space_sm: 1rem; /*16px*/
	--space_xsm: 0.5rem; /*8px*/

	--font_xxlg: 2.625rem; /*42px*/
	--font_xlg: 1.375rem; /*22px*/
	--font_lg: 1.125rem; /*18px*/
	--font_md: 1rem; /*16px*/
	--font_sm: 0.8125rem; /*13px*/
	--font_xsm: 0.6875rem; /*11px*/
}

@media screen and (max-width: 768px) {
	:root {
		--font_xxlg: 28px;
		--font_xlg: 20px;
		--font_lg: 16px;
		--font_md: 14px;
		--font_sm: 13px;
		--font_xsm: 11px;
	}
}

/*지난호 보기*/
.sub.list .sub_title {
	display: flex;
	align-items: center;
	font-size: 32px;
}
.sub.list .sub_title span {
	display: inline-block;
	flex-shrink: 2;
	width: 100%;
	height: 1px;
	margin-left: var(--space_sm);
	font-size: 0;
	background: #333;
}
.sub.list .past_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.sub.list .past_list > li {
	width: calc((100% - 96px) / 4);
	margin-right: 32px;
	margin-top: var(--space_lg);
	text-align: center;
}
.sub.list .past_list > li:nth-child(4n) {
	margin-right: 0;
}
.sub.list .past_list > li:nth-child(-n + 4) {
	margin-top: 0;
}
.sub.list .past_list > li .img {
	position: relative;
	margin-bottom: var(--space_xsm);
}
.sub.list .past_list > li .img img {
	transition: 0.3s;
	border: 1px solid #ddd;
	width: 100%;
}
.sub.list .past_list > li .link {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.sub.list .past_list > li .link p a {
	display: block;
	margin: var(--space_xsm) 0;
	padding: var(--space_xsm) var(--space_sm);
	color: #fff;
	opacity: 0;
	background: #333;
	border-radius: 10px;
}

.sub.list .past_list > li:hover .img img {
	opacity: 0.6;
}
.sub.list .past_list > li:hover .link {
	opacity: 1;
}

@media screen and (max-width: 768px) {
	.sub.list .past_list > li {
		width: calc((100% - 64px) / 3);
	}
	.sub.list .past_list > li:nth-child(4n) {
		margin-right: 32px;
	}
	.sub.list .past_list > li:nth-child(3n) {
		margin-right: 0;
	}
	.sub.list .past_list > li:nth-child(4) {
		margin-top: var(--space_lg);
	}
}

@media screen and (max-width: 480px) {
	.sub.list .past_list > li {
		width: calc((100% - 16px) / 2);
	}
	.sub.list .past_list > li:nth-child(2n-1) {
		margin-right: 16px;
	}
	.sub.list .past_list > li:nth-child(2n) {
		margin-right: 0;
	}
	.sub.list .past_list > li:nth-child(3) {
		margin-top: var(--space_lg);
	}
}

.event {
	word-break: keep-all;
}
.event .sec_visual {
	background: url("../../img/contents/event_visual.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
}
.event .sub_title {
	width: 100%;
	max-width: fit-content;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-radius: 50px;
	padding: 4px var(--space_lg);
	color: #fff;
}
.event .content_area h4 {
	font-size: 56px;
}
.event .btn,
.event .btn:hover {
	background: var(--natural_80);
	margin: 0 auto;
}
.event .btn a {
	color: #fff;
}

.event .sec.pink {
	padding-top: var(--space_xlg);
	padding-bottom: var(--space_xlg);
	background: #f9e5e9;
}

.event .sec.winner ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.event .sec.winner ul li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 19%;
	padding: var(--space_sm);
	border: 2px solid #666;
	margin-bottom: var(--space_sm);
}
.event .sec.winner ul li b {
	display: block;
	margin-top: var(--space_sm);
	font-size: var(--font_lg);
}

/*7월호 추가*/
.event .sec.winner ul:nth-of-type(1) > li {
	width: calc((100% - 32px) / 3);
	margin-bottom: var(--space_sm);
}
.event .sec.winner ul:nth-of-type(1) > li:nth-child(n + 4) {
	width: 100%;
}

.event .sec.winner ul:nth-of-type(2) > li {
	width: calc((100% - 48px) / 4);
	margin-bottom: var(--space_sm);
}

@media screen and (max-width: 768px) {
	.event .sec.winner ul::after {
		content: "";
		display: block;
		width: 32%;
	}
	.event .sec.winner ul li {
		width: 100%;
	}

	.event .sec.winner ul:nth-of-type(1) > li {
		width: 100%;
	}
	.event .sec.winner ul:nth-of-type(2) > li {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.event .sec.winner ul::after {
		width: 49%;
	}
	.event .sec.winner ul li {
		width: 100%;
	}
}

[class*="fs_"] {
	color: var(--natural_80);
}

.sub.subscribe em.red_star {
	color: red;
}
.sub.subscribe :nth-child(2 of .sub_title) {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sub.subscribe table {
	width: 100%;
	border-top: 2px solid var(--natural_80);
}
.sub.subscribe table tr {
	border-bottom: 1px solid var(--natural_30);
}
.sub.subscribe table tr th {
	border-right: 1px solid #ddd;
	padding: 15px;
	text-align: center;
}
.sub.subscribe table td {
	padding: 15px;
	border: 0;
}
.sub.subscribe table tr:nth-child(n + 2) td input {
	width: 100%;
	border: 0;
	font-size: var(--font_md);
}
.sub.subscribe .btn-area {
	margin-top: 30px;
	text-align: center;
}
.sub.subscribe .btn-area .btn-submit {
	display: inline-block;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background-color: #000;
	padding: 0 30px;
	border-radius: 10px;
}

.sub .row.audio {
	align-items: center;
}
.sub .audio_area {
	position: relative;
}

.audio_area::after {
	z-index: 1;
}
.sub .audio_area figure {
	position: relative;
	border: 1px solid #121212;
	border-radius: 20px;
}
.sub .audio_area figure img {
	border-radius: 20px;
	position: relative;
	z-index: 2;
}

/* @keyframes */
@keyframes balloon {
	0%,
	100% {
		transform: translateY(0%) rotate(-5deg);
	}
	50% {
		transform: translateY(0) rotate(5deg);
	}
}
/* 초성 이벤트 클릭 */
.popup-event {
	display: flex;
	position: fixed;
	top: 50vh;
	left: 0;
	z-index: 999;
	font-size: 18px;
}
.popup-event .ani_balloon {
	display: none;
	width: 100px;
	cursor: pointer;
	position: relative;
	z-index: 10;
	filter: drop-shadow(0 5px 3px rgba(0, 0, 0, 0.5));
	animation: balloon 5s ease-in-out infinite reverse;
	margin-left: auto;
}
.popup-event .ani_balloon img {
	display: block;
	width: 100%;
}
.popup-event .txt-area {
	text-align: center;
	font-weight: 500;
	width: 300px;
	height: auto;
	pointer-events: none;
	transition: 0.5s;
	position: relative;
	padding: var(--space_md) var(--space_sm);
	border-radius: 20px;
	background-color: #ebecef;
	border: 3px solid #3f4165;
	transform: translateY(1rem);
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	transition: 0.8s;
}
@media(max-width: 1024px) {
	.popup-event .txt-area {
		padding: 10px;
	}
	#popup01 .popup-event-img #ci-cat {
		max-width: 60px !important;
	}
}

.popup-event.active {
	z-index: 100;
}
.popup-event.active .txt-area {
	opacity: 1;
	visibility: visible;
	transform: translateY(-0.8rem);
	pointer-events: auto;
}

.popup-event .txt-area #event-hint {
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 8px;
}
.popup-event .txt-area #event-hint02 {
	display: none;
}

.popup-event .event-quick {
	margin-top: 15px;
	text-align: center;
}
.popup-event .event-quick a {
	display: block;
	padding: 3px 1rem;
	color: #fff;
	font-weight: 500;
	display: inline-block;
	background-color: #007db6;
	border-radius: 30px;
}
.popup-event #popup-event-close {
	font-size: 19px;
	font-weight: 600;
	position: absolute;
	top: 0.5rem;
	right: 1rem;
	width: fit-content;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	.popup-event {
		top: 20vh;
	}
}

.img-toon {
	font-size: 0;
}
.img-toon img {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}

.form-list {
	border-top: 2px solid #000;
}
.form-list > li {
	border-bottom: 1px solid #ddd;
}
.form-list > li > dl {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.form-list > li > dl > dt,
.form-list > li > dl > dd {
	display: table-cell;
	vertical-align: middle;
}
.form-list > li > dl > dt {
	width: 30%;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #ddd;
}
.form-list > li > dl > dd {
	padding: 15px;
}
.form-list > li > dl > dd input[type="text"] {
	font-size: 16px;
	border: 0;
	display: block;
	width: 100%;
	height: 30px;
}

@media (max-width: 1024px) {
	.form-list > li > dl > dt {
		font-size: 16px;
	}
	.form-list > li > dl > dd {
		padding: 10px;
	}
}

/* audiototal */
.audiototal {
	background-color: #fefefe;
}

/* audio-list */
.audio-list {
	padding-bottom: 100px;
}
.audio-list .container {
	max-width: 1230px;
}
.audio-list .container article {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.audio-list .container article ~ article {
	margin-top: 60px;
}
.audio-list .container article > div {
	display: table-cell;
	vertical-align: top;
}
.audio-list .container article > div.item-audio {
	width: 500px;
}
.audio-list .container article > div.details {
	padding-top: 16px;
	padding-left: 30px;
}
.audio-list .container article > div.details .accordion .btn-accordion {
	width: 100%;
	font-size: 20px;
	color: #000;
	text-align: left;
	font-weight: bold;
	line-height: 30px;
	padding: 10px 15px;
	margin-bottom: 30px;
	border-radius: 20px;
	background-color: #c5e2fc;
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) 50%;
	background-size: auto auto;
}
.audio-list .container article > div.details .accordion .btn-accordion.close {
	display: none;
}
.audio-list .container article > div.details .accordion.show .btn-accordion.close {
	display: block;
	background-image: url(../../assets/images/sub/ico_minus.png);
}
.audio-list .container article > div.details .accordion .btn-accordion.open {
	display: block;
	background-image: url(../../assets/images/sub/ico_plus.png);
}
.audio-list .container article > div.details .accordion.show .btn-accordion.open {
	display: none;
}
.audio-list .container article > div.details .accordion .contents {
	display: none;
	overflow: hidden;
	padding: 20px;
	border-radius: 30px;
	border: 2px solid #c5e2fc;
	background-color: #fff;
}
.audio-list .container article > div.details .accordion .contents p {
	font-size: 16px;
	line-height: 26px;
	color: #000;
	font-weight: 500;
}

@media (max-width: 1024px) {
	.audio-list .container article {
		display: block;
	}
	.audio-list .container article ~ article {
		margin-top: 80px;
	}
	.audio-list .container article > div {
		display: block;
		width: 100% !important;
	}
	.audio-list .container article > div.item-audio .audio_area {
		max-width: 100%;
		margin-top: 0 !important;
	}
	.audio-list .container article > div.details {
		padding: 0;
		margin-top: 30px;
	}
	.audio-list .container article > div.details .accordion .btn-accordion {
		font-size: 16px;
		margin-bottom: 15px;
		padding: 5px 20px;
		background-size: 20px auto;
		background-position: calc(100% - 20px) 50%;
	}
	.audio-list .container article > div.details .accordion .contents {
		padding: 15px;
	}
	.audio-list .container article > div.details .accordion .contents p {
		font-size: 14px;
		line-height: 24px;
	}
}

.sub.list .past_list > li .link p a:focus,
.sub.list .past_list > li .link p a:focus-visible {
	opacity: 1;
	outline: 4px dashed #b22222;
}



.sub.list .past_list > li .link p a:focus,
.sub.list .past_list > li .link p a:focus-visible {
	opacity: 1;
	outline: 4px dashed #b22222;
}

.shots-list .accordion {
	display: block;
	margin-top: 30px;
}
.shots-list .accordion .btn-accordion {
	font-size: 16px;
	width: 100%;
	line-height: 40px;
	color: #000;
	font-weight: bold;
	border-radius: 20px;
	padding: 0 20px;
	margin-bottom: 20px;
	background-color: #fff;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.shots-list .accordion .btn-accordion.close {
	display: none;
}
.shots-list .accordion .btn-accordion.open {
	display: block;
}
.shots-list .accordion .btn-accordion.open:after {
	display: inline-block;
	vertical-align: top;
	content: '+';
	margin-left: 10px;
}
.shots-list .accordion .btn-accordion.close:after {
	display: inline-block;
	vertical-align: top;
	content: '-';
	margin-left: 10px;
}
.shots-list .accordion.show .btn-accordion.open {
	display: none;
}
.shots-list .accordion.show .btn-accordion.close {
	display: block;
}
.shots-list .accordion .contents {
	display: none;
	padding: 20px;
	border-radius: 20px;
	border: 2px solid #000;
	background-color: #fff;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.shots-list .accordion .contents p {
	font-size: 14px;
	line-height: 24px;
	color: #000;
	font-weight: 400;
}



.sub.list .past_list > li .link p a:focus,
.sub.list .past_list > li .link p a:focus-visible {
	opacity: 1;
	outline: 4px dashed #b22222;
}



.sub.list .past_list > li .link p a:focus,
.sub.list .past_list > li .link p a:focus-visible {
	opacity: 1;
	outline: 4px dashed #b22222;
}

.accordion {
	display: block;
	margin-top: 30px;
}
.accordion .btn-accordion {
	font-size: 16px;
	width: 100%;
	line-height: 40px;
	color: #000;
	font-weight: bold;
	border-radius: 20px;
	padding: 0 20px;
	margin-bottom: 20px;
	background-color: #fff;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.accordion .btn-accordion.close {
	display: none;
}
.accordion .btn-accordion.open {
	display: block;
}
.accordion .btn-accordion.open:after {
	display: inline-block;
	vertical-align: top;
	content: '+';
	margin-left: 10px;
}
.accordion .btn-accordion.close:after {
	display: inline-block;
	vertical-align: top;
	content: '-';
	margin-left: 10px;
}
.accordion.show .btn-accordion.open {
	display: none;
}
.accordion.show .btn-accordion.close {
	display: block;
}
.accordion .contents {
	display: none;
	padding: 20px;
	border-radius: 20px;
	border: 2px solid #000;
	background-color: #fff;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.accordion .contents p {
	font-size: 14px;
	line-height: 24px;
	color: #000;
	font-weight: 400;
}



.special .page-header .container-fluid .item-img .backdrop {
	background-image: url("../images/sub/bg_page_header_special.png");
}
.special .page-header .container-fluid .details p, .special .page-header .container-fluid .details strong,  .special .page-header .container-fluid .details ul li dl dt, .special .page-header .container-fluid .details ul li dl dd {color: #fff !important;}
.special-summary {padding-top: 100px;}
.special-summary {font-size: 18px; color: #333; font-weight: 500; line-height: 1.6;}
.special section .container h3 {
	position: relative;
	padding-left: 35px;
	color: #8d72b4;
}
.special section .container h3:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 30px;
	height: 20px;
	background: url(../images/sub/brwon_title_icon.svg) no-repeat center / contain;
}
.special .schedule {text-align: center;}
.special .schedule dt {display: inline-block; line-height: 50px; padding: 0 20px; border-radius: 100px; background-color: #2c7ec2; color: #fff; font-weight: bold; font-size: 26px;}
.special .schedule dd img {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}
.special .poster {
	padding: 100px 0; 
}

/* today-close */
.popup-event .today-close {
	display: none;
}
.popup-event.active .today-close {
	display: block;
	margin-top: -5px;
}

.quick-audio .today-close {
	margin-top: 10px;
}

.today-close {
	text-align: center;
	font-size: 14px;
	color: #000;
	font-weight: 400;
}
.today-close .btn_close {
	font-weight: bold; 
}
.today-close input[type="checkbox"] {
	position: relative;
	top: 2px;
	margin: 0;
}




/* 20250828 health 수정 */
.healthy .recipe article {
	background-color: transparent;
	padding: 0;
}

@media(max-width: 1024px) {
	.healthy article.interview .container .item-box .recipe .article-content {
		margin-top: 30px !important;
	}
	.healthy .recipe article ~ article {
		margin-top: 50px;
		padding-top: 50px;
		border-top: 1px dashed #000;
	}
		.healthy .recipe article~article .article-title {
			padding-top: 0 !important;
		}
}