@charset "UTF-8";
/* ================================================================== */
/* Name	: common.css
/* Script : Font, Layout CSS
/* Author : Design Geulggol
/* Date	: 2021-04-15
/* ================================================================== */
.pc-block {
	display: block;
}

.m-block {
	display: none;
}

.t-block {
	display: none;
}

/* 한줄 말줄임 */
.text-ellipsis {
	width: 100%;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 여러줄 말줄임 */
.multi-ellipsis {
	width: 100%;
	line-height: 1.4;
	white-space: normal;
	word-break: break-all;
	display: -webkit-box !important;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.stretched-link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
}

/* ----------------------------- */
/* Basic
/* ----------------------------- */
html, body {
	height: 100%;
	text-align: left;
	word-break: keep-all;
}

html {
	font-size: 62.5%;
}

body {
	font-family: "NotoSansRegular", "malgun gothic", 맑은고딕, "Dotum", 돋움, "Arial", "sans-serif";
	font-weight: 300;
	font-size: 1.8rem;
	line-height: normal !important;
	color: #000;
}
body img {
	max-width: 100%;
	vertical-align: top;
}

a {
	color: #000;
}
a :hover, a :focus {
	color: #000;
}

input {
	padding: 0 10px;
}

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
button,
select {
	font-family: "NanumSquareR", "malgun gothic", 맑은고딕, "Dotum", 돋움, "Arial", "sans-serif";
}

select {
	padding: 10px 40px 10px 17px;
	background: #fff url("/") no-repeat center right 14px;
	background-size: 9px 5px;
}

::-moz-selection {
	color: #fff;
	background: #b8251a;
	text-shadow: 1px 1px #000;
}

::selection {
	color: #fff;
	background: #b8251a;
	text-shadow: 1px 1px #000;
}

ul ul, ul ol, ol ul, ol ol {
	margin-left: 15px;
}

/* ----------------------------- */
/* Header
/* ----------------------------- */
body > header {
	border-bottom: 1px solid #dedede;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	/* logo */
}
body > header .hi {
	border-right: 1px solid #ccc;
	padding: 0 4.3rem;
	margin: 4.3rem 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
body > header .hi img {
	width: 225px;
}
body > header .hi a span {
	display: block;
	margin: 9px auto 0;
	font-size: 1.4rem;
	font-weight: 700;
	color: #787878;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
body > header .ci a {
	font-family: "NotoSansRegular", sans-serif;
	font-size: 1.5rem;
	color: #969696;
	margin: 4.3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
body > header .ci a:hover {
	color: #969696;
}
body > header .ci span {
	display: block;
}
body > header .ci img {
	width: 130px;
	margin-right: 20px;
}
body > header .nav-wrap {
	margin-left: auto;
}

/* nav_pc */
nav.nav-pc {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
nav.nav-pc > ul[data-depth="1"] {
	font-family: "NotoSansMedium", sans-serif;
	font-size: 2.2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
nav.nav-pc > ul[data-depth="1"] > li {
	position: relative;
}
nav.nav-pc > ul[data-depth="1"] > li::after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #ccc;
	position: absolute;
	top: 50%;
	right: 0;
}
nav.nav-pc > ul[data-depth="1"] > li:last-child::after {
	display: none;
}
nav.nav-pc > ul[data-depth="1"] > li > a {
	padding: 5rem 6.5rem;
	display: block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
nav.nav-pc > ul[data-depth="1"] > li > a::after {
	content: "";
	display: block;
	width: 5px;
	height: 7px;
	background: #0075b9;
	opacity: 0;
	position: absolute;
	bottom: 35px;
	left: 50%;
	-webkit-transform: skew(-30deg) translate(-50%, 0);
	transform: skew(-30deg) translate(-50%, 0);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
nav.nav-pc > ul[data-depth="1"] > li > a:hover, nav.nav-pc > ul[data-depth="1"] > li > a:active, nav.nav-pc > ul[data-depth="1"] > li > a.active, nav.nav-pc > ul[data-depth="1"] > li > a.position {
	color: #0075b9;
}
nav.nav-pc > ul[data-depth="1"] > li > a:hover::after, nav.nav-pc > ul[data-depth="1"] > li > a:active::after, nav.nav-pc > ul[data-depth="1"] > li > a.active::after, nav.nav-pc > ul[data-depth="1"] > li > a.position::after {
	opacity: 1;
}
nav.nav-pc > ul[data-depth="1"] > li:first-child ul[data-depth="2"] {
	border-left: none;
}
nav.nav-pc ul[data-depth="2"] {
	display: none;
	width: 100%;
	font-family: "NotoSansLight", sans-serif;
	font-size: 1.6rem;
	padding: 10px;
	margin-top: 1px;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 200;
}
nav.nav-pc ul[data-depth="2"] a {
	color: #fff;
	display: block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 5px 0;
}
nav.nav-pc ul[data-depth="2"] a:hover {
	text-decoration: underline;
}

.sub-bg {
	width: 100%;
	margin-top: 1px;
	/*background: linear-gradient(135deg, rgba(75,170,100,1) 0%, rgba(0,117,185,1) 46%, rgba(0,117,185,1) 100%);*/
	background: url("../../images/snb_bg.jpg") no-repeat;
	background-size: cover;
	display: none;
	position: absolute;
	left: 0;
	z-index: 190;
}
.sub-bg .slogan {
	font-family: "Open sans", sans-serif;
	font-style: italic;
	color: rgba(255, 255, 255, 0.2);
	position: absolute;
	top: 30%;
	left: 5%;
}
.sub-bg .slogan span {
	display: block;
}

/* nav_mobile */
.hamnav-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	background-color: #0075b9;
	display: none;
}

nav.nav-mobile {
	width: 100%;
	color: #fff;
	padding: 100px 4% 0;
	height: 100%;
	background-color: #0075b9;
	z-index: 200;
	display: none;
}
nav.nav-mobile > ul {
	border-top: 2px solid #d9d9d9;
}
nav.nav-mobile > ul > li {
	position: relative;
	padding: 18px 20px;
	font-size: 2.2rem;
	font-weight: 500;
	border-bottom: 1px solid #d9d9d9;
}
nav.nav-mobile > ul > li a {
	font-family: "NotoSansRegular";
	color: #fff;
}
nav.nav-mobile > ul > li :before, nav.nav-mobile > ul > li :after {
	content: "";
	display: block;
	position: absolute;
	top: 32px;
	right: 14px;
	width: 10px;
	height: 2px;
	background-color: #fff;
	-webkit-transition: ease 0, 2s;
	transition: ease 0, 2s;
}
nav.nav-mobile > ul > li :after {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: ease 0, 2s;
	transition: ease 0, 2s;
}
nav.nav-mobile > ul > li .on:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: ease 0, 2s;
	transition: ease 0, 2s;
}
nav.nav-mobile ul[data-depth="2"] {
	height: auto;
	margin-left: 20px;
	padding-top: 4%;
	display: none;
}
nav.nav-mobile ul[data-depth="2"] li {
	font-size: 2rem;
	padding-left: 2%;
	padding-bottom: 4px;
	font-weight: 400;
	color: #fff;
}
nav.nav-mobile ul[data-depth="2"] li:first-child ul {
	/* display: block; */
}

/* ----------------------------- */
/* Visual
/* ----------------------------- */
.main-visual .book-jeho {
	font-family: "NotoSansLight", sans-serif;
	font-size: 1rem;
	color: #fff;
	letter-spacing: 3px;
	padding-top: 10px;
	position: absolute;
	top: calc( 50% + 80px);
	right: 2%;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.main-visual .book-jeho:before {
	content: "";
	display: block;
	width: 90%;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.main-visual .book-jeho span {
	font-family: "NotoSansBold", sans-serif;
}
.main-visual .scroll-wrap {
	font-family: "NotoSansBold", sans-serif;
	font-size: 10px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 60%;
	left: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.main-visual .scroll-wrap .mouse-img {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.main-visual .scroll-wrap .bar {
	width: 60px;
	height: 20px;
	margin: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
}
.main-visual .scroll-wrap .bar:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: bar-animation;
	animation-name: bar-animation;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.main-visual .scroll-wrap .scroll {
	letter-spacing: 5px;
}

@-webkit-keyframes bar-animation {
	from {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes bar-animation {
	from {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
/* ----------------------------- */
/* 지난호보기 리스트
/* ----------------------------- */
.webzine-list {
	padding: 0 0 100px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.webzine-list article {
	width: calc( 100% / 4 - ((20px * 3) / 4));
	border: 1px solid #d1d1d1;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
}
.webzine-list article:nth-child(4n) {
	margin-right: 0;
}
.webzine-list article .img-wrap {
	margin-bottom: 0 !important;
	position: relative;
}
.webzine-list article .img-wrap::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.webzine-list article .img-wrap::after {
	content: "";
	display: block;
	content: "지난호 보기";
	width: 100px;
	height: 30px;
	font-family: "NotoSansMedium", sans-serif;
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	background: url("../../images/vol_icon.png") no-repeat center top;
	padding-top: 62px;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.webzine-list article:hover .img-wrap::before {
	background: rgba(0, 0, 0, 0.5);
}
.webzine-list article:hover .img-wrap::after {
	opacity: 1;
}
.webzine-list article header {
	text-align: center;
	padding: 20px;
	border-top: 1px solid #cccdd5;
	border-bottom: none;
	color: #585858;
}
.webzine-list article header h2 {
	font-size: 2rem;
	color: #000;
}
.webzine-list article header h2 span {
	font-size: 1.4rem;
	display: block;
}

/* ----------------------------- */
/* Footer
/* ----------------------------- */
footer {
	font-family: "NotoSansRegular", sans-serif;
	color: #b1b1b1;
	background: #2f2f2f;
}
footer .footer-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 60px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
footer .footer-inner > div:first-child {
	margin-left: auto;
}
footer .footer-info {
	line-height: 190%;
}
footer .footer-info address, footer .footer-info div {
	display: inline-block;
}
footer .footer-info address:after, footer .footer-info div:after {
	vertical-align: middle;
	content: "";
	margin-top: -2px;
	display: inline-block;
	width: 1px;
	height: 14px;
	vertical-align: middle;
	background: #595959;
	margin: -2px 19px 0 19px;
}
footer .footer-info > div:last-child:after {
	display: none;
}
footer .footer-info a {
	color: #b1b1b1;
}
footer copyright {
	font-size: 1.6rem;
	color: #6b6b6b;
	margin-top: 50px;
	display: block;
}
footer select {
	width: 200px;
	color: #b1b1b1;
	border: 1px solid #5e5e5e;
	background: #2f2f2f url("../../images/footer_select_arrow.png") no-repeat center right 14px;
	padding: 15px;
	margin: 10px;
}
footer .sns-list {
	margin-top: 30px;
}
footer .sns-list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
footer .sns-list ul li {
	margin-right: 10px;
}
footer .sns-list ul li:last-child {
	margin-right: 0;
}

/* ----------------------------- */
/* Responsive
/* -----------------------------
/* Layout Max Size : 1440px
/* Desktop Size	: 1024px < Screen <= 1280px
/* Tablet Size	: 1024px < Screen <= 768px
/* Mobile Size	: 767px < Screen
/* ----------------------------- */
@media screen and (max-width: 1440px) {
	footer select {
		width: 135px;
	}
}
@media screen and (max-width: 1440px) {
	/* ----------------------------- */
	/* 지난호보기 리스트
	/* ----------------------------- */
	.webzine-list {
		padding: 100px 40px;
	}
}
@media screen and (max-width: 1320px) {
	/* ----------------------------- */
	/* Header
	/* ----------------------------- */
	body > header {
		/* logo */
	}
	body > header .hi {
		padding: 0 2rem;
	}
	body > header .hi img {
		width: 200px;
	}
	body > header .ci a {
		font-size: 1.3rem;
		margin: 4.3rem 2rem;
	}
	body > header .ci img {
		width: 100px;
	}

	/* nav_pc */
	nav.nav-pc > ul[data-depth="1"] > li > a {
		padding: 5rem 4rem;
	}
}
@media screen and (max-width: 1023px) {
	/* ----------------------------- */
	/* 지난호보기 리스트
	/* ----------------------------- */
	.webzine-list article {
		width: calc( 100% / 3 - ((20px * 2) / 3));
	}
	.webzine-list article:nth-child(4n) {
		margin-right: 20px;
	}
	.webzine-list article:nth-child(3n) {
		margin-right: 0;
	}
	.webzine-list article header {
		height: auto;
	}

	/* ----------------------------- */
	/* Footer
	/* ----------------------------- */
	footer .footer-inner {
		padding: 40px 10px;
		display: block;
	}
	footer .footer-inner > div:first-child {
		margin-bottom: 30px;
	}
	footer .footer-info br {
		display: none;
	}
	footer select {
		width: 200px;
	}
	footer copyright {
		margin-top: 30px;
	}
}
/*  Tablet */
@media screen and (max-width: 960px) {
	.pc-block {
		display: none !important;
	}

	.t-block {
		display: block !important;
	}

	.m-block {
		display: none !important;
	}

	/* ----------------------------- */
	/* Header
	/* ----------------------------- */
	body > header {
		/* logo */
	}
	body > header .hi {
		margin: 3rem 0;
	}
	body > header .ci a {
		font-size: 1.3rem;
		margin: 3.1rem 2rem;
	}

	/* nav_pc */
	header nav.nav-pc {
		display: none;
	}

	/* nav_mobile */
	.nav-mobile-bg {
		display: none;
		position: relative;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: -100%;
		z-index: 200;
		/* background-color: rgba(0, 0, 0, 0.8); */
	}

	.hamnav-wrap {
		display: block;
	}

	.hamnav {
		position: relative;
		z-index: 1000;
		height: 100%;
	}

	nav.nav-mobile {
		display: block;
	}

	/* util */
	header .util {
		right: 130px;
		top: 28px;
	}

	.menu-trigger {
		display: inline-block;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		width: 40px;
		height: 33px;
		margin-top: -16px;
		margin-left: -20px;
		left: 50%;
		top: 50%;
	}
	.menu-trigger span {
		display: inline-block;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
	}
	.menu-trigger span.on {
		background-color: #fff;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 15px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.menu-trigger span:nth-of-type(1) {
		-webkit-animation: menu-bar-01 0.75s forwards;
		animation: menu-bar-01 0.75s forwards;
	}
	.menu-trigger.type span:nth-of-type(2) {
		-webkit-transition: all 0.25s 0.25s;
		transition: all 0.25s 0.25s;
		opacity: 1;
	}
	.menu-trigger.type span:nth-of-type(3) {
		-webkit-animation: menu-bar-02 0.75s forwards;
		animation: menu-bar-02 0.75s forwards;
	}
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-animation: active-menu-bar-01 0.75s forwards;
		animation: active-menu-bar-01 0.75s forwards;
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-animation: active-menu-bar-02 0.75s forwards;
		animation: active-menu-bar-02 0.75s forwards;
	}

	@-webkit-keyframes menu-bar-01 {
		0% {
			-webkit-transform: translateY(15px) rotate(45deg);
			transform: translateY(15px) rotate(45deg);
		}
		50% {
			-webkit-transform: translateY(15px) rotate(0);
			transform: translateY(15px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}

	@keyframes menu-bar-01 {
		0% {
			-webkit-transform: translateY(15px) rotate(45deg);
			transform: translateY(15px) rotate(45deg);
		}
		50% {
			-webkit-transform: translateY(15px) rotate(0);
			transform: translateY(15px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}
	@-webkit-keyframes menu-bar-02 {
		0% {
			-webkit-transform: translateY(-15px) rotate(-45deg);
			transform: translateY(-15px) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-15px) rotate(0);
			transform: translateY(-15px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar-02 {
		0% {
			-webkit-transform: translateY(-15px) rotate(-45deg);
			transform: translateY(-15px) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-15px) rotate(0);
			transform: translateY(-15px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}
	@-webkit-keyframes active-menu-bar-01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(15px) rotate(0);
			transform: translateY(15px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(15px) rotate(45deg);
			transform: translateY(15px) rotate(45deg);
		}
	}
	@keyframes active-menu-bar-01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(15px) rotate(0);
			transform: translateY(15px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(15px) rotate(45deg);
			transform: translateY(15px) rotate(45deg);
		}
	}
	@-webkit-keyframes active-menu-bar-02 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-15px) rotate(0);
			transform: translateY(-15px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-15px) rotate(-45deg);
			transform: translateY(-15px) rotate(-45deg);
		}
	}
	@keyframes active-menu-bar-02 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-15px) rotate(0);
			transform: translateY(-15px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-15px) rotate(-45deg);
			transform: translateY(-15px) rotate(-45deg);
		}
	}
}
@media screen and (max-width: 790px) {
	/* ----------------------------- */
	/* Visual
	/* ----------------------------- */
	.main-visual .book-jeho {
		text-align: center;
		padding-top: 10px;
		position: relative;
		top: auto;
		right: auto;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.main-visual .book-jeho:before {
		width: 100px;
	}
	.main-visual .scroll-wrap {
		text-align: center;
		margin-top: 30px;
		display: block;
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.main-visual .scroll-wrap .mouse-img {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.main-visual .scroll-wrap .bar {
		width: 1px;
		height: 30px;
		margin: 10px auto;
		display: block;
	}
	.main-visual .scroll-wrap .bar:after {
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		background: #fff;
		-webkit-animation-name: bar-animation-vertical;
		animation-name: bar-animation-vertical;
	}
	@-webkit-keyframes bar-animation-vertical {
		from {
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
		}
		50% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		to {
			-webkit-transform: translateY(100%);
			transform: translateY(100%);
		}
	}
	@keyframes bar-animation-vertical {
		from {
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
		}
		50% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		to {
			-webkit-transform: translateY(100%);
			transform: translateY(100%);
		}
	}
}
/* Mobile */
@media screen and (max-width: 768px) {
	.pc-block {
		display: none !important;
	}

	.m-block {
		display: block !important;
	}

	.t-block {
		display: none !important;
	}

	body > header .btn-subscribe {
		right: 160px;
	}
	body > header .btn-collection .btn-pdf, body > header .btn-collection .btn-lastissue {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	/* ----------------------------- */
	/* Header
	/* ----------------------------- */
	body > header {
		height: 64px;
		/* logo */
	}
	body > header .hi {
		display: none;
	}
	body > header .ci a {
		margin: 1.4rem 2rem;
	}

	/* nav_mobile */
	.hamnav-wrap {
		width: 64px;
		height: 64px;
	}

	nav.nav-mobile {
		padding: 64px 4% 0;
	}
	nav.nav-mobile nav.nav-pc ul[data-depth="2"] {
		height: auto !important;
	}

	/* util */
	header .util {
		display: none;
	}

	/* hamber_nav */
	.menu-trigger {
		position: absolute;
		width: 32px;
		height: 27px;
		margin-top: -13px;
		margin-left: -16px;
		left: 50%;
		top: 50%;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 12px;
	}
	.menu-trigger .active span:nth-of-type(1) {
		-webkit-animation: active-menu-bar-01 0.75s forwards;
		animation: active-menu-bar-01 0.75s forwards;
	}
	.menu-trigger .active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger .active span:nth-of-type(3) {
		-webkit-animation: active-menu-bar-02 0.75s forwards;
		animation: active-menu-bar-02 0.75s forwards;
	}

	@-webkit-keyframes menu-bar-02 {
		0% {
			-webkit-transform: translateY(-12px) rotate(-45deg);
			transform: translateY(-12px) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-12px) rotate(0);
			transform: translateY(-12px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}

	@keyframes menu-bar-02 {
		0% {
			-webkit-transform: translateY(-12px) rotate(-45deg);
			transform: translateY(-12px) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-12px) rotate(0);
			transform: translateY(-12px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}
	@-webkit-keyframes active-menu-bar-01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(12px) rotate(0);
			transform: translateY(12px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(12px) rotate(45deg);
			transform: translateY(12px) rotate(45deg);
		}
	}
	@keyframes active-menu-bar-01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(12px) rotate(0);
			transform: translateY(12px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(12px) rotate(45deg);
			transform: translateY(12px) rotate(45deg);
		}
	}
	@-webkit-keyframes active-menu-bar-02 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-12px) rotate(0);
			transform: translateY(-12px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-12px) rotate(-45deg);
			transform: translateY(-12px) rotate(-45deg);
		}
	}
	@keyframes active-menu-bar-02 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-12px) rotate(0);
			transform: translateY(-12px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-12px) rotate(-45deg);
			transform: translateY(-12px) rotate(-45deg);
		}
	}
	/* ----------------------------- */
	/* 지난호보기 리스트
	/* ----------------------------- */
	.webzine-list article {
		width: calc( 100% / 2 - (20px / 2));
	}
	.webzine-list article:nth-child(4n) {
		margin-right: 20px;
	}
	.webzine-list article:nth-child(3n) {
		margin-right: 20px;
	}
	.webzine-list article:nth-child(2n) {
		margin-right: 0;
	}
	.webzine-list article header {
		height: auto;
	}

	/* ----------------------------- */
	/* Footer
	/* ----------------------------- */
	footer .footer-info {
		font-size: 1.4rem;
		text-align: left;
	}
	footer copyright {
		font-size: 1.2rem;
		word-break: keep-all;
	}
}
@media (max-width: 480px) {
	/* ----------------------------- */
	/* 지난호보기 리스트
	/* ----------------------------- */
	.webzine-list {
		padding: 0;
	}
	.webzine-list article {
		width: calc( 100% / 2 - (10px / 2));
	}
	.webzine-list article:nth-child(odd) {
		margin-right: 10px !important;
	}
	.webzine-list article:nth-child(even) {
		margin-right: 0 !important;
	}

	footer select {
		width: calc(50% - 10px);
		margin: 0;
	}
	footer select:first-child {
		margin-right: 10px;
	}
}
/************************************************************************************/
/************************************* Colors *************************************/
/************************************************************************************/
:root {
	--white:#fff;
	--black:#000;
	--main-color:#319483;
	--border-color:#ccc;
	--orange:#d85218;
	--medi-special:#0075b9;
	--medi-special-tab-busan:#5ba3cc;
	--medi-special-tab-yangsan:#a8d1c3;
	--medi-special-tab-oriental:#f2d4e6;
	--medi-special-tab-dental:#fdd1ab;
	--medi-special01:#f79e80;
	--medi-special02:#00b188;
	--medi-special03:#f04c23;
	--medi-special04:#4B88C7;
	--medi-special05:#4c5789;
	--medi-special06:#f37781;
	--medi-special07:#af6085;
	--self-test-color:#7587c3;
	--health-color:#f6895a;
	--drug-story-color:var(--main-color);
	--with-color:#cf4559;
	--hospital-color:#3e64af;
	--news-busan-color:#66a0be;
	--news-yangsan-color:#52a387;
	--news-hanbang-color:#d4889f;
	--news-dental-color:#eda460;
	--gray-79:#797979;
	--gray-cc:#cccccc;
	--gray-fa:#fafafa;
	--gray-ea:#eaeaea;
	--gray-f8:#f8f8f8;
	--gray-e9:#e9e9e9;
	--page-border:#d8d8d8;
}

/************************************************************************************/
/************************************* Varibles *************************************/
/************************************************************************************/
:root {
	--margin-bottom:6rem;
	--margin-bottom-2:2rem;
	--margin-bottom-4:4rem;
}

/* ----------------------------- */
/* PNUH 보감
/* ----------------------------- */
.pnuh-bogam header {
	font-family: "NotoSansMedium", sans-serif;
}
.pnuh-bogam header > span {
	font-size: 1.7rem;
	color: var(--main-color);
	display: inline-block;
}
.pnuh-bogam header > span::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: var(--main-color);
	margin-bottom: 20px;
}
.pnuh-bogam header h1 {
	font-size: 4.2rem;
	line-height: 120%;
	color: var(--main-color);
	margin-bottom: 30px;
}
.pnuh-bogam header h1 span {
	font-family: "NotoSansRegular", sans-serif !important;
	color: var(--black);
}
@media (max-width: 1140px) {
	.pnuh-bogam header h1 br {
		display: none;
	}
}
@media (max-width: 767px) {
	.pnuh-bogam header {
		text-align: center;
		margin-bottom: 50px;
	}
	.pnuh-bogam header h1 {
		font-size: 3.6rem;
	}
}
.pnuh-bogam .img-wrap {
	display: contents;
}
@media screen and (max-width: 1023px) {
	.pnuh-bogam {
		display: block;
	}
	.pnuh-bogam > div:first-child {
		margin-right: 0px;
		margin-bottom: 30px;
	}
}

/* ----------------------------- */
/* 의료특집
/* ----------------------------- */
/* 탭메뉴 */
.tab-menu.medical-special-tab-menu span.busan {
	background: var(--medi-special-tab-busan);
}
.tab-menu.medical-special-tab-menu span.yangsan {
	background: var(--medi-special-tab-yangsan);
}
.tab-menu.medical-special-tab-menu span.oriental-medi {
	background: var(--medi-special-tab-oriental);
}
.tab-menu.medical-special-tab-menu span.dental {
	background: var(--medi-special-tab-dental);
}
@media screen and (max-width: 1045px) {
	.tab-menu.medical-special-tab-menu ul li:nth-child(3n) {
		border-right: 1px solid var(--border-color);
	}
	.tab-menu.medical-special-tab-menu ul li:nth-child(1), .tab-menu.medical-special-tab-menu ul li:nth-child(2), .tab-menu.medical-special-tab-menu ul li:nth-child(3), .tab-menu.medical-special-tab-menu ul li:nth-child(4) {
		border-bottom: none;
	}
}

/* 의료특집 _common */
.special-medi aside {
	margin-top: 60px;
}
.special-medi aside header {
	margin-bottom: 30px;
}
.special-medi aside header h2 {
	font-size: 2.5rem;
	color: var(--white);
	text-align: center;
	border-radius: 25px;
	padding: 10px 20px;
}
.special-medi .professor-wrap {
	border-top: 1px solid var(--border-color);
	padding-top: 50px;
	margin-top: 50px;
}
.special-medi .professor-wrap .title {
	font-family: "NotoSansMedium", sans-serif;
	font-size: 2.8rem;
	color: var(--black);
	margin-bottom: 10px;
}
.special-medi .professor-wrap .professor span {
	font-size: 2rem;
	display: block;
}
.special-medi .professor-wrap .professor span::before {
	vertical-align: middle;
	content: "";
	margin-top: -2px;
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: -2px 10px 0 0;
}
.special-medi .professor-wrap .professor-image {
	margin-bottom: 20px;
}
.special-medi .professor-wrap dl dt {
	font-size: 2rem;
}
.special-medi .professor-wrap dl dt::before {
	vertical-align: middle;
	content: "";
	margin-top: -2px;
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: -2px 10px 0 0;
}
.special-medi .professor-wrap .professor01 {
	color: var(--medi-special01);
}
.special-medi .professor-wrap .professor01::before {
	background: var(--medi-special01);
}
.special-medi .professor-wrap .professor02 {
	color: var(--medi-special02);
}
.special-medi .professor-wrap .professor02::before {
	background: var(--medi-special02);
}
.special-medi .professor-wrap .professor03 {
	color: var(--medi-special03);
}
.special-medi .professor-wrap .professor03::before {
	background: var(--medi-special03);
}
.special-medi .professor-wrap .professor04 {
	color: var(--medi-special04);
}
.special-medi .professor-wrap .professor04::before {
	background: var(--medi-special04);
}
.special-medi .professor-wrap .professor05 {
	color: var(--medi-special05);
}
.special-medi .professor-wrap .professor05::before {
	background: var(--medi-special05);
}
.special-medi .professor-wrap .professor06 {
	color: var(--medi-special06);
}
.special-medi .professor-wrap .professor06::before {
	background: var(--medi-special06);
}
.special-medi .professor-wrap .professor07 {
	color: var(--medi-special07);
}
.special-medi .professor-wrap .professor07::before {
	background: var(--medi-special07);
}

/* 의료특집 1 */
aside.special-medi01 header h2 {
	background: var(--medi-special01);
}

/* 의료특집 2 */
aside.special-medi02 header {
	text-align: center;
}
aside.special-medi02 header h2 {
	background: var(--medi-special02);
}
aside.special-medi02 .border-box {
	border: 2px solid var(--medi-special02);
	border-radius: 10px;
	background: #ebf5f0 url("../../images/vol_254/sub/sub010302_img02.png") no-repeat right bottom;
	padding-bottom: 120px;
	margin-bottom: 50px;
	overflow: hidden;
}
aside.special-medi02 .border-box header {
	margin-bottom: 0;
}
aside.special-medi02 .border-box header h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: var(--medi-special02);
	border: none;
	border-bottom: 2px solid var(--medi-special02);
	border-radius: 0;
	background: none;
}
aside.special-medi02 .border-box > ul {
	padding: 20px;
}
aside.special-medi02 .border-box > ul h3 {
	font-size: 1em;
}

/* 의료특집 3 */
aside.special-medi03 header {
	text-align: center;
}
aside.special-medi03 header h2 {
	background: var(--medi-special03);
}

/* 의료특집 4 */
aside.special-medi04 header {
	text-align: center;
}
aside.special-medi04 header h2 {
	background: var(--medi-special04);
}

/* 의료특집 5 */
aside.special-medi05 header {
	text-align: center;
}
aside.special-medi05 header h2 {
	background: var(--medi-special05);
}
aside.special-medi05 .border-box {
	border: 2px solid var(--medi-special05);
	border-radius: 10px;
}
aside.special-medi05 .border-box:first-child {
	background: url("../../images/vol_254/sub/sub010305_img04.jpg") no-repeat right bottom;
}
aside.special-medi05 .border-box:last-child {
	background: url("../../images/vol_254/sub/sub010305_img05.jpg") no-repeat right bottom;
}
aside.special-medi05 .border-box dl {
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: left;
}
aside.special-medi05 .border-box dl dt {
	width: 100px;
	color: var(--medi-special05);
	font-weight: bold;
}
aside.special-medi05 .border-box dl dd {
	width: calc(100% - 100px);
}
@media screen and (max-width: 480px) {
	aside.special-medi05 .border-box {
		padding-bottom: 100px;
	}
	aside.special-medi05 .border-box dl dt {
		width: 60px;
	}
	aside.special-medi05 .border-box dl dd {
		width: calc(100% - 60px);
	}
}

/* 의료특집 6 */
aside.special-medi06 header {
	text-align: center;
}
aside.special-medi06 header h2 {
	background: var(--medi-special06);
}
aside.special-medi06 > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
aside.special-medi06 > div dl {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 20px;
}
aside.special-medi06 > div dl dt figcaption {
	font-size: 1em;
	font-weight: bold;
	color: var(--medi-special06);
	font-style: normal;
}
aside.special-medi06 > div dl dd {
	text-align: left;
}
@media screen and (max-width: 900px) {
	aside.special-medi06 > div {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	aside.special-medi06 > div dl {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		width: 50%;
		margin-bottom: 30px;
	}
	aside.special-medi06 > div dl:last-child {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 480px) {
	aside.special-medi06 > div {
		display: block;
	}
	aside.special-medi06 > div dl {
		width: 100%;
		padding: 0;
	}
}

/* 의료특집 7 */
aside.special-medi07 header {
	text-align: center;
}
aside.special-medi07 header h2 {
	background: var(--medi-special07);
}

/* ----------------------------- */
/* 병원이슈
/* ----------------------------- */
/* common */
.issue-tab-menu {
	margin-bottom: 30px;
}

.slogun {
	font-family: "NanumMyeongjoBold", sans-serif;
	font-size: 3rem;
	text-align: center;
	line-height: 160%;
	word-break: keep-all;
	margin: 5rem 0;
}
@media (max-width: 1280px) {
	.slogun {
		font-size: 2.5rem;
	}
}
@media (max-width: 1024px) {
	.slogun {
		font-size: 2.2rem;
	}
}
.slogun::before {
	vertical-align: middle;
	content: "";
	margin-top: -2px;
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url("../../images/vol_251/sub/slogun_icon.svg") no-repeat;
	background-size: 100%;
	margin-right: 10px;
}
@media (max-width: 1280px) {
	.slogun::before {
		width: 30px;
		height: 30px;
		margin-right: 4px;
	}
}

.slogun-wrap {
	margin: 5rem 0;
}
.slogun-wrap .slogun {
	margin: 0 0 0.2em;
}

/* 부산이슈 */
.busan-issue .ab-caption {
	position: relative;
}
.busan-issue .ab-caption figcaption {
	position: absolute;
	bottom: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media screen and (max-width: 1100px) {
	.busan-issue .ab-caption figcaption {
		bottom: 8%;
	}
}
@media screen and (max-width: 820px) {
	.busan-issue .ab-caption figcaption {
		bottom: 7%;
	}
}
@media screen and (max-width: 700px) {
	.busan-issue .ab-caption figcaption {
		bottom: 5%;
	}
}
@media screen and (max-width: 594px) {
	.busan-issue .ab-caption figcaption {
		bottom: 0;
	}
}
@media screen and (max-width: 480px) {
	.busan-issue .ab-caption figcaption {
		position: relative;
		left: auto;
		bottom: auto;
		-webkit-transform: none;
		transform: none;
	}
}

/* ----------------------------- */
/* 진료과 탐방
/* ----------------------------- */
.department-wrap dl {
	margin-bottom: 50px;
}

.department-wrap dl dt {
	font-family: "NotoSansMedium", sans-serif;
	font-size: 2rem;
	word-break: keep-all;
	padding: 0 0 0 90px;
	margin-bottom: 30px;
	position: relative;
}
.department-wrap dl dt span {
	font-size: 0.8em;
}
.department-wrap dl dt::before {
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden;
}
.department-wrap dl dt::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid var(--border-color);
}

.depatment-busan-01 dl:nth-child(1) dt::before {
	background-image: url("../../images/vol_254/sub/sub020101_icon01.jpg");
}
.depatment-busan-01 dl:nth-child(2) dt::before {
	background-image: url("../../images/vol_254/sub/sub020101_icon02.jpg");
}

.depatment-busan-02 dl:nth-child(1) dt::before {
	background-image: url("../../images/vol_254/sub/sub020101_icon03.jpg");
}

.depatment-yangsan-01 dl dt,
.depatment-yangsan-02 dl dt {
	padding-left: 0;
}
.depatment-yangsan-01 dl dt::before,
.depatment-yangsan-02 dl dt::before {
	display: none;
}

/* ----------------------------- */
/* 감사의 편지
/* ----------------------------- */
.friendly-staff-wrap {
	padding: 0;
}
.friendly-staff-wrap .thanks {
	font-family: "NotoSansMedium", sans-serif;
	font-size: 2.5rem;
	color: var(--black);
	line-height: 160%;
	word-break: break-all;
	margin-bottom: var(--margin-bottom-4);
}
.friendly-staff-wrap .thanks span {
	font-family: "NotoSansLight", sans-serif;
}
.friendly-staff-wrap .thanks span::before {
	vertical-align: middle;
	content: "";
	margin-top: -2px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("../../images/letter.svg") no-repeat;
	background-size: 100%;
	margin-right: 10px;
}
@media screen and (max-width: 480px) {
	.friendly-staff-wrap .thanks {
		font-size: 2rem;
	}
}

/* ----------------------------- */
/* 서상균 칼럼
/* ----------------------------- */
.column span {
	font-size: 1.4rem;
}
.column span::before, .column span::after {
	vertical-align: middle;
	content: "";
	margin-top: -2px;
	display: inline-block;
	width: 2px;
	height: 12px;
	vertical-align: middle;
	background: #000;
	margin-top: -2px;
}
.column span::before {
	margin-right: 10px;
}
.column span::after {
	margin: -2px 10px 0 10px;
}

/* ----------------------------- */
/* 직원만남
/* ----------------------------- */
.staff-meeting .img-wrap {
	margin-bottom: 80px;
	position: relative;
}
.staff-meeting .img-wrap figcaption {
	width: 180px;
	height: 180px;
	color: var(--white);
	text-align: center;
	border-radius: 50%;
	background: var(--black);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	right: 30px;
	bottom: 20px;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}
.staff-meeting .img-wrap figcaption span {
	width: 80%;
	font-size: 1.2rem;
	word-break: keep-all;
}
.staff-meeting .img-wrap figcaption span::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: var(--white);
	margin: 10px auto;
}
@media screen and (max-width: 480px) {
	.staff-meeting .img-wrap {
		margin-bottom: var(--margin-bottom-2);
	}
	.staff-meeting .img-wrap figcaption {
		width: auto;
		height: auto;
		color: var(--black);
		border-radius: 0;
		margin-top: 10px;
		background: none;
		display: block;
		position: relative;
		right: auto;
		bottom: auto;
		-webkit-transform: none;
		transform: none;
	}
	.staff-meeting .img-wrap figcaption span {
		width: auto;
	}
	.staff-meeting .img-wrap figcaption span::after {
		display: none;
	}
}

/* ----------------------------- */
/* 만나러 갑니다
/* ----------------------------- */
.see-you header {
	font-family: "NotoSansMedium", sans-serif;
}
.see-you header > span {
	font-size: 1.7rem;
	color: var(--main-color);
	display: inline-block;
}
.see-you header > span::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: var(--main-color);
	margin-bottom: 20px;
}
.see-you header h1 {
	font-size: 4.2rem;
	line-height: 120%;
	color: var(--main-color);
	margin-bottom: 30px;
}
.see-you header h1 span {
	font-family: "NotoSansRegular", sans-serif !important;
	color: var(--black);
}
@media (max-width: 1140px) {
	.see-you header h1 br {
		display: none;
	}
}
@media (max-width: 767px) {
	.see-you header {
		text-align: center;
		margin-bottom: 50px;
	}
	.see-you header h1 {
		font-size: 3.6rem;
	}
}
.see-you .question {
	width: 33%;
	border-right: 1px solid var(--border-color);
	padding-right: 40px;
	margin-right: 40px !important;
	margin-bottom: 0;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
}
.see-you .answer {
	width: 67%;
	padding-bottom: 50px;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
}
@media screen and (max-width: 1023px) {
	.see-you {
		display: block;
	}
	.see-you > div:first-child {
		margin-right: 0px;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 767px) {
	.see-you .question {
		width: 100%;
		border-right: none;
		padding-right: 0;
		margin-right: 0 !important;
		margin-bottom: 30px;
	}
	.see-you .answer {
		width: 100%;
		border-bottom: 1px solid var(--border-color);
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
}

/* ----------------------------- */
/* 자가진단테스트
/* ----------------------------- */
.self-test header {
	font-family: "NotoSansMedium", sans-serif;
}
.self-test header > span {
	font-size: 1.7rem;
	color: var(--main-color);
	display: inline-block;
}
.self-test header > span::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: var(--main-color);
	margin-bottom: 20px;
}
.self-test header h1 {
	font-size: 4.2rem;
	line-height: 120%;
	color: var(--black);
	margin-bottom: 30px;
}
.self-test header h1 span {
	font-family: "NotoSansRegular", sans-serif !important;
}
@media (max-width: 1140px) {
	.self-test header h1 br {
		display: none;
	}
}
@media (max-width: 767px) {
	.self-test header {
		text-align: center;
		margin-bottom: 50px;
	}
	.self-test header h1 {
		font-size: 3.6rem;
	}
}
.self-test .list-num-ti {
	padding: 1em;
	border: 2px solid var(--self-test-color);
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	font-family: "NotoSansMedium", sans-serif;
	font-size: 2.2rem;
	color: var(--black);
	line-height: 160%;
	word-break: break-all;
}
@media (max-width: 768px) {
	.self-test .list-num-ti {
		font-size: 2rem;
	}
}
.self-test .list-check-wrap {
	border: 1px solid var(--gray-cc);
	border-bottom: 0;
	padding: 1.5em;
	background-color: var(--gray-fa);
}
.self-test .list-check-wrap .list-check {
	font-family: "NotoSansMedium", sans-serif;
}
.self-test .list-check-wrap .list-check > li::before {
	background: url("../../images/vol_254/sub/selftest_check_list.svg") no-repeat;
}
.self-test .result {
	padding: 1em;
	background-color: var(--self-test-color);
	color: var(--white);
	text-align: center;
}
.self-test .result h3 {
	margin-bottom: 0.3em;
	font-family: "NotoSansMedium", sans-serif;
}
@media screen and (max-width: 1023px) {
	.self-test {
		display: block;
	}
	.self-test > div:first-child {
		margin-right: 0px;
		margin-bottom: 30px;
	}
}

/* ----------------------------- */
/* 우리가족 건강 지킴이
/* ----------------------------- */
.health header {
	font-family: "NotoSansMedium", sans-serif;
}
.health header > span {
	font-size: 1.7rem;
	color: var(--main-color);
	display: inline-block;
}
.health header > span::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: var(--main-color);
	margin-bottom: 20px;
}
.health header h1 {
	font-size: 4.2rem;
	line-height: 120%;
	color: var(--health-color);
	margin-bottom: 30px;
}
.health header h1 span {
	font-family: "NotoSansRegular", sans-serif !important;
}
@media (max-width: 1140px) {
	.health header h1 br {
		display: none;
	}
}
@media (max-width: 767px) {
	.health header {
		text-align: center;
		margin-bottom: 50px;
	}
	.health header h1 {
		font-size: 3.6rem;
	}
}
.health .bomi {
	border: 2px solid var(--health-color);
	border-radius: 10px;
	padding: 20px;
	padding-left: 82px;
	margin-bottom: 20px;
	position: relative;
}
.health .bomi::before {
	content: "";
	display: block;
	width: 62px;
	height: 60px;
	background: url("../../images/vol_254/sub/sub0207_bomi.jpg") no-repeat;
	background-size: 100%;
	position: absolute;
	left: 10px;
	top: 15px;
}
.health .kimi {
	border: 2px solid #6B88C5;
	border-radius: 10px;
	padding: 20px;
	padding-right: 82px;
	margin-bottom: 20px;
	position: relative;
}
.health .kimi::before {
	content: "";
	display: block;
	width: 62px;
	height: 60px;
	background: url("../../images/vol_254/sub/sub0207_kimi.jpg") no-repeat;
	background-size: 100%;
	position: absolute;
	right: 10px;
	bottom: 0;
}
.health .point {
	margin-bottom: 20px;
}
.health .point li {
	font-family: "NotoSansMedium", sans-serif;
	line-height: 120%;
	padding-left: 30px;
	margin-bottom: 10px;
	position: relative;
}
.health .point li::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url("../../images/vol_254/sub/sub0207_point_icon.svg") no-repeat;
	background-size: 100%;
	position: absolute;
	top: 5px;
	left: 0;
}
.health .point li span {
	font-family: "NotoSansLight", sans-serif;
	font-size: 0.8em;
	display: block;
}
.health .health-li-num li {
	padding-left: 25px;
	position: relative;
}
.health .health-li-num li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
}
.health .health-li-num li:nth-child(1)::before {
	content: "❶";
}
.health .health-li-num li:nth-child(2)::before {
	content: "❷";
}
.health .health-li-num li:nth-child(3)::before {
	content: "❸";
}
.health .health-li-num li:nth-child(4)::before {
	content: "❹";
}
.health .health-li-num li:nth-child(5)::before {
	content: "❺";
}
.health .health-li-num li:nth-child(6)::before {
	content: "❻";
}
.health aside h2 {
	text-align: center;
}
.health aside h2::before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url("../../images/vol_254/sub/health_aside_title.svg") no-repeat;
	margin: 0 auto;
	margin-bottom: 1rem;
}
.health aside h2 span {
	font-family: "NotoSansLight", sans-serif;
	font-size: 0.65em;
}
.health aside .aside-title {
	color: var(--white);
	background: var(--black);
	padding: 5px 10px;
	display: inline-block;
}

/* ----------------------------- */
/* 약이야기
/* ----------------------------- */
.drug-story header {
	font-family: "NotoSansMedium", sans-serif;
}
.drug-story header > span {
	font-size: 1.7rem;
	color: var(--main-color);
	display: inline-block;
}
.drug-story header > span::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: var(--main-color);
	margin-bottom: 20px;
}
.drug-story header h1 {
	font-size: 4.2rem;
	line-height: 120%;
	color: var(--main-color);
	margin-bottom: 30px;
}
.drug-story header h1 span {
	font-family: "NotoSansRegular", sans-serif !important;
}
@media (max-width: 1140px) {
	.drug-story header h1 br {
		display: none;
	}
}
@media (max-width: 767px) {
	.drug-story header {
		text-align: center;
		margin-bottom: 50px;
	}
	.drug-story header h1 {
		font-size: 3.6rem;
	}
}
.drug-story .title {
	color: var(--drug-story-color);
}
.drug-story .side-effect-wrap {
	margin-bottom: 3rem;
}
.drug-story .side-effect-wrap .p-bold {
	font-family: "NotoSansMedium", sans-serif;
	padding-left: 25px;
	margin-bottom: 10px;
	position: relative;
}
.drug-story .side-effect-wrap .p-bold::before {
	content: "+";
	font-family: "NotoSansBold", sans-serif;
	font-size: 1.5em;
	color: var(--drug-story-color);
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
}
.drug-story .side-effect-wrap ul, .drug-story .side-effect-wrap p {
	margin-left: 20px;
}
.drug-story .side-effect-wrap p {
	font-size: 0.85em;
}
.drug-story .side-effect-wrap dl {
	font-size: 0.8em;
	border-radius: 2rem;
	background: #c9f7f7;
	padding: 10px 10px 10px 40px;
	display: block;
	margin-top: 3rem;
	margin-left: 60px;
	position: relative;
}
.drug-story .side-effect-wrap dl::before {
	content: "";
	width: 90px;
	height: 109px;
	background: url("../../images/vol_254/sub/sub0208_gargle.svg") no-repeat;
	background-size: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: -55px;
}
.drug-story .side-effect-wrap dl dt {
	font-weight: bold;
}
.drug-story .side-effect-wrap dl dd {
	line-height: 120%;
}
.drug-story aside {
	font-family: "NotoSansMedium", sans-serif;
	margin: 2em 0;
}
.drug-story aside h2 {
	font-size: 2rem;
	color: var(--drug-story-color);
	border: 1px solid var(--drug-story-color);
	border-radius: 20px;
	padding: 5px 20px 5px 60px;
	margin-bottom: 20px;
	display: inline-block;
	position: relative;
}
.drug-story aside h2::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid var(--drug-story-color);
	border-radius: 50%;
	background: var(--white) url("../../images/vol_254/sub/sub0208_icon.svg") no-repeat center;
	background-size: 5px;
	position: absolute;
	top: 50%;
	left: -1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.drug-story aside figure {
	text-align: center;
}
.drug-story aside figure img {
	max-width: 400px;
}

/* ----------------------------- */
/* CULTURE&LIFE
/* ----------------------------- */
.museum {
	margin-bottom: 2rem;
	position: relative;
}
.museum::after {
	content: "";
	display: block;
	width: 150px;
	height: 47px;
	background: url("../../images/vol_254/sub/sub0210_museum_bg.png") no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
}
@media (max-width: 860px) {
	.museum::after {
		width: 100%;
		background: url("../../images/vol_254/sub/sub0210_museum_bg.png") right top no-repeat;
		position: relative;
		top: auto;
		right: auto;
	}
}
.museum dl dt span {
	font-family: "NotoSansLight", sans-serif;
	font-weight: normal;
	line-height: 120%;
	margin-bottom: 2rem;
	display: block;
}
.museum dl dd {
	font-family: "NotoSansMedium", sans-serif;
}
.museum dl dd p {
	margin-bottom: 0;
}
.museum dl dd span {
	width: 60px;
	font-family: "NotoSansLight", sans-serif;
	display: inline-block;
}

/* ----------------------------- */
/* 함께 걷는 삶
/* ----------------------------- */
.with > header h1 {
	color: var(--with-color);
}
.with .border-box {
	border: 1px solid var(--with-color);
	padding: 2rem;
}
@media screen and (max-width: 480px) {
	.with .border-box {
		padding: 1rem;
	}
}

/* ----------------------------- */
/* 협력병원 탐방
/* ----------------------------- */
.hospital header {
	font-family: "NotoSansMedium", sans-serif;
}
.hospital header > span {
	font-size: 1.7rem;
	color: var(--main-color);
	display: inline-block;
}
.hospital header > span::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: var(--main-color);
	margin-bottom: 20px;
}
.hospital header h1 {
	font-size: 4.2rem;
	line-height: 120%;
	color: var(--hospital-color);
	margin-bottom: 30px;
}
.hospital header h1 span {
	font-family: "NotoSansRegular", sans-serif !important;
}
@media (max-width: 1140px) {
	.hospital header h1 br {
		display: none;
	}
}
@media (max-width: 767px) {
	.hospital header {
		text-align: center;
		margin-bottom: 50px;
	}
	.hospital header h1 {
		font-size: 3.6rem;
	}
}

/* ----------------------------- */
/* PNUH News
/* ----------------------------- */
.pnuh-news-content {
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 20px;
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.pnuh-news-content div {
	margin-right: 30px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.pnuh-news-content div img:nth-child(2) {
	margin-top: 20px;
}
.pnuh-news-content dl {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
}
.pnuh-news-content dl dt {
	font-family: "NotoSansMedium", sans-serif;
	border-top: 2px solid var(--news-busan-color);
	border-bottom: 1px dashed var(--news-busan-color);
	padding: 10px;
}
.pnuh-news-content dl dd {
	padding: 10px;
}
.pnuh-news-content.yangsan dl dt {
	border-top: 2px solid var(--news-yangsan-color);
	border-bottom: 1px dashed var(--news-yangsan-color);
}
.pnuh-news-content.hanbang dl dt {
	border-top: 2px solid var(--news-hanbang-color);
	border-bottom: 1px dashed var(--news-hanbang-color);
}
.pnuh-news-content.dental dl dt {
	border-top: 2px solid var(--news-dental-color);
	border-bottom: 1px dashed var(--news-dental-color);
}

.border-img {
	border: 2px solid var(--border-color);
}

@media (max-width: 1024px) {
	/* ----------------------------- */
	/* PNUH News
	/* ----------------------------- */
	.pnuh-news-content {
		padding: 0 10px;
		display: block;
	}
	.pnuh-news-content div {
		text-align: center;
		margin-right: 0;
		margin-bottom: 20px;
	}
}
/* ================================================================== */
/* Name	: vol_254 sub.css
/* Script : Font, Layout CSS
/* Author : Design Geulggol
/* Date	: 2024-03-22
/* ================================================================== */
/* ----------------------------- */
/* Common
/* ----------------------------- */
.sub-inner {
	font-family: "NotoSansLight", sans-serif;
	line-height: 160%;
	max-width: 1280px;
	color: #2e2d2d;
	text-align: justify;
	word-break: break-all;
	padding: 100px 10px;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.sub-inner {
		padding: 100px 20px;
	}
}
.sub-inner p {
	margin-bottom: 20px;
}
.sub-inner p span {
	font-family: "NotoSansMedium", sans-serif;
	color: var(--black);
}
.sub-inner p:last-child {
	margin-bottom: 0;
}
.sub-inner .chinese {
	font-family: "NotoSansRegular", sans-serif;
}
.sub-inner > article, .sub-inner > section {
	/* 페이지 이동 */
}
.sub-inner > article > header, .sub-inner > section > header {
	font-family: "NotoSansMedium", sans-serif;
	text-align: center;
	margin-bottom: 60px;
}
.sub-inner > article > header > span, .sub-inner > section > header > span {
	font-size: 1.7rem;
	color: var(--main-color);
	display: inline-block;
}
.sub-inner > article > header > span::after, .sub-inner > section > header > span::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: var(--main-color);
	margin-bottom: 20px;
}
.sub-inner > article > header h1, .sub-inner > section > header h1 {
	font-size: 4.2rem;
	line-height: 160%;
}
.sub-inner > article > header h1 span, .sub-inner > section > header h1 span {
	font-family: "NotoSansLight", sans-serif;
}
@media (max-width: 767px) {
	.sub-inner > article > header h1, .sub-inner > section > header h1 {
		font-size: 3.6rem;
		line-height: 140%;
	}
}
.sub-inner > article > header h1.sub03, .sub-inner > section > header h1.sub03 {
	line-height: 140% !important;
	margin-bottom: 10px;
}
.sub-inner > article > div:last-child, .sub-inner > section > div:last-child {
	margin-bottom: 0;
}
.sub-inner > article .pagenation-wrap, .sub-inner > section .pagenation-wrap {
	margin-bottom: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.sub-inner > article .pagenation-wrap > div, .sub-inner > section .pagenation-wrap > div {
	width: 86px;
	height: 35px;
	background: url("../../images/sub_pagenation_arrow.jpg") no-repeat center;
	position: relative;
}
.sub-inner > article .pagenation-wrap .next, .sub-inner > section .pagenation-wrap .next {
	border-right: 1px solid var(--page-border);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sub-inner > article .img-wrap .caption, .sub-inner > section .img-wrap .caption {
	font-size: 1.4rem;
	text-align: right;
	line-height: 120%;
	word-break: keep-all;
	margin-top: 5px;
}
.sub-inner > article .img-wrap2, .sub-inner > section .img-wrap2 {
	margin-bottom: 40px;
}
.sub-inner .foreign {
	font-family: "NotoSansLight", sans-serif !important;
}
.sub-inner figure figcaption {
	font-family: "NanumSquareR", sans-serif;
	font-size: 1.2rem;
	font-style: italic;
	line-height: 140%;
	text-align: center;
	margin-top: 10px;
	display: block;
}

.col-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.col-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media (max-width: 767px) {
	.col-2 {
		display: block;
	}
}
.col-2 > div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.col-2 > div:first-child {
	margin-right: 60px;
}
@media (max-width: 767px) {
	.col-2 > div:first-child {
		margin-right: 0px;
		margin-bottom: 30px;
	}
}
.col-2.col-reverse > div:first-child {
	margin-right: 0px;
}
.col-2.col-reverse > div:last-child {
	margin-right: 60px;
}
@media (max-width: 767px) {
	.col-2.col-reverse > div:last-child {
		margin-right: 0;
	}
}

.col-3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media (max-width: 767px) {
	.col-3 {
		display: block;
	}
}
.col-3 > * {
	width: calc((100% / 3) - (10px * 2 / 3));
	margin-right: 10px;
	margin-bottom: 10px;
}
.col-3 > *:last-child {
	margin-right: 0;
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.col-3 > * {
		width: 100%;
		margin-right: 0;
	}
}

.section-break {
	border-bottom: 1px solid var(--border-color);
	padding-bottom: var(--margin-bottom);
	margin-bottom: var(--margin-bottom);
}

/* Margin */
.margin-top-8 {
	margin-top: 8rem;
}

.margin-top-6 {
	margin-top: 6rem;
}

.margin-top-3 {
	margin-top: 3rem;
}

.margin-bottom {
	margin-bottom: var(--margin-bottom) !important;
}

.margin-bottom-2 {
	margin-bottom: var(--margin-bottom-2) !important;
}

.margin-bottom-4 {
	margin-bottom: var(--margin-bottom-4) !important;
}

.source {
	font-size: 1.4rem;
	margin-top: 15px;
}
.source a {
	color: var(--black);
}

/* img-wrap-col2 */
.img-wrap-col2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	.img-wrap-col2 {
		display: block;
	}
}
.img-wrap-col2 figure:first-child {
	margin-right: 1em;
}
@media (max-width: 767px) {
	.img-wrap-col2 figure:first-child {
		margin-right: 0;
		margin-bottom: 1.5em;
	}
}

/* 본문 medium */
.p-bold {
	font-family: "NotoSansMedium", sans-serif;
}

.title {
	font-family: "NotoSansMedium", sans-serif;
	font-size: 2.5rem;
	color: var(--black);
	line-height: 160%;
	word-break: break-all;
}

/* 탭메뉴 */
.tab-menu {
	margin-bottom: 30px;
}
.tab-menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.tab-menu ul li {
	font-family: "NotoSansMedium", sans-serif;
	font-size: 1.7rem;
	color: var(--black);
	text-align: center;
	border: 1px solid var(--border-color);
	border-right: none;
	padding: 25px 5px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
}
@media (max-width: 767px) {
	.tab-menu ul li {
		padding: 15px 5px;
	}
}
.tab-menu ul li:last-child {
	border-right: 1px solid var(--border-color);
}
.tab-menu ul li.active {
	color: var(--white);
	border: 1px solid var(--main-color);
	background: var(--main-color);
}
.tab-menu ul li.active span {
	color: var(--black);
}
.tab-menu ul li span {
	font-size: 1.5rem;
	border-radius: 15px;
	padding: 5px 10px;
	margin-right: 5px;
	display: inline-block;
}

/* 인용구 */
.quote {
	font-family: "NanumMyeongjoBold", sans-serif;
	font-size: 2.2rem;
	text-align: center;
	color: var(--main-color);
	word-break: keep-all;
	border: 1px solid var(--border-color);
	border-width: 1px 0;
	background: var(--gray-f8);
	padding: 35px;
	margin-bottom: 50px;
	position: relative;
}
.quote::before {
	content: "";
	display: block;
	width: 34px;
	height: 12px;
	background: url("../../images/vol_251/sub/sub0101_quote.png") no-repeat center;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* 글 */
.writer {
	font-family: "NotoSansRegular", sans-serif;
	color: var(--gray-79);
}
@media screen and (max-width: 767px) {
	.writer {
		text-align: center;
	}
}

/* 주석 */
.foot-note {
	padding: 1rem;
	margin-top: 3rem;
	background: var(--gray-ea);
}
.foot-note dl {
	font-size: 0.8em;
}
.foot-note dl dt {
	font-weight: bold;
}

/* 유튜브 영상 */
.youtube_movie {
	position: relative;
	margin: 40px 0;
	position: relative;
}
.youtube_movie:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 55.5555555556%;
}
.youtube_movie > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.youtube_movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* list */
.dot > li {
	padding-left: 10px;
	position: relative;
}
.dot > li::before {
	content: "";
	width: 3px;
	height: 3px;
	background: #000;
	display: block;
	position: absolute;
	top: 13px;
	left: 0;
}

/* check list */
.list-check > li {
	padding-left: 30px !important;
	margin-bottom: 15px;
	position: relative;
}
.list-check > li::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url("../../images/vol_254/sub/check_list.svg") no-repeat;
	background-size: 100%;
	position: absolute;
	top: 6px;
	left: 0;
}
.list-check > li > ul > li {
	padding-left: 10px;
	position: relative;
}
.list-check > li > ul > li::before {
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: var(--black);
	position: absolute;
	top: 13px;
	left: 0;
}
.list-check > li > ul > li > ul {
	margin-left: 0;
}

/* Q&A */
.question {
	font-family: "NotoSansMedium", sans-serif;
	font-size: 2rem;
	color: var(--black);
	line-height: 160%;
	word-break: break-all;
	padding-left: 35px;
	margin-bottom: 10px;
	position: relative;
}
.question::before {
	content: "Q";
	width: 25px;
	height: 25px;
	font-size: 1.5rem;
	color: var(--white);
	line-height: 100%;
	border-radius: 50%;
	background: var(--black);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 5px;
	left: 0;
}
@media (max-width: 767px) {
	.question {
		font-size: 2.2rem;
	}
}

.answer {
	padding-left: 35px;
	position: relative;
}
.answer::before {
	content: "A";
	width: 25px;
	height: 25px;
	font-size: 1.5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #000;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
}

/* 한자 표기문제 */
.china {
	font-family: "NotoSansRegular", sans-serif;
}

/* End Mark */
.EndMark {
	width: 35px;
	height: 17px;
	background: url("../../images/hi_symbol.svg") no-repeat;
	margin-left: 5px;
	display: inline-block;
}
.EndMark img {
	width: 35px;
	vertical-align: middle;
}

/* ----------------------------- */
/* Responsive
/* -----------------------------
/* Layout Max Size : 1440px
/* Desktop Size	: 1024px < Screen <= 1280px
/* Tablet Size	: 1024px < Screen <= 768px
/* Mobile Size	: 767px < Screen
/* ----------------------------- */
@media (max-width: 1045px) {
	/* ----------------------------- */
	/* Common
	/* ----------------------------- */
	/* 탭메뉴 */
	.tab-menu ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.tab-menu ul li {
		width: calc(100% / 3 - 1px);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}
}
@media screen and (max-width: 640px) {
	/* ----------------------------- */
	/* Common
	/* ----------------------------- */
	/* 탭메뉴 */
	.tab-menu ul li {
		width: calc(50% - 1px);
	}
	.tab-menu.medical-special-tab-menu ul li:nth-child(3n) {
		border-right: none;
	}
	.tab-menu.medical-special-tab-menu ul li:nth-child(even) {
		border-right: 1px solid var(--border-color);
	}
	.tab-menu.medical-special-tab-menu ul li:nth-child(5) {
		border-bottom: none;
	}
}
@media screen and (max-width: 480px) {
	/* ----------------------------- */
	/* Common
	/* ----------------------------- */
	.sub-inner {
		padding: 50px 10px;
	}
	.sub-inner > article > header h1, .sub-inner > section > header h1 {
		font-size: 2.5rem;
	}
	.sub-inner > article > header h1 br, .sub-inner > section > header h1 br {
		display: none;
	}
	.sub-inner > article .img-wrap, .sub-inner > section .img-wrap {
		margin-bottom: 50px;
	}
	.sub-inner > article .img-wrap .caption, .sub-inner > section .img-wrap .caption {
		text-align: center;
	}
	.sub-inner > article .pagenation-wrap, .sub-inner > section .pagenation-wrap {
		margin: 30px 0;
	}

	.quote {
		font-size: 1.6rem;
		padding: 30px 10px;
		margin-bottom: 40px;
	}

	/* 탭메뉴 */
	.tab-menu ul li {
		padding: 15px 5px;
	}

	.question {
		font-size: 2rem;
    width: calc( 100% / 2 - (20px / 2));
	}
}