@charset "UTF-8";
@import url("normalize.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap");
@font-face {
	font-family: "NotoSerif";
	font-style: normal;
	font-weight: normal;
	src: url("../font/NotoSerifCJKkr-Regular-subset.woff");
	src: local("☺"),
		url("../font/NotoSerifCJKkr-Regular-subset.woff2") format("woff2"),
		url("../font/NotoSerifCJKkr-Regular-subset.otf") format("otf");
}
@font-face {
	font-family: "NanumB";
	font-style: normal;
	font-weight: normal;
	src: url("../font/NanumSquareB.eot");
	src: local("☺"), url("../font/NanumSquareB.woff") format("woff"),
		url("../font/NanumSquareB.ttf") format("truetype");
}
@font-face {
	font-family: "NanumEB";
	font-style: normal;
	font-weight: normal;
	src: url("../font/NanumSquareEB.eot");
	src: local("☺"), url("../font/NanumSquareEB.woff") format("woff"),
		url("../font/NanumSquareEB.ttf") format("truetype");
}
@font-face {
	font-family: "WooridaumB";
	font-style: normal;
	font-weight: normal;
	src: url("../font/WooridaumB.woff");
	src: local("☺"), url("../font/WooridaumB.ttf") format("truetype"),
		url("../font/WooridaumB.otf") format("otf");
}
@font-face {
	font-family: "WooridaumR";
	font-style: normal;
	font-weight: normal;
	src: url("../font/WooridaumR.woff");
	src: local("☺"), url("../font/WooridaumR.ttf") format("truetype"),
		url("../font/WooridaumR.otf") format("otf");
}
@font-face {
	font-family: "WooridaumL";
	font-style: normal;
	font-weight: normal;
	src: url("../font/WooridaumL.woff");
	src: local("☺"), url("../font/WooridaumL.ttf") format("truetype"),
		url("../font/WooridaumL.otf") format("otf");
}
.myscroll .main_img {
	opacity: 0;
	transform: translateY(10%);
	transition: all 1s;
}
.myscroll.on .main_img {
	opacity: 1;
	transform: translateY(0%);
}
.myscroll > .main_img:nth-of-type(1) {
	transition-delay: 0.2s;
}
.myscroll > .main_img:nth-of-type(2) {
	transition-delay: 0.4s;
}
.myscroll > .main_img:nth-of-type(3) {
	transition-delay: 0.6s;
}
.myscroll > .main_img:nth-of-type(4) {
	transition-delay: 0.8s;
}
.myscroll > .left > .main_img:nth-of-type(1) {
	transition-delay: 0.2s;
}
.myscroll > .right > .main_img:nth-of-type(1) {
	transition-delay: 0.3s;
}
.myscroll > .left > .main_img:nth-of-type(2) {
	transition-delay: 0.4s;
}
.myscroll > .right > .main_img:nth-of-type(2) {
	transition-delay: 0.6s;
}
.myscroll > .left > .main_img:nth-of-type(3) {
	transition-delay: 0.6s;
}
.myscroll > .right > .main_img:nth-of-type(3) {
	transition-delay: 0.9s;
}
.myscroll > .left > .main_img:nth-of-type(4) {
	transition-delay: 0.8s;
}
.myscroll > .right > .main_img:nth-of-type(4) {
	transition-delay: 1.2s;
}
.myscroll > .left > .main_img:nth-of-type(5) {
	transition-delay: 1s;
}
.myscroll > .right > .main_img:nth-of-type(5) {
	transition-delay: 1.5s;
}
.myscroll > .left > .main_img:nth-of-type(6) {
	transition-delay: 1.2s;
}
.myscroll > .right > .main_img:nth-of-type(6) {
	transition-delay: 1.8s;
}
.myscroll > .left > .main_img:nth-of-type(7) {
	transition-delay: 1.4s;
}
.myscroll > .right > .main_img:nth-of-type(7) {
	transition-delay: 2.1s;
}
.myscroll > .left > .main_img:nth-of-type(8) {
	transition-delay: 1.6s;
}
.myscroll > .right > .main_img:nth-of-type(8) {
	transition-delay: 2.4s;
}
.myscroll > .left > .main_img:nth-of-type(9) {
	transition-delay: 1.8s;
}
.myscroll > .right > .main_img:nth-of-type(9) {
	transition-delay: 2.7s;
}
.myscroll > .left > .main_img:nth-of-type(10) {
	transition-delay: 2s;
}
.myscroll > .right > .main_img:nth-of-type(10) {
	transition-delay: 3s;
}
.myscroll > .left > .main_img:nth-of-type(11) {
	transition-delay: 2.2s;
}
.myscroll > .right > .main_img:nth-of-type(11) {
	transition-delay: 3.3s;
}
.myscroll > .left > .main_img:nth-of-type(12) {
	transition-delay: 2.4s;
}
.myscroll > .right > .main_img:nth-of-type(12) {
	transition-delay: 3.6s;
}
.myscroll > .left > .main_img:nth-of-type(13) {
	transition-delay: 2.6s;
}
.myscroll > .right > .main_img:nth-of-type(13) {
	transition-delay: 3.9s;
}
.myscroll > .left > .main_img:nth-of-type(14) {
	transition-delay: 2.8s;
}
.myscroll > .right > .main_img:nth-of-type(14) {
	transition-delay: 4.2s;
}

.mobile-swiper-contain {
	display: none;
	width: 100%;
	overflow: hidden;
}

.mobile-swiper {
	display: none;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 30px 0px;
	position: relative;
	margin-bottom: 50px;
}
.mobile-swiper .swiper-wrapper {
	width: 100%;
}
.mobile-swiper .swiper-wrapper .swiper-slide {
	width: 100%;
}
.mobile-swiper .swiper-wrapper .swiper-slide > a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 30px;
	overflow: hidden;
}
.mobile-swiper .swiper-wrapper .swiper-slide > a .img_box {
	display: block;
	width: 100%;
	overflow: hidden;
}
.mobile-swiper .swiper-wrapper .swiper-slide > a .img_box img {
	display: block;
	width: 100%;
}
.mobile-swiper .swiper-pagination {
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
}
.mobile-swiper .swiper-pagination .swiper-pagination-bullet {
	margin-right: 8px;
	border: 1px solid #fff;
	background-color: rgba(0, 0, 0, 0);
	opacity: 1;
}
.mobile-swiper .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fff;
}

.main {
	width: calc(100% - 300px);
	min-height: 100vh;
	box-sizing: border-box;
	margin-left: 300px;
	padding: 80px 180px 0px 80px;
	background-color: #2c2e3b;
	position: relative;
}
.main .e_book {
	position: fixed;
	top: 300px;
	right: 0px;
	width: 240px;
	height: 60px;
	background-color: #151725;
	overflow: hidden;
	transform: rotate(90deg);
	transform-origin: top right;
	transition: all 0.3s;
}

.sub .e_book.e_book_02 {
	top: 570px;
}

.main .e_book.e_book_02 {
	top: 570px;
}

.main .e_book:hover {
	height: 75px;
}
.main .e_book:hover > a {
	line-height: 75px;
}
.main .e_book > a {
	transition: all 0.3s;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-size: 14px;
	font-family: "WooridaumR";
}
.main .e_book > a > img {
	display: inline-block;
	margin: 0px 10px;
	transform: rotate(-90deg);
	position: relative;
	top: 5px;
	left: 0px;
}
.main .main_top {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 80px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 2;
}
.main .main_top:hover > a {
	background-color: #fff;
	color: #2c2e3b;
}
.main .main_top > a {
	padding-left: 5px;
	transition: all 0.3s;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 38px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	box-sizing: border-box;
}
.main .main_img {
	display: block;
	box-sizing: border-box;
	background-color: #fff;
	position: relative;
}
.main .main_img > a {
	display: block;
	box-sizing: border-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
.main .main_img > a > img {
	display: block;
	width: 100%;
}

.main_mo_caption {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #333;
	color: #fff;
	font-family: "WooridaumL";
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
}
.main .main_img:hover .main_hover {
	transform: translateY(0);
	opacity: 1;
}
.main .main_img .main_hover {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	opacity: 0.5;
	transform: translateY(100%);
	transition: all 0.5s;
}
.main .main_img .main_hover .main_hover_text {
	width: 100%;
	position: absolute;
	box-sizing: border-box;
	padding: 0px 30px;
	z-index: 2;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
	font-family: "WooridaumR";
}
.main .main_img .main_hover .main_hover_text > span {
	display: block;
	font-size: 20px;
	margin-bottom: 30px;
	font-family: "WooridaumL";
}
.main .main_img .main_hover .main_hover_text > h4 {
	font-size: 40px;
	line-height: 1.3;
	margin-bottom: 30px;
	font-weight: normal;
}

.main .main_img .main_hover .main_hover_text > h4.h4_small {
	font-size: 30px;
}
.main .main_img .main_hover .main_hover_text > p {
	width: 100%;
	font-size: 20px;
	line-height: 1.5;
	word-break: keep-all;
}
.main .main_img .main_hover::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #1b2071;
	opacity: 0.95;
}
.main .content1 {
	width: 100%;
	margin-bottom: 30px;
}
.main .content2 {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.main .content2 .left {
	width: 57%;
	margin-right: 2%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.main .content2 .left > .main_img {
	margin-bottom: 3%;
}
.main .content2 .left > .main_img:last-child {
	margin-bottom: 0%;
}
.main .content2 .right {
	width: 41%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.main .content2 .right > .main_img {
	margin-bottom: 3%;
}
.main .content2 .right > .main_img:last-child {
	margin-bottom: 0%;
}
.main .content2::after {
	content: "";
	display: block;
	clear: both;
}
.main .content3 {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin-bottom: 30px;
}

.main .content6 {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin-bottom: 30px;
}

.main.vol312 .content3 > .main_img:nth-of-type(1) {
	width: 29.6%;
}
.main.vol312 .content3 > .main_img:nth-of-type(2) {
	width: 68%;
}

.main .content3 > .main_img {
	margin-right: 2%;
}

.main .content6 > .main_img {
	margin-right: 2%;
}

.main .content3 > .main_img:last-child {
	margin-right: 0%;
}

.main .content6 > .main_img:last-child {
	margin-right: 0%;
}
.main .content4 {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin-bottom: 30px;
}
.main.vol312 .content4 > .main_img:nth-of-type(1) {
	width: 69%;
}
.main.vol312 .content4 > .main_img:nth-of-type(2) {
	width: 30%;
}

.main .content4 > .main_img:nth-of-type(1) {
	margin-right: 2%;
}

.main .content5 {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.main .content5 .left {
	width: 68.5%;
	margin-right: 2%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}
.main .content5 .left > .main_img {
	margin-bottom: 2%;
}

.main.vol312 .content5 .left > .main_img {
	width: 100%;
}

.main .content5 .left > .main_img.main_half {
	width: 48.5%;
}
.main .content5 .right {
	width: 29.5%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

.main.vol312 .content5 .right > .main_img {
	width: 100%;
}

.main .content5 .right > .main_img {
	margin-bottom: 5%;
}
.main .content5 .right .text_box {
	display: block;
	width: 100%;
	height: 6%;
}
.main .content5 .right .text_box p {
	font-family: "WooridaumL";
	color: #c2c5c7;
	font-size: 14px;
	line-height: 1.5;
	text-align: right;
}
.main .content5 .right .text_box p > span {
	font-family: "WooridaumB";
	font-size: 13px;
	display: block;
	margin-bottom: 10px;
}
.main .content5::after {
	content: "";
	display: block;
	clear: both;
}

.main_tablet_banner {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.main_tablet_banner.sub_main_tablet_banner {
	padding: 0px;
	padding-bottom: 30px;
}

.main_tablet-swiper {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.main_tablet-swiper .swiper-wrapper {
	width: 100%;
}

.main_tablet-swiper .swiper-wrapper .swiper-slide {
	width: 49%;
	margin-right: 2%;
}

.main_tablet-swiper .swiper-wrapper .swiper-slide > a {
	display: block;
	width: 100%;
}

.main_tablet-swiper .swiper-wrapper .swiper-slide > a img {
	display: block;
	width: 100%;
}

.main_tablet_banner.sub_main_tablet_banner .swiper-pagination-bullets {
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
}

.main_tablet_banner.sub_main_tablet_banner
	.swiper-pagination
	.swiper-pagination-bullet {
	bottom: 20px;
	margin-right: 8px;
	border: 1px solid #2c2e3b;
	background-color: rgba(0, 0, 0, 0);
	opacity: 1;
}

.main_tablet_banner.sub_main_tablet_banner
	.swiper-pagination
	.swiper-pagination-bullet-active {
	background-color: #2c2e3b;
}

.main_tablet_banner .swiper-pagination-bullets {
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.main_tablet_banner .swiper-pagination .swiper-pagination-bullet {
	bottom: 0px;
	margin-right: 8px;
	border: 1px solid #fff;
	background-color: rgba(0, 0, 0, 0);
	opacity: 1;
}
.main_tablet_banner .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fff;
}

/* 노트북 */
@media screen and (max-width: 1600px) {
	.main {
		padding: 80px 100px 80px 40px;
	}
	.main .content5 .right .text_box p {
		font-size: 12px;
	}
	.main .content5 .right .text_box p > span {
		font-size: 12px;
	}
}
/* tablet */
@media screen and (max-width: 1200px) {
	.main {
		width: 100%;
		margin-left: 0px;
		padding: 0px 30px 30px 30px;
	}
	.main .mo {
		display: none;
	}
	.main .main_pc {
		display: block;
	}
	.main .e_book {
		display: none;
	}
	.main .main_top {
		display: none !important;
	}
	.main .main_img .main_hover {
		display: block;
	}
	.main .content1 {
		margin-bottom: 20px;
	}
	.main .content2 {
		margin-bottom: 20px;
	}
	.main .content3 {
		margin-bottom: 20px;
	}
	.main .content4 {
		margin-bottom: 20px;
	}
	.main .content5 .right .text_box {
		height: 6%;
	}
	.main .content5 .right .text_box p {
		word-break: keep-all;
		font-size: 10px;
	}
	.main .content5 .right .text_box p > span {
		font-size: 12px;
		margin-bottom: 0px;
	}
	.mobile-swiper {
		display: block;
	}
}
@media screen and (max-width: 800px) {
	.text_box > p {
		display: none;
	}
}
/* mobile */
@media screen and (max-width: 580px) {
	.main .content6 {
		flex-wrap: wrap;
	}
	.main .content6 .main_img {
		margin-bottom: 15px;
	}
	.main .content6 > .main_img {
		margin-right: 0%;
	}

	.mobile-swiper-contain {
		display: block;
	}

	.main {
		padding: 15px;
	}
	.main .main_img {
		width: 100% !important;
	}
	.main .content1 {
		margin-bottom: 15px;
	}
	.main .content2 {
		margin-bottom: 0px;
	}
	.main .content2 .left {
		width: 100%;
		margin-right: 0;
	}
	.main .content2 .left .main_img {
		margin-bottom: 15px;
	}
	.main .content2 .left .main_img:last-child {
		margin-bottom: 15px;
	}
	.main .content2 .right {
		width: 100%;
	}
	.main .content2 .right .main_img {
		margin-bottom: 15px;
	}
	.main .content2 .right .main_img:last-child {
		margin-bottom: 15px;
	}
	.main .content3 {
		flex-wrap: wrap;
		margin-bottom: 0px;
	}
	.main .content3 .main_img {
		width: 100%;
		margin-bottom: 15px;
		margin-right: 0;
	}
	.main .content3 .main_img:nth-of-type(1) {
		margin-right: 0;
	}
	.main .content4 {
		flex-wrap: wrap;
		margin-bottom: 0px;
	}
	.main .content4 .main_img {
		margin-bottom: 15px;
	}
	.main .content4 .main_img:nth-of-type(1) {
		margin-right: 0;
	}
	.main .content5 .left {
		width: 100% !important;
		margin-right: 0;
	}
	.main .content5 .left .main_img {
		width: 100%;
		margin-bottom: 15px;
	}
	.main .content5 .right {
		width: 100% !important;
	}
	.main .content5 .right .text_box p {
		display: none;
	}
	.main .content5 .right .text_box p > span {
		display: none;
	}
	.mobile-swiper {
		padding: 0px 15px;
		margin-bottom: 30px;
	}
}
.header {
	width: 300px;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	font-family: "WooridaumR";
	background-color: #2c2e3b;
	color: #fff;
	box-sizing: border-box;
	padding: 60px 50px;
	z-index: 11;
}
.header__top {
	margin-bottom: 60px;
}
.header__top h1 {
	font-family: "WooridaumB";
	font-size: 40px;
	margin-bottom: 20px;
}
.header__top h1 > a {
	color: #fff;
	text-decoration: none;
}
.header__top > p span {
	font-family: "WooridaumL";
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}
.header__top > p strong {
	display: block;
	font-family: "WooridaumB";
	font-size: 15px;
}
.header__nav-btn {
	margin-right: 20px;
}
.header__nav-btn > img {
	width: 40px;
}
.header__nav-btn i {
	color: #fff;
	font-size: 30px;
	margin-right: 15px;
}

.header__nav {
	margin-bottom: 100px;
}
.header__gnb-dep1 > li > a {
	position: relative;
	font-family: "WooridaumL";
	display: inline-block;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 20px;
	font-weight: bold;
}
.header__gnb-dep1 > li > a:hover {
	color: #ffe366;
}
.header__gnb-dep1 > li > a::after {
	content: "";
	display: block;
	width: 0%;
	height: 10px;
	position: absolute;
	bottom: -5px;
	left: 0px;
	background-color: #595c97;
	z-index: -1;
	transition: all 0.3s;
}
.header__gnb-dep1 > li.on > a::after {
	width: 100%;
}
.header__gnb-dep2 {
	display: none;
}
.header__gnb-dep2 > li {
	padding-left: 10px;
}
.header__gnb-dep2 > li > a {
	font-family: "WooridaumL";
	display: inline-block;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 20px;
	font-weight: bold;
}
.header__gnb-dep2 > li > a:hover {
	color: #ffe366;
}
.header__gnb-dep1 > li.on > a {
	color: #ffe366;
}
.header__gnb-dep2 > li:last-child {
	margin-bottom: 20px;
}
.header__mo-ebook {
	padding: 20px 20px;
	border-top: 1px solid #666;
	text-align: right;
	color: #fff;
}
.header__mo-ebook > span {
	margin: 0px 10px;
}
.header__mo-ebook > a {
	color: #fff;
	font-size: 14px;
}

.header__swiper__contain {
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
}
.header__swiper {
	width: 100%;
	height: 290px;
	position: relative;
}
.header__swiper .swiper-wrapper {
	width: 100%;
	height: 100%;
}
.header__swiper .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
}
.header__swiper .swiper-wrapper .swiper-slide > a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.header__swiper .swiper-wrapper .swiper-slide > a .img_box {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.header__swiper .swiper-wrapper .swiper-slide > a .img_box .img {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.header__swiper .swiper-pagination {
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
}
.header__swiper .swiper-pagination .swiper-pagination-bullet {
	margin-right: 8px;
	border: 1px solid #fff;
	background-color: rgba(0, 0, 0, 0);
	opacity: 1;
}
.header__swiper .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fff;
}

/* tablet */
@media screen and (max-width: 1200px) {
	.header {
		width: 100%;
		height: 100px;
		position: relative;
		color: #fff;
		padding: 30px 30px 0px 30px;
	}
	.header__top {
		display: flex;
		justify-content: start;
		margin-bottom: 0px;
		align-items: center;
	}
	.header__top h1 {
		position: absolute;
		top: 50%;
		right: 30px;
		font-size: 35px;
		transform: translateY(-50%);
	}
	.header__top > p span {
		margin-bottom: 5px;
	}
	.header__top > p strong {
		font-size: 15px;
	}
	.header__nav {
		transition: all 0.5s;
		width: 100%;
		position: absolute;
		left: 0px;
		z-index: 9;
		background-color: rgba(0, 0, 0, 0.8);
		margin-bottom: 0px;
		top: -550px;
	}
	.header__nav.on {
		top: 100px;
	}
	.header__gnb-dep1 {
		padding: 30px;
	}
	.header__swiper {
		display: none;
	}

	.header__gnb-dep1 > li {
		display: flex;
		margin-bottom: 40px;
	}
	.header__gnb-dep1.tablet_nav ul {
		display: flex !important;
	}
	.header__gnb-dep1.tablet_nav > li > a {
		color: #ffe366;
	}
	.header__gnb-dep1.tablet_nav > li > a::after {
		content: "";
		display: block;
		width: 100%;
		height: 10px;
		position: absolute;
		bottom: -3px;
		left: 0px;
		background-color: #595c97;
		z-index: -1;
		transition: all 0.3s;
	}
	.header__gnb-dep2 > li {
		padding-left: 20px;
	}
	.header__gnb-dep2 > li > a {
		line-height: 1.3;
		margin-bottom: 0px;
	}
	.header__gnb-dep2 > li:last-child {
		margin-bottom: 0;
	}
	.header__gnb-dep1 > li > a {
		margin-bottom: 0px;
	}
	.header__gnb-dep2 {
		display: flex;
	}
}
/* mobile */
@media screen and (max-width: 580px) {
	.header {
		padding: 34px 15px 0px 15px;
	}
	.header__top h1 {
		position: absolute;
		right: 15px;
		font-size: 25px;
	}
	.header__top > p span {
		margin-bottom: 5px;
		font-size: 12px;
	}
	.header__top > p strong {
		font-size: 14px;
	}

	.header__gnb-dep1 > li {
		display: block;
		margin-bottom: 0px;
	}

	.header__gnb-dep2 > li {
		padding-left: 10px;
	}
	.header__gnb-dep2 > li > a {
		line-height: 1;
		margin-bottom: 20px;
	}
	.header__gnb-dep2 > li:last-child {
		margin-bottom: 20px;
	}
	.header__gnb-dep1 > li > a {
		margin-bottom: 20px;
	}
	.header__gnb-dep2 {
		display: none;
	}
}
.main_pc {
	display: none;
}

.sub_footer {
	width: calc(100% - 300px);
	box-sizing: border-box;
	margin-left: 300px;
	position: relative;
	padding: 50px 0px;
}
.sub_footer .inner {
	padding-right: 30px;
	box-sizing: border-box;
	max-width: 1270px;
	margin: 0px auto;
	color: #c2c5c7;
	font-family: "WooridaumL";
	text-align: right;
}
.sub_footer .inner > p {
	line-height: 1.5;
}

.sub_footer .inner > p:nth-of-type(2) {
	font-size: 14px;
	line-height: 1.5;
	word-break: keep-all;
}
.sub_footer .inner > p > span {
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

@media screen and (max-width: 800px) {
	.main_pc {
		display: block;
	}
	.sub_footer {
		width: 100%;
		margin-left: 0px;
		padding: 20px 15px;
	}
	.sub_footer .inner {
		padding-right: 0px;
		width: 100%;
	}
	.sub_footer .inner > p {
		font-size: 12px;
	}
	.sub_footer .inner > p > span {
		display: block;
		margin-bottom: 10px;
	}
}
.tablet_banner {
	display: none;
	width: 100%;
	box-sizing: border-box;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding-bottom: 50px;
}

.main_tablet_banner {
	display: none;
	padding: 30px 30px 50px 30px;
	position: relative;
}

.tablet_banner a {
	display: block;
	width: 49%;
}

.tablet_banner img {
	display: block;
	width: 100%;
}
.sub_mobile_swiper-container {
	display: none;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 30px;
	position: relative;
	margin-bottom: 15px;
}
.sub_mobile_swiper-container .swiper-wrapper {
	width: 100%;
}
.sub_mobile_swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;
}
.sub_mobile_swiper-container .swiper-wrapper .swiper-slide > a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 30px;
	overflow: hidden;
}
.sub_mobile_swiper-container .swiper-wrapper .swiper-slide > a .img_box {
	display: block;
	width: 100%;
	overflow: hidden;
}
.sub_mobile_swiper-container .swiper-wrapper .swiper-slide > a .img_box img {
	display: block;
	width: 100%;
}
.sub_mobile_swiper-container .swiper-pagination {
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
}
.sub_mobile_swiper-container .swiper-pagination .swiper-pagination-bullet {
	margin-right: 8px;
	border: 1px solid #000;
	background-color: rgba(0, 0, 0, 0);
	opacity: 1;
}
.sub_mobile_swiper-container
	.swiper-pagination
	.swiper-pagination-bullet-active {
	background-color: #000;
}

.sub {
	width: calc(100% - 300px);
	min-height: 100vh;
	box-sizing: border-box;
	margin-left: 300px;
	background-color: #2c2e3b;
	position: relative;
}
.sub .e_book {
	position: fixed;
	top: 300px;
	right: 0px;
	width: 240px;
	height: 60px;
	background-color: rgba(21, 23, 37, 0.8);
	overflow: hidden;
	transform: rotate(90deg);
	transform-origin: top right;
	transition: all 0.3s;
	z-index: 9;
}
.sub .e_book:hover {
	height: 75px;
}
.sub .e_book:hover > a {
	line-height: 75px;
}
.sub .e_book > a {
	transition: all 0.3s;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-size: 14px;
	font-family: "WooridaumR";
}
.sub .e_book > a > img {
	display: inline-block;
	margin: 0px 10px;
	transform: rotate(-90deg);
	position: relative;
	top: 5px;
	left: 0px;
}
.sub .sub_top {
	display: block;
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 80px;
	height: 40px;
	border: 1px solid #2c2e3b;
	background-color: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 9;
}
.sub .sub_top:hover > a {
	background-color: #2c2e3b;
	color: #fff;
}
.sub .sub_top > a {
	padding-left: 5px;
	transition: all 0.3s;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 38px;
	text-align: center;
	color: #2c2e3b;
	font-size: 14px;
	box-sizing: border-box;
}
.sub .title {
	position: relative;
	width: 100%;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding-bottom: 100px;
}

.sub .title .left {
	width: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.sub .title .left.golf {
	width: 100%;
}

.sub .title .left .txt {
	width: 60%;
	letter-spacing: -1px;
	font-family: "WooridaumR";
	color: #69513e;
}

.sub .title .left.golf .txt {
	width: 80%;
}

.sub .title .left .txt > span {
	display: inline-block;
	font-size: 17px;
	padding: 14px 35px;
	border-radius: 50%;
	border: 1px solid #69513e;
	text-align: center;
	margin-bottom: 50px;
}
.sub .title .left .txt > h2 {
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: bold;
}
.sub .title .left .txt > h1 {
	font-size: 45px;
	font-family: "WooridaumB";
	margin-bottom: 60px;
	font-weight: bold;
	line-height: 1.3;
}

.sub .title .left .txt > h1.h1_small {
	font-size: 40px;
}

.sub .title .left .txt > p {
	line-height: 1.8;
	font-family: "WooridaumL";
	font-size: 17px;
	font-weight: bold;
}
.sub .title .left .txt > p > span {
	display: inline-block;
}
.sub .title .left .txt > p > span:nth-of-type(1) {
	margin-right: 10px;
}
.sub .title .right {
	width: 50%;
	box-sizing: border-box;
}
.sub .title .right .img_box {
	width: 100%;
	overflow: hidden;
}
.sub .title .right .img_box > img {
	width: 100%;
	display: block;
}
.sub .title::after {
	content: "";
	display: block;
	width: 126px;
	height: 262px;
	position: absolute;
	bottom: 0px;
	left: -2px;
	background: url(../images/sub_radius_bottom.png) no-repeat;
}
.sub .title_video {
	width: 100%;
	height: 830px;
	padding-bottom: 100px;
	display: flex;
	justify-content: center;
	align-content: flex-end;
	flex-wrap: wrap;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.sub .title_video.sub04_title {
	padding-bottom: 0px;
	height: auto;
}
.sub04_gif {
	display: block;
	width: 100%;
}
.sub .title_video .txt {
	text-align: center;
	letter-spacing: -1px;
	font-family: "WooridaumR";
	color: #fff;
	position: relative;
	z-index: 2;
}
.sub .title_video .txt > span {
	display: inline-block;
	font-size: 17px;
	padding: 14px 35px;
	border-radius: 50%;
	border: 1px solid #fff;
	text-align: center;
	margin-bottom: 50px;
}
.sub .title_video .txt > h2 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 20px;
}
.sub .title_video .txt > h1 {
	font-size: 45px;
	font-family: "WooridaumB";
	font-weight: normal;
	line-height: 1.3;
}
.sub .title_video .bg_video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0.6;
}
.sub .title_video::after {
	content: "";
	display: block;
	width: 126px;
	height: 262px;
	position: absolute;
	bottom: 0px;
	left: -2px;
	background: url(../images/sub_radius_bottom.png) no-repeat;
}
.sub .content {
	width: 100%;
	background-color: #fff;
	box-sizing: border-box;
	padding-bottom: 100px;
	position: relative;
}


.sub .content::after {
	content: "";
	display: block;
	width: 126px;
	height: 262px;
	position: absolute;
	top: -1px;
	left: -2px;
	background: url(../images/sub_radius_top.png) no-repeat;
}

.sub .content.content-top {
	box-sizing: border-box;
	padding-top: 150px;
	min-height: 0px;
}

.sub .content.content-top::after {
	content: "";
	display: block;
	width: 126px;
	height: 262px;
	position: absolute;
	top: auto;
	bottom: 0px;
	left: -2px;
	background: url(../images/sub_radius_bottom.png) no-repeat;
}
.sub .content .inner {
	max-width: 1000px;
	margin: 0px auto;
}
.sub .content .inner .info {
	padding: 60px 0px;
	font-family: "WooridaumL";
	font-size: 17px;
}
.sub .content .inner .info > span {
	display: inline-block;
}
.sub .content .inner .info > span:nth-of-type(1) {
	margin-right: 10px;
}
.sub .content .inner .introduction {
	padding-bottom: 70px;
	margin-bottom: 70px;
	border-bottom: 1px solid #d8d8d8;
}
.sub .content .inner .introduction > p {
	font-family: "WooridaumR";
}
.sub .content .inner .txt_box {
	margin-bottom: 80px;
}
.sub .content .inner .txt_box h4 {
	color: #0141ab;
	font-size: 24px;
	margin-bottom: 50px;
	font-family: "WooridaumR";
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
	word-break: keep-all;
}

.sub .content .inner .txt_box h4.h4__small {
	font-size: 20px;
}
.sub .content .inner p {
	font-size: 18px;
	line-height: 1.8;
	color: #69513e;
	font-family: "WooridaumL";
	padding-bottom: 70px;
	word-break: break-all;
	text-align: justify;
	font-weight: bold;
}

.sub .content .inner p:last-child {
	padding-bottom: 0;
}
.sub .content .inner h3 {
	font-size: 30px;
	color: #69513e;
	margin-bottom: 30px;
	font-family: "WooridaumB";
	font-weight: bold;
	line-height: 1.7;
	word-break: keep-all;
}
.sub .content .inner .table {
	overflow: auto;
}
.sub .content .inner .table table {
	width: 100%;
	border-collapse: collapse;
	font-family: "WooridaumL";
	font-weight: bold;
	line-height: 1.8;
}
.sub .content .inner .table table tr th {
	padding: 20px;
	background-color: #cfebfb;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-family: "WooridaumR";
	font-size: 20px;
}
.sub .content .inner .table.vol317_12_table table tr th {
	background-color: #d0a786;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.sub .content .inner .table table tr th:last-child {
	border-right: 0;
}

.sub .content .inner .table.golf_table table tr td {
	border-right: 1px solid #ccc;
	text-align: center;
}

.sub .content .inner .table.vol317_12_table table tr td {
	text-align: center;
	border-left: 1px solid #ccc;
}

.sub .content .inner .table.vol317_12_table table tr td:last-child {
	border: none;
	text-align: left;
	border-left: 1px solid #ccc;
}

.sub .content .inner .table table tr td {
	font-size: 18px;
	padding: 20px;
	border-bottom: 1px solid #ccc;
}
.sub .content .inner .sub_nav {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	padding: 50px 70px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}
.sub .content .inner .sub_nav .left .prev_btn {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	color: #000;
	border: 1px solid #000;
	font-size: 14px;
	font-family: "WooridaumL";
	transition: all 0.3s;
	font-weight: bold;
}
.sub .content .inner .sub_nav .left .prev_btn:hover {
	color: #fff;
	background-color: #000;
}
.sub .content .inner .sub_nav .left .prev {
	font-size: 17px;
	font-family: "WooridaumR";
	color: #000;
	margin-left: 10px;
	font-weight: bold;
}
.sub .content .inner .sub_nav .right .next_btn {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	color: #000;
	border: 1px solid #000;
	font-size: 14px;
	font-family: "WooridaumL";
	transition: all 0.3s;
	font-weight: bold;
}
.sub .content .inner .sub_nav .right .next_btn:hover {
	color: #fff;
	background-color: #000;
}
.sub .content .inner .sub_nav .right .next {
	font-size: 17px;
	font-family: "WooridaumR";
	color: #000;
	margin-right: 10px;
	font-weight: bold;
}
.sub .content .inner .sub_slide_contain {
	margin-bottom: 80px;
}
.sub .content .inner .sub_slide_contain > h4 {
	text-align: center;
	font-size: 22px;
	font-family: "WooridaumR";
	font-weight: normal;
	margin-bottom: 20px;
	font-weight: bold;
	color: #222;
}
.sub .content .inner .sub_slide_contain .subSlide {
	width: 100%;
	position: relative;
}
.sub .content .inner .sub_slide_contain .subSlide .sub_slide_prev {
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #000;
	color: #000;
	cursor: pointer;
	font-size: 18px;
	transition: all 0.3s;
}
.sub .content .inner .sub_slide_contain .subSlide .sub_slide_prev:hover {
	background-color: #000;
	color: #fff;
}
.sub .content .inner .sub_slide_contain .subSlide .sub_slide_prev > i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sub .content .inner .sub_slide_contain .subSlide .sub_slide_next {
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	box-sizing: border-box;
	line-height: 40px;
	text-align: center;
	border: 1px solid #000;
	color: #000;
	cursor: pointer;
	font-size: 18px;
	transition: all 0.3s;
}
.sub .content .inner .sub_slide_contain .subSlide .sub_slide_next:hover {
	background-color: #000;
	color: #fff;
}
.sub .content .inner .sub_slide_contain .subSlide .sub_slide_next > i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sub .content .inner .sub_slide_contain .subSlide .sub_swiper-container {
	width: 85%;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
.sub
	.content
	.inner
	.sub_slide_contain
	.subSlide
	.sub_swiper-container
	.swiper-wrapper {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.sub
	.content
	.inner
	.sub_slide_contain
	.subSlide
	.sub_swiper-container
	.swiper-wrapper
	.swiper-slide {
	width: 30%;
	height: 100%;
	box-sizing: border-box;
	margin-right: 5%;
	transition: all 0.5s;
}

.sub
	.content
	.inner
	.sub_slide_contain
	.subSlide
	.sub_swiper-container
	.swiper-wrapper
	.swiper-slide
	a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.sub
	.content
	.inner
	.sub_slide_contain
	.subSlide
	.sub_swiper-container
	.swiper-wrapper
	.swiper-slide
	a
	.img_box {
	width: 100%;
	height: 100%;
	background-color: #555;
	box-sizing: border-box;
	overflow: hidden;
}
.sub
	.content
	.inner
	.sub_slide_contain
	.subSlide
	.sub_swiper-container
	.swiper-wrapper
	.swiper-slide
	a
	.img_box
	> img {
	display: block;
	width: 100%;
	height: 140px;
}
.sub
	.content
	.inner
	.sub_slide_contain
	.subSlide
	.sub_swiper-container
	.swiper-wrapper
	.swiper-slide:last-child {
	margin-right: 0;
}
.sub .content--after-none {
	padding-bottom: 10px;
}
.sub .content--after-none::after {
	display: none;
}

.slide_text_box h4 {
	padding-top: 20px;
	text-align: center;
	font-family: "WooridaumR";
	font-weight: bold;
	color: #000;
	font-size: 16px;
}

.slide_text_box span {
	display: block;
	padding-top: 10px;
	text-align: center;
	font-family: "WooridaumL";
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

/* 1600 */
@media screen and (max-width: 1600px) {
	.sub .title {
		padding-bottom: 50px;
	}
	.sub .title .left .txt {
		width: 70%;
	}
	.sub .title .left .txt > span {
		font-size: 15px;
		padding: 10px 30px;
		margin-bottom: 30px;
	}
	.sub .title .left .txt > h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.sub .title .left .txt > h1 {
		font-size: 40px;
		margin-bottom: 40px;
	}
	.sub .title .left .txt > h1.h1_small {
		font-size: 30px;
	}
	.sub .title .left .txt > p {
		font-size: 16px;
	}
	.sub .content {
		padding-bottom: 100px;
	}
	.sub .content .inner {
		width: 100%;
		box-sizing: border-box;
		padding-top: 100px;
	}
	.sub .content .inner .txt_box {
		margin-bottom: 60px;
	}
	.sub .content .inner .introduction {
		padding-bottom: 70px;
		margin-bottom: 70px;
		padding-left: 30px;
	}
}
/* 1400 */
@media screen and (max-width: 1400px) {
	.sub .title {
		min-height: 400px;
	}
	.sub .title::after {
		transform: scale(0.7);
		transform-origin: bottom left;
	}
	.sub .title .left {
		padding-left: 0%;
	}
	.sub .title .left .txt {
		width: 80%;
	}
	.sub .title .left .txt > span {
		font-size: 14px;
		padding: 10px 30px;
		margin-bottom: 20px;
	}
	.sub .title .left .txt > h2 {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.sub .title .left .txt > h1 {
		font-size: 30px;
		margin-bottom: 40px;
	}
	.sub .title .left .txt > p {
		font-size: 14px;
	}
	.sub .title_video::after {
		transform: scale(0.7);
		transform-origin: bottom left;
	}
	.sub .content {
		padding-bottom: 100px;
	}
	.sub .content::after {
		transform: scale(0.7);
		transform-origin: top left;
	}
	.sub .content.content-top::after {
		bottom: -78px;
	}
	.sub .content .inner {
		width: 100%;
		padding: 100px 30px 0px;
	}
}
/* 1200 */
@media screen and (max-width: 1200px) {
	.sub .title {
		min-height: auto;
	}
	.sub .title .left.golf {
		justify-content: center;
	}
	.sub .title .left.golf .txt {
		width: 100%;
		text-align: center;
	}

	.sub .content .inner .sub_nav {
		padding: 50px 0px;
	}
	.sub .content.content-top::after {
		display: none;
	}
	.sub_mobile_swiper-container {
		display: block;
	}
	.sub {
		width: 100%;
		margin-left: 0px;
	}
	.sub .e_book {
		display: none;
	}
	.sub .title::after {
		display: none;
	}
	.sub .title .left {
		padding: 30px 30px 0px 30px;
	}
	.sub .title .left .txt {
		width: 90%;
	}
	.sub .title .left .txt > span {
		font-size: 14px;
		padding: 10px 30px;
		margin-bottom: 20px;
	}
	.sub .title .left .txt > h2 {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.sub .title .left .txt > h1 {
		font-size: 30px;
		margin-bottom: 40px;
	}
	.sub .title .left .txt > p {
		font-size: 14px;
	}
	.sub .title_video {
		height: 52vw;
		padding-bottom: 0px;
		align-content: center;
	}
	.sub .title_video .txt > span {
		font-size: 16px;
		padding: 10px 30px;
		margin-bottom: 20px;
	}
	.sub .title_video .txt > h2 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.sub .title_video .txt > h1 {
		font-size: 35px;
	}
	.sub .title_video::after {
		display: none;
	}
	.sub .content {
		padding-bottom: 100px;
	}
	.sub .content::after {
		display: none;
	}
	.sub .content .inner {
		padding: 30px 30px 0px;
	}
	.sub .content .inner .txt_box {
		margin-bottom: 60px;
	}
	.sub .content .inner .introduction {
		padding-bottom: 60px;
		margin-bottom: 60px;
		padding-left: 0;
	}
	.sub .content .inner .sub_nav {
		margin-bottom: 50px;
	}
}
/* 700 */
@media screen and (max-width: 700px) {
	.sub .title {
		padding-bottom: 40px;
	}
	.sub .title .left {
		justify-content: start;
		padding-left: 30px;
		padding-right: 30px;
	}
	.sub .title .left .txt > span {
		font-size: 12px;
		padding: 5px 20px;
		margin-bottom: 15px;
	}
	.sub .title .left .txt > h2 {
		font-size: 12px;
		margin-bottom: 10px;
	}
	.sub .title .left .txt > h1 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.sub .title .left .txt > h1.h1_small {
		font-size: 25px;
	}
	.sub .title .left .txt > p {
		font-size: 12px;
	}
	.sub .content {
		border-top-left-radius: 0;
		padding-bottom: 80px;
	}
	.sub .content .inner {
		padding: 30px 30px 0px;
	}
	.sub .content .inner .txt_box {
		margin-bottom: 60px;
	}
	.sub .content .inner .txt_box h4 {
		font-size: 22px;
		margin-bottom: 30px;
	}
	.sub .content .inner .info {
		padding: 20px 0px 30px;
	}
	.sub .content .inner .info > span {
		font-size: 14px;
	}
	.sub .content .inner .introduction {
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	.sub .content .inner p {
		font-size: 16px;
	}
	.sub .content .inner h3 {
		font-size: 25px;
		margin-bottom: 30px;
	}
	.sub .content .inner .sub_nav {
		padding: 40px 0px;
		margin-bottom: 50px;
	}
	.sub .content .inner .sub_slide_contain > h4 {
		font-size: 20px;
	}
	.sub .content .inner .sub_slide_contain .subSlide .sub_slide_prev {
		width: 35px;
		height: 35px;
		line-height: 28px;
		font-size: 18px;
	}
	.sub .content .inner .sub_slide_contain .subSlide .sub_slide_prev:hover {
		background-color: #fff;
		color: #000;
	}
	.sub .content .inner .sub_slide_contain .subSlide .sub_slide_next {
		width: 35px;
		height: 35px;
		line-height: 28px;
		font-size: 18px;
	}
	.sub .content .inner .sub_slide_contain .subSlide .sub_slide_next:hover {
		background-color: #fff;
		color: #000;
	}
	.sub .content .inner .sub_slide_contain .subSlide .sub_swiper-container {
		width: 80%;
	}
	.sub
		.content
		.inner
		.sub_slide_contain
		.subSlide
		.sub_swiper-container
		.swiper-wrapper
		.swiper-slide {
		width: 50%;
	}
}
/* mobile */
@media screen and (max-width: 580px) {
	.sub .content .inner .sub_slide_contain {
		padding-top: 30px;
	}
	.sub .content .inner .txt_box h4.h4__small {
		font-size: 18px;
	}
	.header__nav-btn {
		margin-right: 15px;
	}
	.header__nav-btn > img {
		width: 35px;
	}
	.sub .title {
		padding-bottom: 0px;
		flex-direction: column-reverse;
	}
	.sub .title .left {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.sub .title .left .txt {
		text-align: center;
		width: 100% !important;
	}
	.sub .title .left .txt > span {
		font-size: 12px;
		padding: 5px 20px;
		margin-bottom: 15px;
	}
	.sub .title .left .txt > h2 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.sub .title .left .txt > h1 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.sub .title .left .txt > h1.h1_small {
		font-size: 22px;
	}
	.sub .title .left .txt > p {
		font-size: 14px;
	}
	.sub .title .right {
		width: 100%;
	}
	.sub .title_video {
		height: 70vw;
		padding-bottom: 0px;
		background-position: center;
	}
	.sub .title_video .txt > span {
		font-size: 14px;
		padding: 10px 30px;
		margin-bottom: 20px;
	}
	.sub .title_video .txt > h2 {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.sub .title_video .txt > h1 {
		font-size: 22px;
	}
	.sub .sub_top {
		right: 15px;
	}
	.sub .content {
		border-top-left-radius: 0;
		padding-bottom: 50px;
	}
	.sub .content .inner {
		padding: 30px 15px 0px;
	}
	.sub .content .inner .txt_box {
		margin-bottom: 40px;
	}
	.sub .content .inner .txt_box h4 {
		font-size: 18px;
	}
	.sub .content .inner .introduction {
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	.sub .content .inner p {
		font-size: 16px;
		padding-bottom: 30px;
	}
	.sub .content .inner h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.sub .content .inner .sub_nav {
		padding: 30px 0px;
		margin-bottom: 30px;
	}
	.sub .content .inner .sub_nav .left .prev {
		display: none;
	}
	.sub .content .inner .sub_nav .right .next {
		display: none;
	}
	.sub .content .inner .sub_slide_contain > h4 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.sub .content .inner .sub_slide_contain .subSlide .sub_slide_prev {
		width: 35px;
		height: 35px;
		line-height: 28px;
		font-size: 16px;
	}
	.sub .content .inner .sub_slide_contain .subSlide .sub_slide_next {
		width: 35px;
		height: 35px;
		line-height: 28px;
		font-size: 16px;
	}
	.sub .content .inner .sub_slide_contain .subSlide .sub_swiper-container {
		width: 70%;
	}
	.sub
		.content
		.inner
		.sub_slide_contain
		.subSlide
		.sub_swiper-container
		.swiper-wrapper
		.swiper-slide {
		width: 100%;
	}
	.sub_mobile_swiper-container {
		padding: 0px;
		margin-bottom: 0px;
	}
}
.vol312_sub03_01 {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	padding: 10px;
	color: #fff;
	background-color: #004ea2;
	font-size: 18px;
	line-height: 1.5;
	font-family: "WooridaumL";
	word-break: break-all;
	text-align: justify;
	font-weight: bold;
	margin-bottom: 40px;
	margin-top: 40px;
}
.vol312_sub03_01::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -6px;
	right: -6px;
	width: 100%;
	height: 100%;
	border: 1px solid #004ea2;
}
.vol312_sub03_01--2 {
	background-color: #007bc7;
}
.vol312_sub03_01--2::after {
	border-color: #007bc7;
}
.vol312_sub03_01--3 {
	background-color: #e59776;
}
.vol312_sub03_01--3::after {
	border-color: #e59776;
}
.vol312_sub03_01--4 {
	background-color: #21b7bd;
}
.vol312_sub03_01--4::after {
	border-color: #21b7bd;
}
.vol312_sub03_01--5 {
	background-color: #bcad89;
}
.vol312_sub03_01--5::after {
	border-color: #bcad89;
}
.vol312_sub03_01--6 {
	background-color: #925f83;
}
.vol312_sub03_01--6::after {
	border-color: #925f83;
}
.vol312_sub03_01--7 {
	background-color: #9fa0a0;
}
.vol312_sub03_01--7::after {
	border-color: #9fa0a0;
}

.vol312_sub03_02 {
	display: inline-block;
	font-size: 20px;
	line-height: 1.8;
	font-family: "WooridaumL";
	word-break: break-all;
	text-align: justify;
	font-weight: bold;
	margin-bottom: 20px;
	color: #bdb6b0;
}

.vol312_sub04_01 {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	justify-content: space-between;
	flex-wrap: wrap;
}
.vol312_sub04_01 li {
	width: 47%;
	box-sizing: border-box;
	font-family: "WooridaumL";
	font-weight: bold;
	line-height: 1.8;
	opacity: 0;
	transform: translateY(5%);
	transition: all 1s;
}
.vol312_sub04_01 li.on {
	opacity: 1;
	transform: translateY(0);
}
.vol312_sub04_01 li .img_box {
	margin-bottom: 30px;
}
.vol312_sub04_01 li .vol312_sub04_01--textbox {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
	border-radius: 20px;
	background-color: #f2f2f2;
}
.vol312_sub04_01 li .vol312_sub04_01--textbox::before {
	position: absolute;
	display: inline-block;
	content: "";
	top: -21px;
	left: 50%;
	transform: translateX(-50%);
	width: 41px;
	height: 21px;
	background-color: #f2f2f2;
	background-image: url("/page/vol312/img/txtbox.png");
}
.before-none::before {
    display: none!important;
}
.vol312_sub04_01 li .vol312_sub04_01--textbox > span {
	display: block;
	font-size: 16px;
	word-break: keep-all;
}
.vol312_sub04_01 li .vol312_sub04_01--textbox > span:nth-of-type(1) {
	font-family: "WooridaumR";
	font-size: 22px;
	margin-bottom: 5px;
	word-break: keep-all;
}
.vol312_sub04_01 li .vol312_sub04_01--textbox .tit {
	font-family: "WooridaumR";
	font-size: 22px;
	margin-bottom: 5px;
	word-break: keep-all;
    padding-bottom: 0;
}

.vol312_sub04_01 li .vol312_sub04_01--textbox > span:nth-of-type(2) {
	display: inline-block;
	padding: 5px 15px;
	background-color: #2c2e3b;
	color: #fff;
	margin-bottom: 20px;
	border-radius: 20px;
}

.vol312_sub04_01 li .vol312_sub04_01--textbox > .caption {
	display: inline-block;
	padding: 5px 15px;
	background-color: #2c2e3b;
	color: #fff;
	margin-bottom: 20px;
	border-radius: 20px;
}

.vol312_sub04_01 li:nth-of-type(2n) {
	margin-top: 200px;
}

.vol312_sub04_01.vol312_sub04_01-mt100 li:nth-of-type(2n) {
	margin-top: 100px;
}

.sub .content .sub05__full {
	display: block;
	width: 100%;
	background-color: #f2f2f2;
}
.sub .content .sub05__full .inner {
	position: relative;
	padding-top: 50px;
	padding-bottom: 30px;
}
.sub .content .sub05__full .inner::before {
	position: absolute;
	display: inline-block;
	content: "";
	top: -21px;
	left: 20px;
	transform: translateX(-50%);
	width: 41px;
	height: 21px;
	background-color: #f2f2f2;
	background-image: url("/page/vol312/img/txtbox.png");
}

.sub .content .sub05__full.sub05__full-sub10 .inner::before {
	background-image: url("/page/vol321/img/txtbox02.png");
}
.sub .content .sub05__full.sub05__full-vol322 .inner::before {
	background-image: url("/page/vol322/img/txtbox03.png");
}
.sub .content .sub05__full .imgflexbox h4 {
	display: block;
	width: 100%;
}
.sub .content .sub05__full .imgflexbox .name {
	color: #fff;
	display: inline-block;
	padding: 10px 15px;
	background-color: #004ea2;
	border-radius: 15px;
	font-family: "WooridaumL";
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 16px;
}
.sub .content .sub05__full .imgflexbox .box {
	width: 100%;
	background-color: #fff;
	border-radius: 20px;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	font-family: "WooridaumL";
	font-weight: bold;
	line-height: 1.8;
	font-size: 16px;
}
.sub .content .sub05__full .imgflexbox .box > span {
	font-size: 18px;
}

.sub .title.event_vol312 {
	align-items: flex-start;
	padding-bottom: 0px;
}

.sub .title .left.event_left {
	justify-content: center;
	flex-wrap: wrap;
}
.sub .title .left.event_left .txt {
	background: url(/page/vol312/img/event_01.png) no-repeat;
	background-size: cover;
	width: 80%;
	max-width: 600px;
	background-position: bottom;
	box-sizing: border-box;
	padding: 200px 80px;
	text-align: center;
}
.sub .title .left.event_left .txt > h1 {
	color: #fff;
}

.sub .title .right.event_right {
	padding: 0px 100px 0px 0px;
	position: relative;
	top: 150px;
	z-index: 2;
}

.event_txt {
	width: 50%;
	font-family: "WooridaumL";
	font-weight: bold;
	line-height: 1.8;
}

.event_vol300 {
	margin-top: 100px;
	padding-top: 100px;
	border-top: 1px solid #aaa;
}

.imgflexbox img.event_mo {
	display: none;
}

@media screen and (max-width: 1200px) {
	.imgflexbox.imgflexbox-tablet > div {
		width: 100% !important;
	}
	.imgflexbox.imgflexbox-tablet > img {
		width: auto;
		max-width: 100%;
	}
	.imgflexbox img.event_pc {
		display: none;
	}
	.imgflexbox img.event_mo {
		display: block;
	}
	.vol312_sub04_02 {
		font-size: 18px;
	}
	.sub .title .left.event_left {
		width: 100%;
		padding: 0px;
	}
	.sub .title .left.event_left .txt {
		padding: 200px 50px;
		width: 80% !important;
	}
	.sub .title.event_vol312 {
		flex-direction: column;
	}
	.sub .title .right.event_right {
		width: 100%;
		padding: 0px;
		position: relative;
		top: -50px;
		z-index: 2;
		margin: 0px auto;
	}
	.sub .title .right.event_right .imgflexbox {
		justify-content: center;
	}
	.sub .title .right.event_right .imgflexbox > img {
		width: 80% !important;
	}
	.event_txt {
		width: 100%;
	}
	.sub .content .inner.event_inner {
		padding-top: 0;
	}
	.sub .content .inner.event_inner::after {
		content: "";
		display: block;
		position: absolute;
		top: -50px;
		left: 0px;
		width: 100%;
		height: 1px;
		background-color: #aaa;
	}
}
@media screen and (max-width: 580px) {
	.event_vol300 {
		margin-top: 50px;
		padding-top: 50px;
		border-top: 1px solid #aaa;
	}
	.vol312_sub04_01 {
		margin-bottom: 30px;
	}
	.vol312_sub04_01 li {
		width: 100%;
		margin-bottom: 50px;
	}
	.vol312_sub04_01 li .img_box {
		margin-bottom: 30px;
	}
	.vol312_sub04_01 li .vol312_sub04_01--textbox {
		padding: 20px;
	}
	.vol312_sub04_01 li .vol312_sub04_01--textbox > span:nth-of-type(1) {
		font-family: "WooridaumR";
		font-size: 20px;
		margin-bottom: 5px;
	}
    .vol312_sub04_01 li .vol312_sub04_01--textbox > .tit {
		font-family: "WooridaumR";
		font-size: 20px;
		margin-bottom: 5px;
	}
	.vol312_sub04_01 li .vol312_sub04_01--textbox > span:nth-of-type(2) {
		font-size: 14px;
		padding: 5px 10px;
		margin-bottom: 20px;
		border-radius: 20px;
	}

    .vol312_sub04_01 li .vol312_sub04_01--textbox > .caption {
		font-size: 14px;
		padding: 5px 10px;
		margin-bottom: 20px;
		border-radius: 20px;
	}
	.vol312_sub04_01 li:nth-of-type(2n) {
		margin-top: 0px;
	}
    .vol312_sub04_01.vol312_sub04_01-mt100 li:nth-of-type(2n) {
        margin-top: 0px;
    }
	.vol312_sub04_01 li:last-child {
		margin-bottom: 0;
	}
	.vol312_sub03_02 {
		font-size: 17px;
	}
	.sub05__full .inner {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.sub05__full .imgflexbox .name {
		font-size: 14px;
	}
	.sub05__full .imgflexbox .box {
		font-size: 14px;
	}
	.sub05__full .imgflexbox .box > span {
		font-size: 16px;
	}
	.sub .title .left.event_left .txt {
		padding: 100px 50px;
	}
}
.title {
	margin-top: 0 !important;
}
.title .modal_btn {
	background-color: #f07879 !important;
	box-shadow: inset -5px -5px #c9423f !important;
}
.title .modal_btn span {
	color: #fff;
}
.title .event_box {
	position: relative;
	width: 90%;
	max-width: 1075px;
	margin: 0 auto;
}
.title .event_box .event_off {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20%;
	z-index: 3;
}
.title .event_box .event_off.on {
	display: block;
}
.title .event_box .event_btn {
	position: absolute;
	left: 11.5%;
	top: 29.1%;
	width: 12.466%;
	height: 11.503%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0;
	z-index: 2;
}
.title .event_box .event_btn.btn02 {
	left: 38.8%;
}
.title .event_box .event_btn.btn03 {
	left: 76.4%;
	top: 36.1%;
}
.title .event_box .event_btn.btn04 {
	left: 27.1%;
	top: 56%;
}
.title .event_box .event_btn.btn05 {
	left: 11.5%;
	top: 69.5%;
}
.title .event_box .event_btn.on {
	background-size: cover;
}
.title .info {
	display: none;
	position: relative;
	max-width: 1075px;
	padding: 5rem 0 4rem;
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
	z-index: 5;
}
.title .info .info_title {
	padding: 0;
	margin: 0 auto;
	font-size: 1.35rem;
	font-weight: bold;
	line-height: 1.45;
	word-break: keep-all;
}
.title .info .info_input {
	width: 894px;
	margin: 2.5rem auto 0;
}
.title .info .info_input span {
	display: block;
	margin-bottom: 0.5rem;
	overflow: hidden;
}
.title .info .info_input span:last-child {
	margin-bottom: 0;
}
.title .info .info_input input {
	display: inline-block;
	float: left;
	width: 49.33%;
	height: 69px;
	padding: 0 1rem;
	margin-right: 1.34%;
	border: 1px solid #a0a0a0;
}
.title .info .info_input input:last-child {
	margin: 0;
}
.title .info .info_check {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: 3rem;
}
.title .info .info_check label {
	margin-top: -4px;
	margin-left: 0.25rem;
	font-size: 0.85rem;
	cursor: pointer;
}
.info_btn {
	display: block;
	width: 257px;
	height: 70px;
	margin: 3rem auto 0;
	font-size: 1.35rem;
	background-color: #672dc7;
	color: #fff;
	cursor: pointer;
	font-family: "WooridaumL";
}
.title .info .info_btn {
	display: block;
	width: 257px;
	height: 70px;
	margin: 3rem auto 0;
	font-size: 1.35rem;
	background-color: #672dc7;
	color: #fff;
	cursor: pointer;
}
.title .info .info_text {
	margin-top: 2.5rem;
	color: #672dc7;
	text-align: center;
	word-break: keep-all;
}

@-webkit-keyframes rotating {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotating {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.sub02 .crawling-contents-top.event_vol300 .title {
	margin-top: 0;
}
.sub02 .crawling-contents-top.event_vol300 .modal_btn {
	background-color: #f07879;
	box-shadow: inset -5px -5px #c9423f;
}
.sub02 .txt_box.event_vol300 .event_title {
	padding: 3rem 0 0 !important;
	margin: 0 auto;
	font-size: 2rem !important;
	line-height: 1.25 !important;
}
.sub02 .txt_box.event_vol300 .event_date {
	background-color: #511ea5;
	color: #fff;
}
.sub02 .txt_box.event_vol300 .event_roulette {
	position: relative;
	max-width: 1075px;
	margin: 0 auto;
}
.sub02 .txt_box.event_vol300 .event_roulette .img {
	padding: 0;
}
.sub02 .txt_box.event_vol300 .event_roulette.off {
	display: none;
}
.sub02 .txt_box.event_vol300 .event_roulette_img {
	position: absolute;
	left: 50%;
	top: 6.8%;
	width: 54%;
	transform: translateX(-50%);
	z-index: 1;
}
.sub02 .txt_box.event_vol300 .event_roulette_img > img {
	transform-origin: center;
}
.sub02 .txt_box.event_vol300 .event_roulette_img.rotating > img {
	-webkit-animation: rotating 0.3s 0s 6 linear normal;
	animation: rotating 0.3s 0s 6 linear normal;
}
.sub02 .txt_box.event_vol300 .event_roulette_img.rotating.rotate01 > img {
	transition: all 0.3s linear;
	transform: rotate(45deg);
}
.sub02 .txt_box.event_vol300 .event_roulette_img.rotating.rotate02 > img {
	transition: all 0.3s linear;
	transform: rotate(135deg);
}
.sub02 .txt_box.event_vol300 .event_roulette_img.rotating.rotate03 > img {
	transition: all 0.3s linear;
	transform: rotate(225deg);
}
.sub02 .txt_box.event_vol300 .event_roulette_img.rotating.rotate04 > img {
	transition: all 0.3s linear;
	transform: rotate(315deg);
}
.sub02 .txt_box.event_vol300 .event_roulette_arrow {
	position: absolute;
	left: 50%;
	top: 4.8%;
	width: 6.7%;
	transform: translateX(-50%);
	z-index: 2;
}
.sub02 .txt_box.event_vol300 .event_roulette_btn {
	position: absolute;
	left: 50%;
	top: 24.5%;
	width: 11.9%;
	transform: translateX(-50%);
	z-index: 3;
	cursor: pointer;
}
.sub02 .txt_box.event_vol300 .event_info {
	display: none;
	max-width: 1075px;
	padding: 0rem 0 4rem;
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
	font-family: "WooridaumL";
	font-weight: bold;
}

.sub02 .txt_box.event_vol300 .event_info.on {
	display: block;
}
.sub02 .txt_box.event_vol300 .event_info .info_title {
	padding: 0;
	margin: 0 auto 50px;
	font-size: 1.35rem;
	font-weight: bold;
	line-height: 1.45;
	word-break: keep-all;
}
.sub02 .txt_box.event_vol300 .event_info .info_input {
	width: 894px;
	margin: 2.5rem auto 0;
}
.sub02 .txt_box.event_vol300 .event_info .info_input span {
	display: block;
	margin-bottom: 0.5rem;
	overflow: hidden;
}
.sub02 .txt_box.event_vol300 .event_info .info_input span:last-child {
	margin-bottom: 0;
}
.sub02 .txt_box.event_vol300 .event_info .info_input input {
	display: inline-block;
	float: left;
	width: 49%;
	height: 69px;
	padding: 0 1rem;
	margin-right: 2%;
	border: 1px solid #a0a0a0;
	box-sizing: border-box;
}
.sub02 .txt_box.event_vol300 .event_info .info_input input:last-child {
	margin: 0;
}
.sub02 .txt_box.event_vol300 .event_info .info_check {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: 3rem;
}
.sub02 .txt_box.event_vol300 .event_info .info_check label {
	margin-top: -4px;
	margin-left: 0.25rem;
	font-size: 0.85rem;
	cursor: pointer;
}
.sub02 .txt_box.event_vol300 .event_info .info_btn {
	display: block;
	width: 257px;
	height: 70px;
	margin: 3rem auto 0;
	font-size: 1.35rem;
	background-color: #672dc7;
	color: #fff;
	cursor: pointer;
}
.sub02 .txt_box.event_vol300 .event_info .info_text {
	margin-top: 2.5rem;
	color: #f55;
	text-align: center;
	word-break: keep-all;
}

.modal.vol300_Congratulation {
	display: block;
	height: 0;
	background-color: rgba(0, 0, 0, 0.7);
	overflow: hidden;
}
.modal.vol300_Congratulation .modal_wrap {
	align-items: center;
	min-height: 100%;
}
.modal.vol300_Congratulation .modal_wrap .Congratulation {
	position: relative;
	width: calc(100% - 348px);
	max-width: 785px;
	padding: 2.5rem;
	background-color: #fff;
}
.modal.vol300_Congratulation .modal_wrap .Congratulation .modal_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	transform: translate(50%, -50%);
	background-size: 100%;
	box-shadow: 3px 4px 1px 0px rgba(6, 0, 1, 0.38);
	cursor: pointer;
	z-index: 1;
}
.modal.vol300_Congratulation .modal_wrap .Congratulation .modal_close > span {
	display: none;
}
.modal.vol300_Congratulation .modal_wrap .Congratulation .swiper-button-prev,
.modal.vol300_Congratulation .modal_wrap .Congratulation .swiper-button-next {
	position: absolute;
	left: -174px;
	right: auto;
	top: 50%;
	width: auto;
	height: auto;
	margin: 0;
	transform: translateY(-50%);
	background-image: none;
}
.modal.vol300_Congratulation
	.modal_wrap
	.Congratulation
	.swiper-button-prev
	> span,
.modal.vol300_Congratulation
	.modal_wrap
	.Congratulation
	.swiper-button-next
	> span {
	display: block;
	font-size: 1.15rem;
	color: #fff;
	text-align: center;
}
.modal.vol300_Congratulation
	.modal_wrap
	.Congratulation
	.swiper-button-prev::after,
.modal.vol300_Congratulation
	.modal_wrap
	.Congratulation
	.swiper-button-next::after {
	display: block;
	content: "";
	width: 49px;
	height: 48px;
	margin: 1rem auto 0;
	background-image: url("/page/vol300/img/sub05_swiper.png");
	background-size: 100%;
}
.modal.vol300_Congratulation .modal_wrap .Congratulation .swiper-button-next {
	left: auto;
	right: -174px;
}
.modal.vol300_Congratulation
	.modal_wrap
	.Congratulation
	.swiper-button-next::after {
	background-position: bottom center;
}
.modal.vol300_Congratulation .modal_wrap .Congratulation .title::before {
	display: block;
	content: "";
	width: 68px;
	height: 58px;
	margin: 0 auto;
	background-image: url("/page/vol300/img/sub05_icon.png");
	background-size: 100%;
}
.modal.vol300_Congratulation .modal_wrap .Congratulation .title > span {
	display: block;
	font-family: "HangeulNuri-Bold", serif;
	font-size: 2.15rem;
	margin: 1.25rem auto 0;
	text-align: center;
	word-break: keep-all;
}
.modal.vol300_Congratulation .modal_wrap .Congratulation .text {
	padding: 1.5rem;
	margin: 1rem 0 0;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	border-radius: 1.5rem;
	background-color: #eefdff;
	text-align: center;
	word-break: keep-all;
}
.modal.vol300_Congratulation .modal_wrap .Congratulation .by {
	display: block;
	margin: 1rem 0 0;
	font-size: 1.35rem;
	font-weight: 500;
	text-align: center;
	word-break: keep-all;
}

.modal.vol300_Congratulation.on {
	height: 100%;
	overflow: auto;
}

@media (max-width: 1365px) {
	.subtitle {
		margin-top: 1.75rem !important;
	}
	.sub02 .txt_box.event_vol300 .event_roulette {
		width: 100%;
		width: 90%;
		max-width: 1035px;
		margin: 0 auto;
	}
}
@media (max-width: 1200px) {
	.modal.vol300_Congratulation .modal_wrap .Congratulation {
		width: calc(95% - 98px);
	}
	.modal.vol300_Congratulation
		.modal_wrap
		.Congratulation
		.swiper-button-prev {
		left: -1.75%;
		transform: translate(-100%, -50%);
	}
	.modal.vol300_Congratulation
		.modal_wrap
		.Congratulation
		.swiper-button-prev
		> span {
		display: none;
	}
	.modal.vol300_Congratulation
		.modal_wrap
		.Congratulation
		.swiper-button-prev::after {
		margin: 0 auto;
	}
	.modal.vol300_Congratulation
		.modal_wrap
		.Congratulation
		.swiper-button-next {
		right: -1.75%;
		transform: translate(100%, -50%);
	}
	.modal.vol300_Congratulation
		.modal_wrap
		.Congratulation
		.swiper-button-next
		> span {
		display: none;
	}
	.modal.vol300_Congratulation
		.modal_wrap
		.Congratulation
		.swiper-button-next::after {
		margin: 0 auto;
	}
}
@media (max-width: 1023px) {
	.event_title {
		padding: 4% 0 3% !important;
		font-size: 1.15rem !important;
	}
	.event_title span {
		font-size: 1.15rem !important;
	}
	.event_date {
		width: 250px;
		height: 39px;
		font-size: 0.85rem;
		line-height: 39px;
		border-radius: 0.5rem;
	}
	.event_date02,
	.event_date03,
	.event_date04 {
		font-size: 67.5%;
	}
	.event_vol294 .answer_popup {
		padding: 4rem 0 3rem;
	}
	.event_vol294 .answer_popup .answer_title {
		font-size: 1rem;
		line-height: 1.35;
	}
	.event_vol294 .answer_popup .answer_info {
		width: 87.5%;
	}
	.event_vol294 .answer_popup .answer_info input {
		height: 55px;
		font-size: 0.9rem;
	}
	.event_vol294 .answer_popup .answer_btn {
		width: 200px;
		height: 54px;
		margin: 2rem auto 0;
		font-size: 1rem;
	}
	.event_vol294 .answer_popup .answer_text {
		max-width: 431px;
		margin: 2.5rem auto 0;
	}
	.event_vol295 .quiz .flex {
		display: block;
		width: 90%;
		margin: 3.25rem auto 0;
	}
	.event_vol295 .quiz .flex > span {
		display: block;
		width: 100%;
		min-width: auto !important;
		max-width: none !important;
		margin-right: auto !important;
		margin-left: auto !important;
		margin-bottom: 1.75rem;
	}
	.event_vol295 .quiz .flex > span:last-child {
		margin-bottom: 0;
	}
	.event_vol295 .quiz .quiz_text {
		word-break: normal;
	}
	.event_vol295 .quiz .label {
		position: relative;
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		padding-bottom: 2rem;
	}
	.event_vol295 .quiz .label p {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 0 !important;
	}
	.event_vol295 .quiz .label label {
		float: none;
		margin-right: 1.5rem;
	}
	.event_vol295 .quiz .label label:last-child {
		float: none;
		margin-right: 0;
	}
	.event_vol295 .quiz .quiz_text02 {
		padding: 1.5rem 0 !important;
	}
	.event_vol295 .info {
		min-height: 480px;
		padding: 4rem 0 3rem;
	}
	.event_vol295 .info .info_title {
		font-size: 1rem;
		line-height: 1.35;
	}
	.event_vol295 .info .info_input {
		width: 87.5%;
	}
	.event_vol295 .info .info_input input {
		height: 55px;
		font-size: 0.9rem;
	}
	.event_vol295 .info .info_btn {
		width: 200px;
		height: 54px;
		margin: 2rem auto 0;
		font-size: 1rem;
	}
	.event_vol295 .info .info_text {
		max-width: 431px;
		margin: 2.5rem auto 0;
	}
	.event_vol296 .info {
		min-height: 480px;
		padding: 4rem 0 3rem;
	}
	.event_vol296 .info .info_title {
		font-size: 1rem;
		line-height: 1.35;
	}
	.event_vol296 .info .info_input {
		width: 87.5%;
	}
	.event_vol296 .info .info_input input {
		height: 55px;
		font-size: 0.9rem;
	}
	.event_vol296 .info .info_btn {
		width: 200px;
		height: 54px;
		margin: 2rem auto 0;
		font-size: 1rem;
	}
	.event_vol296 .info .info_text {
		max-width: 431px;
		margin: 2.5rem auto 0;
	}
}
/*Tablet*/
@media (max-width: 767.98px) {
	.event_date02,
	.event_date03,
	.event_date04 {
		font-size: 43.5%;
	}
	.event_title {
		padding: 8% 0 6% !important;
		font-size: 1rem !important;
		line-height: 1.35 !important;
	}
	.event_title span {
		font-size: 1rem !important;
	}
	.event_date {
		width: 250px;
		height: 35px;
		font-size: 0.75rem;
		line-height: 35px;
		border-radius: 0.3rem;
	}
	.event_vol296 .timer {
		width: 170px;
		height: 55px;
		font-size: 1.25rem;
	}
	.event_vol296 .timer > i {
		font-size: 1.5rem;
		margin-right: 0.5rem;
	}
	.event_vol296 .timer > span {
		font-size: 1.25rem;
	}
	.event_vol297 .event_date,
	.event_vol298 .event_date {
		width: 225px;
	}
	.modal.vol300_Congratulation .modal_wrap .Congratulation {
		padding: 1.75rem;
	}
	.modal.vol300_Congratulation .modal_wrap .Congratulation .text {
		padding: 1.25rem 5%;
	}
	.event_vol303 .stamp_wrap {
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		position: fixed;
		left: 0;
		top: 0;
		padding: 1.5rem 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 996;
		overflow: auto;
	}
	.event_vol303 .stamp_wrap.on {
		display: flex;
	}
	.event_vol303 .stamp_con {
		width: 90%;
		padding: 1.5rem 5%;
		margin: 0 auto;
	}
}
@media (max-width: 575.98px) {
	#vol313_audio .audioplayer {
		height: 90px;
	}
	#vol313_audio .con .tit {
		font-size: 14px;
		line-height: 1.4;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		overflow: hidden;
		margin-bottom: 5px;
	}

	.find_event .find_input ul li a {
		width: 66px;
		height: 37px;
		font-size: 0.85rem;
		line-height: 37px;
	}
	.find_event .find_input ul li.info {
		margin-bottom: 0.25rem;
	}
	.event_title {
		width: 70%;
		margin: 0 auto;
		letter-spacing: -0.75px;
	}
	.event_title span {
		letter-spacing: -0.75px;
	}
	.event_date {
		width: 225px;
		height: 30px;
		font-size: 0.65rem;
		line-height: 30px;
		border-radius: 0.25rem;
	}
	.event_date02,
	.event_date03,
	.event_date04 {
		left: 38.5%;
		top: 66%;
		min-width: 45%;
		font-size: 61%;
	}
	.event_date03 {
		top: 75%;
	}
	.event_date04 {
		top: 84.5%;
	}
	.event_vol294 .error_popup {
		left: 50%;
		top: 2%;
		width: 93%;
		height: 71%;
		background-color: rgba(255, 255, 255, 0.5);
	}
	.event_vol294 .error_popup span {
		display: none;
	}
	.event_vol294 .error_popup img {
		width: 32.5%;
	}
	.event_vol294 .answer_popup {
		padding: 2rem 0 1.5rem;
	}
	.event_vol294 .answer_popup .answer_title {
		font-size: 0.9rem;
		font-weight: 500;
	}
	.event_vol294 .answer_popup .answer_info {
		width: 90%;
		margin-top: 2rem;
	}
	.event_vol294 .answer_popup .answer_info input {
		display: block;
		float: none;
		width: 100%;
		height: 45px;
		padding: 0 0.5rem;
		font-size: 0.75rem;
		margin: 0 0 0.25rem;
	}
	.event_vol294 .answer_popup .answer_check {
		margin-top: 1.25rem;
	}
	.event_vol294 .answer_popup .answer_check label {
		font-size: 0.75rem;
	}
	.event_vol294 .answer_popup .answer_btn {
		width: 180px;
		height: 49px;
		margin: 1.5rem auto 0;
		font-size: 0.95rem;
	}
	.event_vol294 .answer_popup .answer_text {
		max-width: 90%;
		margin: 1.25rem auto 0;
		font-size: 0.75rem;
	}
	.event_vol295 .quiz {
		min-height: auto;
	}
	.event_vol295 .quiz h3 {
		padding-top: 2.5rem;
		font-size: 1.15rem !important;
	}
	.event_vol295 .quiz h3 span,
	.event_vol295 .quiz h3 b {
		font-size: 1.15rem;
	}
	.event_vol295 .quiz .flex {
		margin: 2.5rem auto 0;
	}
	.event_vol295 .quiz .quiz_tag {
		width: 63px;
		height: 35px;
		border-radius: 0.35rem;
		font-size: 0.95rem;
		line-height: 32px;
	}
	.event_vol295 .quiz .quiz_text {
		font-size: 1.15rem !important;
	}
	.event_vol295 .quiz .label label {
		width: 120px;
		height: 120px;
		margin-right: 0.75rem;
	}
	.event_vol295 .quiz .quiz_text02 {
		font-size: 1rem !important;
		padding: 1.25rem 0 !important;
	}
	.event_vol295 .info {
		min-height: auto;
		padding: 2rem 0 1.5rem;
	}
	.event_vol295 .info .info_title {
		font-size: 0.9rem;
		font-weight: 500;
	}
	.event_vol295 .info .info_input {
		width: 90%;
		margin-top: 2rem;
	}
	.event_vol295 .info .info_input span {
		margin-bottom: 0.25rem;
	}
	.event_vol295 .info .info_input input {
		display: block;
		float: none;
		width: 100%;
		height: 45px;
		padding: 0 0.5rem;
		font-size: 0.75rem;
		margin: 0 0 0.25rem;
	}
	.event_vol295 .info .info_check {
		margin-top: 1.25rem;
	}
	.event_vol295 .info .info_check label {
		font-size: 0.75rem;
	}
	.event_vol295 .info .info_btn {
		width: 180px;
		height: 49px;
		margin: 1.5rem auto 0;
		font-size: 0.95rem;
	}
	.event_vol295 .info .info_text {
		max-width: 90%;
		margin: 1.25rem auto 0;
		font-size: 0.75rem;
	}
	.event_vol296 .card {
		width: 90%;
	}
	.event_vol296 .card > span {
		width: 32%;
		margin-right: 2% !important;
	}
	.event_vol296 .card > span:nth-child(3n) {
		margin-right: 0 !important;
	}
	.event_vol296 .info {
		min-height: auto;
		padding: 2rem 0 1.5rem;
	}
	.event_vol296 .info .info_title {
		font-size: 0.9rem;
		font-weight: 500;
	}
	.event_vol296 .info .info_input {
		width: 90%;
		margin-top: 2rem;
	}
	.event_vol296 .info .info_input span {
		margin-bottom: 0.25rem;
	}
	.event_vol296 .info .info_input input {
		display: block;
		float: none;
		width: 100%;
		height: 45px;
		padding: 0 0.5rem;
		font-size: 0.75rem;
		margin: 0 0 0.25rem;
	}
	.event_vol296 .info .info_check {
		margin-top: 1.25rem;
	}
	.event_vol296 .info .info_check label {
		font-size: 0.75rem;
	}
	.event_vol296 .info .info_btn {
		width: 180px;
		height: 49px;
		margin: 1.5rem auto 0;
		font-size: 0.95rem;
	}
	.event_vol296 .info .info_text {
		max-width: 90%;
		margin: 1.25rem auto 0;
		font-size: 0.75rem;
	}
	.event_vol297 .answer,
	.event_vol298 .answer {
		padding-top: 2rem;
	}
	.event_vol297 .answer input,
	.event_vol298 .answer input {
		width: 200px;
		height: 45px;
		padding: 0 0.5rem;
		font-size: 0.75rem;
	}
	.event_vol297 .info,
	.event_vol298 .info {
		min-height: auto;
		padding: 2rem 0 1.5rem;
	}
	.event_vol297 .info .info_title,
	.event_vol298 .info .info_title {
		font-size: 0.9rem;
		font-weight: 500;
	}
	.event_vol297 .info .info_input,
	.event_vol298 .info .info_input {
		width: 90%;
		margin-top: 2rem;
	}
	.event_vol297 .info .info_input span,
	.event_vol298 .info .info_input span {
		margin-bottom: 0.25rem;
	}
	.event_vol297 .info .info_input input,
	.event_vol298 .info .info_input input {
		display: block;
		float: none;
		width: 100%;
		height: 45px;
		padding: 0 0.5rem;
		font-size: 0.75rem;
		margin: 0 0 0.25rem;
	}
	.event_vol297 .info .info_check,
	.event_vol298 .info .info_check {
		margin-top: 1.25rem;
	}
	.event_vol297 .info .info_check label,
	.event_vol298 .info .info_check label {
		font-size: 0.75rem;
	}
	.event_vol297 .info .info_btn,
	.event_vol298 .info .info_btn {
		width: 180px;
		height: 49px;
		margin: 1.5rem auto 0;
		font-size: 0.95rem;
	}
	.event_vol297 .info .info_text,
	.event_vol298 .info .info_text {
		max-width: 90%;
		margin: 1.25rem auto 0;
		font-size: 0.75rem;
	}
	.event_vol298 .event_hint > .border {
		padding: 0.75rem 0 !important;
	}
	.event_vol298 .event_hint > .border > p {
		font-size: 0.8rem;
	}
	.event_vol298 .event_hint > .border > p > b {
		font-size: 0.8rem;
	}
	.event_vol299 .subtitle {
		margin-top: 2rem !important;
	}
	.event_vol299 .info {
		max-width: 90%;
		padding: 2rem 0 1.5rem;
	}
	.event_vol299 .info .info_title {
		font-size: 0.9rem;
		font-weight: 500;
	}
	.event_vol299 .info .info_input {
		width: 90%;
		margin-top: 2rem;
	}
	.event_vol299 .info .info_input span {
		margin-bottom: 0.25rem;
	}
	.event_vol299 .info .info_input input {
		display: block;
		float: none;
		width: 100%;
		height: 45px;
		padding: 0 0.5rem;
		font-size: 0.75rem;
		margin: 0 0 0.25rem;
	}
	.event_vol299 .info .info_check {
		margin-top: 1.25rem;
	}
	.event_vol299 .info .info_check label {
		font-size: 0.75rem;
	}
	.event_vol299 .info .info_btn {
		width: 180px;
		height: 49px;
		margin: 1.5rem auto 0;
		font-size: 0.95rem;
	}
	.event_vol299 .info .info_text {
		max-width: 90%;
		margin: 1.25rem auto 0;
		font-size: 0.75rem;
	}
	.sub02 .txt_box.event_vol300 .event_roulette .img {
		border-radius: 0.5rem;
		overflow: hidden;
	}
	.sub02 .txt_box.event_vol300 .event_title {
		max-width: 200px;
		padding: 2.5rem 0 0 !important;
		font-size: 1.35rem !important;
	}
	.sub02 .txt_box.event_vol300 .event_roulette_arrow {
		top: 3.2%;
		width: 8.4%;
		transform: translateX(-50.2%);
	}
	.sub02 .txt_box.event_vol300 .event_roulette_img {
		top: 4.4%;
		width: 72%;
		transform: translateX(-50.2%);
	}
	.sub02 .txt_box.event_vol300 .event_roulette_btn {
		top: 27%;
		width: 17.5%;
		transform: translateX(-50.2%);
	}
	.sub02 .txt_box.event_vol300 .event_info {
		max-width: 100%;
		padding: 2rem 0 1.5rem;
	}
	.sub02 .txt_box.event_vol300 .event_info .info_title {
		font-size: 0.9rem;
		font-weight: 500;
	}
	.sub02 .txt_box.event_vol300 .event_info .info_input {
		width: 90%;
		margin-top: 2rem;
	}
	.sub02 .txt_box.event_vol300 .event_info .info_input span {
		margin-bottom: 0.25rem;
	}
	.sub02 .txt_box.event_vol300 .event_info .info_input input {
		display: block;
		float: none;
		width: 95%;
		height: 45px;
		padding: 0 0.5rem;
		font-size: 0.75rem;
		margin: 0 0 0.25rem;
	}
	.sub02 .txt_box.event_vol300 .event_info .info_check {
		margin-top: 1.25rem;
	}
	.sub02 .txt_box.event_vol300 .event_info .info_check label {
		font-size: 0.75rem;
	}
	.sub02 .txt_box.event_vol300 .event_info .info_btn {
		width: 180px;
		height: 49px;
		margin: 1.5rem auto 0;
		font-size: 0.95rem;
	}

	.sub02 .txt_box.event_vol300 .event_info .info_text {
		max-width: 90%;
		margin: 1.25rem auto 0;
		font-size: 0.75rem;
	}
	.modal.vol300_Congratulation .modal_wrap .Congratulation {
		padding: 1.25rem 5%;
		width: calc(90% - 60px);
	}
	.modal.vol300_Congratulation .modal_wrap .Congratulation .modal_close {
		width: 45px;
		height: 45px;
	}
	.modal.vol300_Congratulation
		.modal_wrap
		.Congratulation
		.swiper-button-prev {
		left: -2.5%;
	}
	.modal.vol300_Congratulation
		.modal_wrap
		.Congratulation
		.swiper-button-prev::after {
		width: 30px;
		height: 29px;
	}
	.modal.vol300_Congratulation
		.modal_wrap
		.Congratulation
		.swiper-button-next {
		right: -2.5%;
	}
	.modal.vol300_Congratulation
		.modal_wrap
		.Congratulation
		.swiper-button-next::after {
		width: 30px;
		height: 29px;
	}
	.modal.vol300_Congratulation .modal_wrap .Congratulation .title::before {
		width: 45px;
		height: 38px;
	}
	.modal.vol300_Congratulation .modal_wrap .Congratulation .title > span {
		margin: 0.5rem auto 0;
		font-size: 1.25rem;
	}
	.modal.vol300_Congratulation .modal_wrap .Congratulation .text {
		padding: 0.75rem 5%;
		margin: 0.75rem 0 0;
		font-size: 0.75rem;
		border-radius: 1rem;
	}
	.modal.vol300_Congratulation .modal_wrap .Congratulation .by {
		margin: 0.75rem 0 0;
		font-size: 0.85rem;
	}
	.event_vol301.txt_box .event_box01 {
		border-radius: 1rem 1rem 0 0;
	}
	.event_vol301.txt_box .event_date02 {
		top: 66%;
	}
	.event_vol301.txt_box .event_date03 {
		top: 75%;
	}
	.event_vol301.txt_box .event_date04 {
		top: 84.5%;
	}
	.event_vol301.modal .modal_wrap {
		min-height: 250px;
		padding: 2.5rem 5%;
	}
	.event_vol301.modal .modal_wrap .modal_close {
		right: 2.5%;
		width: 45px;
		height: 45px;
	}
	.event_vol301.modal .modal_wrap .event_info {
		padding: 1.5rem 0 0;
	}
	.event_vol301.modal .modal_wrap .event_info .info_title {
		font-size: 0.9rem;
		font-weight: 500;
	}
	.event_vol301.modal .modal_wrap .event_info .info_input {
		width: 100%;
		margin-top: 1.5rem;
	}
	.event_vol301.modal .modal_wrap .event_info .info_input span {
		margin-bottom: 0.25rem;
	}
	.event_vol301.modal .modal_wrap .event_info .info_input input {
		display: block;
		float: none;
		width: 100%;
		height: 45px;
		padding: 0 0.5rem;
		font-size: 0.75rem;
		margin: 0 0 0.25rem;
	}
	.event_vol301.modal .modal_wrap .event_info .info_check {
		margin-top: 1.25rem;
	}
	.event_vol301.modal .modal_wrap .event_info .info_check label {
		font-size: 0.75rem;
	}
	.event_vol301.modal .modal_wrap .event_info .info_btn {
		width: 180px;
		height: 49px;
		margin: 1.5rem auto 0;
		font-size: 0.95rem;
	}
	.event_vol301.modal .modal_wrap .event_info .info_text {
		max-width: 90%;
		margin: 1.25rem auto 0;
		font-size: 0.75rem;
	}
	.event_vol302.txt_box .answer {
		padding-top: 2rem;
	}
	.event_vol302.txt_box .answer input {
		width: 200px;
		height: 45px;
		padding: 0 0.5rem;
		font-size: 0.75rem;
	}
	.event_vol302.txt_box .info {
		min-height: auto;
		padding: 2rem 0 1.5rem;
	}
	.event_vol302.txt_box .info .info_title {
		font-size: 0.9rem;
		font-weight: 500;
	}
	.event_vol302.txt_box .info .info_input {
		width: 90%;
		margin-top: 2rem;
	}
	.event_vol302.txt_box .info .info_input span {
		margin-bottom: 0.25rem;
	}
	.event_vol302.txt_box .info .info_input input {
		display: block;
		float: none;
		width: 100%;
		height: 45px;
		padding: 0 0.5rem;
		font-size: 0.75rem;
		margin: 0 0 0.25rem;
	}
	.event_vol302.txt_box .info .info_check {
		margin-top: 1.25rem;
	}
	.event_vol302.txt_box .info .info_check label {
		font-size: 0.75rem;
	}
	.event_vol302.txt_box .info .info_btn {
		width: 180px;
		height: 49px;
		margin: 1.5rem auto 0;
		font-size: 0.95rem;
	}

	.event_vol302.txt_box .info .info_text {
		max-width: 90%;
		margin: 1.25rem auto 0;
		font-size: 0.75rem;
	}
	.event_vol302.txt_box .event_date02,
	.event_vol302.txt_box .event_date03,
	.event_vol302.txt_box .event_date04 {
		left: 39%;
		height: 8.75%;
	}
	.event_vol302.txt_box .event_date02 {
		top: 64.5%;
	}
	.event_vol302.txt_box .event_date03 {
		top: 74%;
	}
	.event_vol302.txt_box .event_date04 {
		top: 83.5%;
	}
	.event_vol303.txt_box {
		background-color: #f2f2f2;
	}
	.event_vol303.txt_box .event_date02,
	.event_vol303.txt_box .event_date03,
	.event_vol303.txt_box .event_date04 {
		left: 39%;
		height: 8.75%;
	}
	.event_vol303.txt_box .event_date02 {
		top: 64.5%;
	}
	.event_vol303.txt_box .event_date03 {
		top: 74%;
	}
	.event_vol303.txt_box .event_date04 {
		top: 83.5%;
	}
	.sub.vol303-07 .stamp {
		left: 50%;
		top: 60%;
	}
	.sub.vol303-12 .stamp {
		left: 50%;
		top: 15%;
	}
	.sub.vol303-18 .stamp {
		left: 50%;
		top: 10.5%;
	}
	.event_vol304.txt_box .event_date02,
	.event_vol304.txt_box .event_date03,
	.event_vol304.txt_box .event_date04 {
		left: 39%;
		height: 8.75%;
	}
	.event_vol304.txt_box .event_date02 {
		top: 64.5%;
	}
	.event_vol304.txt_box .event_date03 {
		top: 74%;
	}
	.event_vol304.txt_box .event_date04 {
		top: 83.5%;
	}
	.event_vol304 ~ {
		padding-top: 2.5rem;
	}
	.event_vol304 ~ .comment02 {
		padding-top: 3rem;
	}
}
/*Mobile*/
@media (max-width: 320px) {
	.find_event .find_input ul li {
		font-size: 0.65rem;
	}
	.find_event .find_input ul li p {
		font-size: 0.55rem;
	}
	.find_event .find_input ul li label {
		font-size: 0.75rem;
	}
	.find_event .find_input ul li a {
		height: 35px;
		font-size: 0.75rem;
		line-height: 35px;
	}
	.event_vol295 .quiz .label label {
		width: 105px;
		height: 105px;
	}
}
.calendar03 .gallery-top {
	padding: 2rem 5%;
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
}
.calendar03 .gallery-top .swiper-container {
	width: 100%;
	margin: 0 auto;
	background-color: #333;
}
.calendar03 .gallery-top .swiper-container .swiper-button-prev {
	width: 30px;
	height: 30px;
	left: 1rem;
	top: auto;
	bottom: 2.75rem;
	border: 1px solid #fff;
	background-image: url("/common/images/prev02.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	opacity: 1;
}
.calendar03 .gallery-top .swiper-container .swiper-button-next {
	width: 30px;
	height: 30px;
	right: 1rem;
	top: auto;
	bottom: 2.75rem;
	border: 1px solid #fff;
	background-image: url("/common/images/next02.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	opacity: 1;
	cursor: pointer;
}
.calendar03 .gallery-top .swiper-container .swiper-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	bottom: 1.25rem;
}
.calendar03 .gallery-top .swiper-container .swiper-pagination-bullet {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px 0 0 !important;
	background-color: #ccc;
}
.calendar03 .gallery-top .swiper-container .swiper-pagination-bullet-active {
	background-color: #fff;
}
.calendar03 .gallery-top .swiper-container .img {
	display: block;
}
.calendar03 .gallery-top .swiper-container .img img {
	width: 100%;
}
.calendar03 .gallery-top .swiper-container .text {
	display: block;
	padding: 2rem 0 3rem;
	font-size: 0.95rem;
	color: #fff;
	text-align: center;
	word-break: keep-all;
}
.calendar03 .gallery-top .swiper-container .text > b {
	font-size: 100%;
	color: #fff;
}
.calendar03 .gallery-thumbs {
	position: relative;
	padding: 2.5rem;
}
.calendar03 .gallery-thumbs .swiper-slide {
	display: inline-block;
	width: 170px;
	margin-right: 0.25rem;
	border: 5px solid #fff;
	cursor: pointer;
}
.calendar03 .gallery-thumbs .swiper-slide img {
	display: block;
	width: 100%;
}
.calendar03 .gallery-thumbs .swiper-slide-active {
	border-color: #333;
}
.calendar03 .gallery-thumbs .swiper-button-prev {
	left: 0;
	filter: grayscale(100%);
}
.calendar03 .gallery-thumbs .swiper-button-next {
	right: 0;
	filter: grayscale(100%);
}

.calendar03 .gallery-top {
	padding: 1.5rem 5%;
}
.calendar03 .gallery-top .swiper-button-prev {
	left: 5%;
	bottom: 2.5rem;
	transform: translateY(50%);
}
.calendar03 .gallery-top .swiper-button-prev .swiper-button-next {
	right: 5%;
	bottom: 2.5rem;
	transform: translateY(50%);
}
.calendar03 .gallery-top .swiper-button-prev .swiper-button-next .text {
	padding: 1.25rem calc(10% + 30px) 2.5rem;
	font-size: 0.75rem;
}
.calendar03 .gallery-thumbs {
	padding: 2rem;
}

body {
	background-color: #2c2e3b;
}

b {
	font-family: "WooridaumB";
}

.mo {
	display: none !important;
}

.marker {
	background: linear-gradient(to top, #fffaaa 40%, transparent 30%);
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.just-center {
	justify-content: center !important;
}

.just-between {
	justify-content: space-between !important;
}

.just-start {
	justify-content: start !important;
}

.just-end {
	justify-content: end !important;
}

.align-center {
	align-items: center !important;
}

.align-start {
	align-items: flex-start !important;
}

.align-end {
	align-items: flex-end !important;
}

.align-stretch {
	align-items: stretch !important;
}

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

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

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

.text-just {
	text-align: justify !important;
}

.word-keep {
	word-break: keep-all !important;
	text-align: left !important;
}

.imgflexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 70px;
}
.imgflexbox small {
	display: block;
	margin: 0px auto;
	text-align: center;
	font-style: italic;
	font-size: 14px;
	color: #555;
	font-family: "WooridaumL";
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight: bold;
}
.imgflexbox.center {
	justify-content: center;
}
.imgflexbox img {
	display: block;
	width: 100%;
}

.imgflexbox .tablet_mo {
	display: none;
}
.imgflexbox img.auto {
	width: auto;
	margin: 0px auto;
	max-width: 100%;
}

.auto > span {
	display: block;
	margin: 0px auto;
}
.imgflexbox img.mo {
	display: none;
}

.imgflexbox > div {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.imgflexbox .w1 {
	width: 0%;
}
.imgflexbox .w2 {
	width: 1%;
}
.imgflexbox .w3 {
	width: 2%;
}
.imgflexbox .w4 {
	width: 3%;
}
.imgflexbox .w5 {
	width: 4%;
}
.imgflexbox .w6 {
	width: 5%;
}
.imgflexbox .w7 {
	width: 6%;
}
.imgflexbox .w8 {
	width: 7%;
}
.imgflexbox .w9 {
	width: 8%;
}
.imgflexbox .w10 {
	width: 9%;
}
.imgflexbox .w11 {
	width: 10%;
}
.imgflexbox .w12 {
	width: 11%;
}
.imgflexbox .w13 {
	width: 12%;
}
.imgflexbox .w14 {
	width: 13%;
}
.imgflexbox .w15 {
	width: 14%;
}
.imgflexbox .w16 {
	width: 15%;
}
.imgflexbox .w17 {
	width: 16%;
}
.imgflexbox .w18 {
	width: 17%;
}
.imgflexbox .w19 {
	width: 18%;
}
.imgflexbox .w20 {
	width: 19%;
}
.imgflexbox .w21 {
	width: 20%;
}
.imgflexbox .w22 {
	width: 21%;
}
.imgflexbox .w23 {
	width: 22%;
}
.imgflexbox .w24 {
	width: 23%;
}
.imgflexbox .w25 {
	width: 24%;
}
.imgflexbox .w26 {
	width: 25%;
}
.imgflexbox .w27 {
	width: 26%;
}
.imgflexbox .w28 {
	width: 27%;
}
.imgflexbox .w29 {
	width: 28%;
}
.imgflexbox .w30 {
	width: 29%;
}
.imgflexbox .w31 {
	width: 30%;
}
.imgflexbox .w32 {
	width: 31%;
}
.imgflexbox .w33 {
	width: 32%;
}
.imgflexbox .w34 {
	width: 33%;
}
.imgflexbox .w35 {
	width: 34%;
}
.imgflexbox .w36 {
	width: 35%;
}
.imgflexbox .w37 {
	width: 36%;
}
.imgflexbox .w38 {
	width: 37%;
}
.imgflexbox .w39 {
	width: 38%;
}
.imgflexbox .w40 {
	width: 39%;
}
.imgflexbox .w41 {
	width: 40%;
}
.imgflexbox .w42 {
	width: 41%;
}
.imgflexbox .w43 {
	width: 42%;
}
.imgflexbox .w44 {
	width: 43%;
}
.imgflexbox .w45 {
	width: 44%;
}
.imgflexbox .w46 {
	width: 45%;
}
.imgflexbox .w47 {
	width: 46%;
}
.imgflexbox .w48 {
	width: 47%;
}
.imgflexbox .w49 {
	width: 48%;
}
.imgflexbox .w50 {
	width: 49%;
}
.imgflexbox .w51 {
	width: 50%;
}
.imgflexbox .w52 {
	width: 51%;
}
.imgflexbox .w53 {
	width: 52%;
}
.imgflexbox .w54 {
	width: 53%;
}
.imgflexbox .w55 {
	width: 54%;
}
.imgflexbox .w56 {
	width: 55%;
}
.imgflexbox .w57 {
	width: 56%;
}
.imgflexbox .w58 {
	width: 57%;
}
.imgflexbox .w59 {
	width: 58%;
}
.imgflexbox .w60 {
	width: 59%;
}
.imgflexbox .w61 {
	width: 60%;
}
.imgflexbox .w62 {
	width: 61%;
}
.imgflexbox .w63 {
	width: 62%;
}
.imgflexbox .w64 {
	width: 63%;
}
.imgflexbox .w65 {
	width: 64%;
}
.imgflexbox .w66 {
	width: 65%;
}
.imgflexbox .w67 {
	width: 66%;
}
.imgflexbox .w68 {
	width: 67%;
}
.imgflexbox .w69 {
	width: 68%;
}
.imgflexbox .w70 {
	width: 69%;
}
.imgflexbox .w71 {
	width: 70%;
}
.imgflexbox .w72 {
	width: 71%;
}
.imgflexbox .w73 {
	width: 72%;
}
.imgflexbox .w74 {
	width: 73%;
}
.imgflexbox .w75 {
	width: 74%;
}
.imgflexbox .w76 {
	width: 75%;
}
.imgflexbox .w77 {
	width: 76%;
}
.imgflexbox .w78 {
	width: 77%;
}
.imgflexbox .w79 {
	width: 78%;
}
.imgflexbox .w80 {
	width: 79%;
}
.imgflexbox .w81 {
	width: 80%;
}
.imgflexbox .w82 {
	width: 81%;
}
.imgflexbox .w83 {
	width: 82%;
}
.imgflexbox .w84 {
	width: 83%;
}
.imgflexbox .w85 {
	width: 84%;
}
.imgflexbox .w86 {
	width: 85%;
}
.imgflexbox .w87 {
	width: 86%;
}
.imgflexbox .w88 {
	width: 87%;
}
.imgflexbox .w89 {
	width: 88%;
}
.imgflexbox .w90 {
	width: 89%;
}
.imgflexbox .w91 {
	width: 90%;
}
.imgflexbox .w92 {
	width: 91%;
}
.imgflexbox .w93 {
	width: 92%;
}
.imgflexbox .w94 {
	width: 93%;
}
.imgflexbox .w95 {
	width: 94%;
}
.imgflexbox .w96 {
	width: 95%;
}
.imgflexbox .w97 {
	width: 96%;
}
.imgflexbox .w98 {
	width: 97%;
}
.imgflexbox .w99 {
	width: 98%;
}

.imgflexbox .w100 {
	width: 100%;
}

.mb1 {
	margin-bottom: 1%;
}

.mb2 {
	margin-bottom: 2%;
}

.mb3 {
	margin-bottom: 3%;
}

.mb4 {
	margin-bottom: 4%;
}

.mb5 {
	margin-bottom: 5%;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mr20 {
	margin-right: 20px;
}

.mr40 {
	margin-right: 40px;
}

@media screen and (max-width: 1200px) {
	.mo {
		display: block !important;
	}
	.pc {
		display: none !important;
	}
}
@media screen and (max-width: 580px) {
	.imgflexbox .pc_tablet {
		display: none;
	}
	.imgflexbox .tablet_mo {
		display: block;
	}
	.mr40 {
		margin-right: 0px;
	}
	.mr20 {
		margin-right: 0px;
	}
	.imgflexbox {
		margin-bottom: 30px;
		flex-wrap: wrap !important;
	}
	.imgflexbox small {
		padding-top: 0px;
	}
	.imgflexbox img {
		width: 100% !important;
		margin-bottom: 15px !important;
	}
	.imgflexbox img:last-child {
		margin-bottom: 0px !important;
	}
	.imgflexbox img.auto {
		width: auto !important;
		max-width: 100%;
	}
	.imgflexbox > div {
		width: 100% !important;
		margin-bottom: 15px !important;
		margin-right: 0 !important;
		min-height: auto !important;
	}
	.imgflexbox > div > img:last-child {
		margin-bottom: 0 !important;
	}
}

.sub07_box {
	box-sizing: border-box;
	padding: 30px;
	background-color: #f2f2f2;
	border-radius: 30px;
	position: relative;
}

.sub07_box::before {
	position: absolute;
	display: inline-block;
	content: "";
	top: 50%;
	left: -30px;
	transform: translateY(-50%) rotate(-90deg);
	width: 40px;
	height: 21px;
	background-color: #f2f2f2;
	background-image: url(/page/vol312/img/txtbox.png);
	background-repeat: no-repeat;
}

.sub07_box.sub07_box-vol322::before {
	background-image: url(/page/vol322/img/txtbox_02.png);
}
.sub04_box-322 {
    box-sizing: border-box;
    padding: 30px;
    background-color: #f2f2f2;
    border-radius: 30px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin-top: 50px;
}
.sub04_box-322::before {
    position: absolute;
    display: inline-block;
    content: "";
    top: -21px;
    left: 50%;
    transform: translateX(-50%);
    width: 41px;
    height: 21px;
    background-color: #f2f2f2;
    background-image: url(/page/vol322/img/txtbox_02.png);
}

.sub07_box__full::before {
	position: absolute;
	display: inline-block;
	content: "";
	top: -21px;
	left: 50%;
	transform: translateX(-50%);
	width: 41px;
	height: 21px;
	background-color: #f2f2f2;
	background-image: url(/page/vol312/img/txtbox.png);
}

.first_box {
	border-top: 1px solid #d8d8d8;
	padding-top: 100px;
}

.sub11_name {
	background-color: #333;
	color: #fff;
	padding: 8px 16px;
	border-radius: 10px;
	margin-right: 10px;
	font-size: 70%;
	vertical-align: middle;
}

.sub11_caption {
	display: flex;
	justify-content: start;
	align-items: center;
	margin-bottom: 10px;
	margin-top: 30px;
}

.sub11_caption > img {
	width: 25px;
}

.sub11_caption > span {
	font-size: 18px;
	font-family: "WooridaumR";
	font-weight: bold;
	margin-left: 10px;
	color: #47a;
}

.cardnew01 {
	display: block;
	width: 100%;
	position: relative;
}

.cardnew01_swiper-container {
	width: 70%;
	margin: 0px auto;
	overflow: hidden;
}

.cardnew01_swiper-container .swiper-wrapper {
	width: 100%;
}

.cardnew01_swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;
}

.cardnew01_swiper-container .swiper-wrapper .swiper-slide > a {
	display: block;
	width: 100%;
	cursor: auto;
}

.cardnew01_swiper-container .swiper-wrapper .swiper-slide > a .img_box {
	display: block;
	width: 100%;
}

.cardnew01_swiper-container .swiper-wrapper .swiper-slide > a .img_box > img {
	display: block;
	width: 100%;
}

.cardnew01_swiper-container .swiper-pagination {
	bottom: -30px;
}

.cardnew01_swiper-container .swiper-pagination .swiper-pagination-bullet {
	background-color: #000;
	width: 10px;
	height: 10px;
}

.cardnew01_swiper-container
	.swiper-pagination
	.swiper-pagination-bullet-active {
	background-color: #000;
}

.cardnew01_slide_prev {
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	cursor: pointer;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #aaa;
	text-align: center;
	box-sizing: border-box;
}

.cardnew01_slide_prev > i {
	font-size: 20px;
	color: #aaa;
}

.cardnew01_slide_next {
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	cursor: pointer;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #aaa;
	text-align: center;
	box-sizing: border-box;
}

.cardnew01_slide_next > i {
	font-size: 20px;
	color: #aaa;
}

.sub .txt_box.vol312_sub12_01 .imgflexbox > div {
	align-content: flex-start;
}

.event01_caption {
	display: inline-block;
	padding: 10px 20px;
	font-family: "WooridaumL";
	font-weight: bold;
	background-color: #fc0;
	border-radius: 20px;
	color: #69513e;
	margin-bottom: 10px;
}

.event_modal {
	display: none;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: auto;
	z-index: 999;
	cursor: pointer;
	box-sizing: border-box;
	padding: 0px 20px;
}

.radio_wrap2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.radio_wrap2 > input[type="radio"] {
	display: none;
}

.radio_wrap2 label {
	width: 48%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	color: #777;
	padding: 15px;
	font-family: "WooridaumL";
	font-weight: bold;
	margin-bottom: 10px;
	cursor: pointer;
}

.radio_wrap2 label:hover {
	background-color: #eef6ff;
	color: #333;
}

.radio_wrap2 input[type="radio"]:checked + label {
	background-color: #eef6ff;
	color: #333;
	font-family: "WooridaumR";
}

.radio_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 530px;
	margin: 0px auto 50px;
}

.radio_wrap > input[type="radio"] {
	display: none;
}

.radio_wrap label {
	width: 250px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #ccc;
	color: #69513e;
	border-radius: 30px;
	margin-bottom: 20px;
	font-family: "WooridaumR";
	font-weight: bold;
	cursor: pointer;
	position: relative;
}

.radio_wrap label span {
	position: absolute;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #333;
	color: #fff;
	line-height: 35px;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}

.radio_wrap label:hover {
	background-color: #fc0;
}

.radio_wrap label:hover span {
	background-color: #fff;
	color: #69513e;
}

.radio_wrap input[type="radio"]:checked + label {
	background-color: #fc0;
}

.radio_wrap input[type="radio"]:checked + label span {
	background-color: #fff;
	color: #69513e;
}

.comment_box02 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: right;
	width: 822px;
	margin: 2.5rem auto 0;
}

.comment_box02 > span {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.comment_box02 b {
	font-size: 16px;
}

.comment_box02 .secureimage {
	width: 163px;
	padding: 0.375rem 0;
	margin-left: 1rem;
	border: 1px solid #aaaaaa;
	background-color: #fff;
}

.comment_box02 .secureimage img {
	display: block;
	width: 100%;
	max-width: 145px;
	margin: 0 auto;
}

.comment_box02 button {
	width: 48px;
	height: 51px;
	cursor: pointer;
	background-color: #fff;
	border: none;
}

.comment_box02 input[type="text"] {
	display: inline-block;
	width: 163px;
	height: 51px;
	padding: 0 1rem;
	font-size: 0.9rem;
	border: 1px solid #aaaaaa;
	background-color: #fff;
}

.comment_box01 {
	max-width: 822px;
	margin: 0 auto;
}

.comment_box01 textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	resize: none;
	font-size: 16px;
	border: 1px solid #aaaaaa;
	min-height: 150px;
	font-family: "WooridaumL";
	line-height: 1.8;
	font-weight: 700;
}

.comment_box01 textarea::placeholder {
	font-weight: 700;
	color: #aaa;
}

.comment_box01 > span {
	display: block;
	margin-top: 0.25rem;
	overflow: hidden;
	box-sizing: border-box;
	font-family: "WooridaumL";
}

.comment_box01 > span input {
	display: inline-block;
	float: left;
	width: calc((100% - 8px) / 2);
	height: 55px;
	padding: 0 1rem;
	font-size: 0.9rem;
	border: 1px solid #aaaaaa;
	background-color: #fff;
	box-sizing: border-box;
}

.comment_box01 > span input:last-child {
	float: right;
}

.agree_box {
	background: #f2f4ff;
	padding: 1.5rem;
	margin: 0px auto;
	margin-top: 2.5rem;
	max-width: 822px;
	box-sizing: border-box;
}

.sub .content .inner .agree_box h3 {
	font-size: 1.5rem;
	padding-bottom: 1rem;
}

.sub .content .inner .agree_box p {
	font-size: 1rem;
	line-height: 1.8;
}

.old {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}

.old li {
	width: 20%;
	box-sizing: border-box;
	margin-right: 6%;
	margin-bottom: 100px;
}

.old li:nth-of-type(4n) {
	margin-right: 0;
}

.old li .img {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #aaa;
	padding: 10px;
	margin-bottom: 20px;
}

.old li .img > img {
	display: block;
	width: 100%;
}

.old .link > a {
	display: block;
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	max-width: 150px;
	margin: 0px auto;
	color: #333;
	font-weight: bold;
	font-family: "WooridaumL";
	margin-bottom: 10px;
}

.sub .content .inner .old li .text {
	text-align: center;
}

.sub .content .inner .old li .text p {
	text-align: center;
	line-height: 1.4;
	padding-bottom: 20px;
}

.event3__depth1 {
	display: inline-block;
	font-size: 17px;
	padding: 14px 35px;
	border-radius: 50%;
	border: 1px solid #69513e;
	text-align: center;
	margin-bottom: 20px;
	font-family: "WooridaumR";
	font-weight: bold;
	color: #69513e;
}

.event3__target {
	margin-bottom: 50px;
}

.event03_textarea {
	box-sizing: border-box;
	padding: 30px;
	background-color: #eee;
	min-height: 200px;
	font-family: "WooridaumL";
	font-weight: bold;
}

.event3__target {
	display: none;
}

.event3__target.on {
	display: block;
}
.sub .content .inner .sub07_textbox {
	padding: 30px;
	background-color: #f2f2f2;
	margin-bottom: 50px;
}

.sub .content .inner .sub07_textbox p {
	padding-bottom: 0;
}
.sub .content .inner .sub07_textbox ul li p {
	float: left;
}
.sub .content .inner .sub07_textbox ul li p.name {
	min-width: 40px;
}

.ul__depth li .name {
	min-width: 40px;
}

.ul__depth li p {
	float: left;
}
.ul__depth li .name {
	min-width: 50px;
}

.sub .content .inner .sub07_textbox ul li .name span {
	font-family: "WooridaumR";
	font-weight: bold;
}
.sub .content .inner .sub07_textbox ul li .name-talk {
	width: calc(100% - 40px);
}
.sub .content .inner .sub07_textbox ul li::after {
	content: "";
	display: block;
	clear: both;
}

.ul__depth li .name span {
	font-family: "WooridaumR";
	font-weight: bold;
}
.ul__depth li .name-talk {
	width: calc(100% - 50px);
}
.ul__depth li::after {
	content: "";
	display: block;
	clear: both;
}

.sub .content .inner p.sub07_textbox {
	padding: 30px;
	background-color: #f2f2f2;
	margin-bottom: 50px;
}

.youtube iframe {
	width: 100%;
	height: 30vw;
	margin-bottom: 50px;
}

.main_popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 12;
}

.main_popup.on {
	display: block;
}

.main_popup .inner {
	display: flex;
	height: 100%;
	justify-self: center;
	align-items: center;
	position: relative;
}

.main_popup .inner img {
	display: block;
	width: 100%;
}

.main_popup label.popup_close {
	width: 20%;
	max-width: 125px;
	min-width: 125px;
}
.main_popup label.popup_close span {
	color: #fff;
	font-size: 14px;
	min-width: 90px;
	max-width: 90px;
	font-family: "WooridaumL";
	font-weight: bold;
}

.main_popup_btn {
	position: absolute;
	right: 0px;
	top: -50px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	color: #fff;
	z-index: 999;
	background-image: url(/common/2023/images/close01.png);
	background-repeat: no-repeat;
	background-position: center right;
}

.main_popup input[type="radio"] {
	display: none;
}

.main_popup label.popup_close {
	position: absolute;
	right: 1%;
	bottom: -5%;
	width: 15%;
	height: 20px;
	cursor: pointer;
	color: #fff;
	z-index: 999;
	background-image: url(/common/2023/images/check02.jpg);
	background-repeat: no-repeat;
	background-size: 15%;
	background-position: center right;
}

.scrollLock {
	overflow: hidden;
}

.popupSlide {
	max-width: 1000px;
	margin: 0px auto;
	position: relative;
}

.popup_swiper-container {
	width: 100%;
	overflow: hidden;
}

.popup_swiper-container .swiper-wrapper {
	width: 100%;
}

.popup_swiper-container .swiper-slide {
	margin-right: 30px;
}

.main_popup .inner img.pop_mo {
	display: none;
}

.imgflexbox > div.vol313_01 {
	display: flex;
	align-content: flex-end;
}

.layout-box01 {
	display: flex;
}

.layout-box01 > span {
	display: block;
	width: 50%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.layout-box01 > span:nth-of-type(1) {
	border: 1px solid #ccc;
	display: flex;
}

.layout-box01 > span:nth-of-type(1) > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
}

.layout-box01 > span:nth-of-type(2) {
	padding: 30px 0px;
}

.layout-box01 > span:nth-of-type(2) > div {
	background-color: #feeedf;
	box-sizing: border-box;
	padding: 30px;
	position: relative;
}

.layout-box01 > span:nth-of-type(2) > div::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}

.vol313_07 {
	background-image: url(/page/vol313/img/sub07_01.gif);
}
.vol313_07-02 {
	background-image: url(/page/vol314/img/sub07_01.gif);
}
.vol313_07-03 {
	background-image: url(/page/vol316/img/sub07_01.gif);
}
.vol315_10 {
	background-image: url(/page/vol315/img/sub10_01.gif);
}
.vol316_10 {
	background-image: url(/page/vol316/img/sub10_01.gif);
}
.vol317_10 {
	background-image: url(/page/vol317/img/sub10_01.gif);
}
.vol317_07 {
	background-position: center center;
	background-image: url(/page/vol317/img/sub07_01.gif);
}
.vol318_07 {
	background-position: center center;
	background-image: url(/page/vol318/img/sub07_01.gif);
}
.vol319_07 {
	background-position: center center;
	background-image: url(/page/vol319/img/sub07_01.gif);
}
.vol320_07 {
	background-position: center center;
	background-image: url(/page/vol320/img/sub07_01.gif);
}
.vol321_07 {
	background-position: center center;
	background-image: url(/page/vol321/img/sub07_01.gif);
}
.vol322_07 {
	background-position: bottom center;
	background-image: url(/page/vol322/img/sub07_01.gif);
}
.vol319_10 {
    background-position: center center;
	background-image: url(/page/vol319/img/sub10_01.gif);
}
.vol320_10 {
    background-position: center center;
	background-image: url(/page/vol320/img/sub10_01.gif);
}
.vol313_event label {
	background-color: #000;
	cursor: pointer;
	position: relative;
}

.vol313_event label p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff !important;
	text-align: center !important;
}

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

.vol313_event label:hover img {
	opacity: 1;
}
.vol313_event img {
	opacity: 0.4;
}

.last_list {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	padding: 30px 20px;
}

.last_list li {
	margin-bottom: 15px;
}

.last_list li:last-child {
	margin-bottom: 0;
}

.last_list_caption {
	display: inline-block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	border-radius: 20px;
	background-color: #004ea2;
	font-size: 16px;
	font-family: "WooridaumL";
	font-weight: bold;
	margin-right: 10px;
}

.last_list_text {
	color: #333;
	font-size: 16px;
	font-family: "WooridaumR";
	font-weight: bold;
}

.pr30 {
	padding-right: 30px;
}

.sub .content .inner .txt_box h4.h4-fz20 {
	font-size: 20px;
}

.vol205_sub10 {
	padding-top: 100px;
}

.quiz_start {
	display: inline-block;
	background-color: #4b95ff;
	color: #fff;
	padding: 20px 40px;
	border-radius: 40px;
	font-size: 20px;
	font-weight: bold;
	font-family: "WooridaumB";
	cursor: pointer;
}

.quiz_retry {
	display: inline-block;
	background-color: #4b95ff;
	color: #fff;
	padding: 20px 40px;
	border-radius: 40px;
	font-size: 20px;
	font-weight: bold;
	font-family: "WooridaumB";
	cursor: pointer;
}

.event_wrap {
	display: none;
	position: relative;
}

.event_wrong {
	display: none;
	text-align: center;
}

.event_over {
	display: none;
	text-align: center;
}

.event_form {
	display: none;
}

.quiz {
	display: none;
	margin: 0px auto;
	text-align: center;
}

.quiz img {
	width: 48%;
	max-width: 320px;
	cursor: pointer;
}

.quiz input[type="radio"] {
	display: none;
}

.quiz.on {
	display: block;
}
.timer {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 12%;
	right: 0%;
	width: 120px;
	height: 120px;
	padding-top: 5px;
	background-image: url(/page/vol310/img/timer.png);
	background-size: contain;
	font-weight: 600;
	z-index: 5;
	background-repeat: no-repeat;
}

.timer > span {
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 8px;
}

.vol315_info_btn {
	display: block;
	width: 257px;
	height: 70px;
	margin: 3rem auto 0;
	font-size: 1.35rem;
	background-color: #672dc7;
	color: #fff;
	cursor: pointer;
}
.quiz-list-box li {
	max-width: 822px;
	margin: 0px auto;
}

.quiz-list-answer input {
	display: inline-block;
	float: left;
	width: calc((100% - 8px) / 2);
	height: 55px;
	padding: 0 1rem;
	font-size: 0.9rem;
	border: 1px solid #aaaaaa;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 100px;
}
.vol317_event_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 70px;
	flex-wrap: wrap;
	position: relative;
	min-height: 30vw;
	width: 100%;
	box-sizing: border-box;
}

.vol317_event_box > img {
	transition: all 1s;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 26%;
	display: block;
	cursor: pointer;
	margin-bottom: 50px;
}

.vol317_event_box.on > img[data-event="1"] {
	top: 0%;
	left: 0%;
	transform: translate(0%, 0%);
}

.vol317_event_box.on > img[data-event="2"] {
	top: 0%;
	left: 50%;
	transform: translate(-50%, 0%);
}

.vol317_event_box.on > img[data-event="3"] {
	top: 0%;
	left: 100%;
	transform: translate(-100%, 0%);
}

.vol317_event_box.on > img[data-event="4"] {
	top: 100%;
	left: 0%;
	transform: translate(0%, -100%);
}

.vol317_event_box.on > img[data-event="5"] {
	top: 100%;
	left: 50%;
	transform: translate(-50%, -100%);
}

.vol317_event_box.on > img[data-event="6"] {
	top: 100%;
	left: 100%;
	transform: translate(-100%, -100%);
}

.vol317_event_popup {
	display: flex;
	margin-bottom: 70px;
}

.vol317_event_popup > img {
	display: none;
	width: auto;
	max-width: 100%;
	margin: 0px auto;
}

.vol317_event_popup > img.on {
	display: block;
}

.vol317_event_retry {
	display: none;
	text-align: center;
}
.vol317_event_retry.on {
	display: block;
}

.vol317_event_retry img {
	cursor: pointer;
	max-width: 100%;
}

.comment02 {
	padding-top: 70px;
}

.sub .comment02 > ul {
	border-top: 1px solid #ccc;
	padding-top: 30px;
}
.sub .comment02 > ul li {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

.sub .comment02 > ul li p {
	padding-bottom: 10px !important;
}

.board__page-nav {
	display: flex;
	justify-content: center;
	align-items: center;
}
.board__page-nav > a {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #ccc;
	line-height: 38px;
	text-align: center;
	margin: 0px 3px;
	color: #888;
}
.board__page-nav > a i {
	font-size: 18px;
}
.board__page-nav > a:hover {
	color: #333;
}
.board__page-nav__first i {
	font-size: 14px;
}
.board__page-nav ul {
	display: flex;
	justify-content: center;
}
.board__page-nav ul li a {
	color: #333;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0px 3px;
	font-size: 16px;
}
.board__page-nav ul li a.on {
	color: #fff;
	background-color: #115fb3;
}

.sub .content .inner.vol312_sub10_01{ 
    margin-top: -10vw;
}

.event_game_01 {
    position: relative;
    overflow: hidden;
}

.event_game_01__start {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.event_game_01__start > a {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    background-color: #0141ab;
    color: #fff;
    font-size: 30px;
    font-family: "WooridaumB";
}

.event_game_01__target {
    position: absolute;
    display: none;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.event_game_01__inner {
    font-size: 0;
    width: 100%;
}

.event_game_01__bg {
    display: block;
    width: 100%;
}


.event_quiz input[type="radio"] {
    display: none;
}

.event_quiz {
    display: none;
}
.event_quiz.on {
    display: block;
}

.event_quiz label {
    font-weight: bold;
    font-size: 16px;
    font-family: "WooridaumL";
    display: block;
    width: 500px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    border: 1px solid #333;
    border-radius: 10px;
    cursor: pointer;
    margin: 0px auto;
    margin-bottom: 15px;
}
.event_quiz label:hover {
    background-color: #333;
    color: #fff;
}

.ox_btn_wrap-vol322 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 800px;
    margin: 0px auto;
}

.ox_btn_wrap-vol322 > div {
    position: relative;
}

.ox_btn_wrap-vol322 > div img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.sub .content .inner .ox_btn_wrap-vol322 > div p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
    word-break: keep-all;
    cursor: pointer;
}

@media screen and (max-width: 1800px) {
	.vol317_event_box {
		min-height: 35vw;
	}
}

@media screen and (max-width: 1600px) {
	.vol317_event_box {
		min-height: 40vw;
	}
}

@media screen and (max-width: 1500px) {
	.main .main_img .main_hover .main_hover_text > h4 {
		font-size: 24px;
	}
	.main .main_img .main_hover .main_hover_text > h4.h4_small {
		font-size: 20px;
	}
	.main .main_img .main_hover .main_hover_text > p {
		font-size: 16px;
	}
}

@media screen and (max-width: 1200px) {
	.vol317_event_box {
		min-height: 50vw;
	}
	.main .main_img .main_hover .main_hover_text > h4 {
		font-size: 18px;
		margin-bottom: 0px;
	}
	.main .main_img .main_hover .main_hover_text > h4.h4_small {
		font-size: 18px;
	}

	.main_popup_btn {
		right: 30px;
	}
	.main_popup label.popup_close {
		right: 30px;
		bottom: -30px;
	}
	.popup_swiper-container .swiper-wrapper {
		width: 90%;
		margin: 0px auto;
	}
	.popup_swiper-container .swiper-slide {
		margin-right: 10%;
	}
	.tablet_banner {
		display: flex;
	}
	.main_tablet_banner {
		display: flex;
	}
	.mobile-swiper-contain.mobile-swiper-contain-img3 {
		display: block;
	}
}

@media screen and (max-width: 1000px) {
    .event_game_01__target {
        max-width: 180px;
    }
	.board__page-nav > a {
		width: 40px;
		height: 40px;
		line-height: 38px;
		margin: 0px 3px;
	}
	.board__page-nav > a i {
		font-size: 18px;
	}
	.board__page-nav__first i {
		font-size: 14px;
	}
	.board__page-nav ul li a {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin: 0px 3px;
		font-size: 16px;
	}

	.quiz_start {
		padding: 15px 30px;
		border-radius: 40px;
		font-size: 18px;
	}

	.quiz_retry {
		padding: 15px 30px;
		border-radius: 40px;
		font-size: 18px;
	}

	.timer {
		top: 18%;
		right: 0%;
		width: 80px;
		height: 80px;
	}

	.timer > span {
		font-size: 22px;
		margin-bottom: 8px;
	}

	.youtube iframe {
		height: 50vw;
	}
	.main .main_img .main_hover .main_hover_text > span {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.main .main_img .main_hover .main_hover_text > h4 {
		font-size: 18px;
		margin-bottom: 0px;
	}
	.main .main_img .main_hover .main_hover_text > h4.h4_small {
		font-size: 18px;
	}
	.main .main_img .main_hover .main_hover_text > p {
		font-size: 14px;
	}
	.first_box {
		padding-top: 50px;
	}
	.sub .content .inner .sub_slide_contain {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 800px) {
    
    .sub .content .inner.vol312_sub10_01{ 
        margin-top: -20vw;
    }

	.sub07_box {
        width: 100%!important;
		margin-top: 30px;
	}
	.sub07_box::before {
		position: absolute;
		display: inline-block;
		content: "";
		top: -21px;
		left: 50%;
		transform: translateX(-50%);
		width: 41px;
		height: 21px;
		background-color: #f2f2f2;
		background-image: url(/page/vol312/img/txtbox.png);
	}
	.imgflexbox.pet_profile img.auto {
		margin: 0px !important;
	}
	.layout-box01 > span:nth-of-type(1) {
		padding-bottom: 100%;
	}
	.layout-box01 > span:nth-of-type(1) > img {
		height: auto;
		width: 100%;
	}
	.comment_box02 {
		width: 100%;
	}
	.sub .content--after-none {
		padding-bottom: 20px;
	}

	.layout-box01 {
		flex-wrap: wrap;
	}

	.layout-box01 > span {
		width: 100%;
	}

	.layout-box01 > span:nth-of-type(2) {
		padding: 0px 0px;
	}

	.layout-box01 > span:nth-of-type(2) > div {
		padding: 30px 15px;
	}

	.layout-box01 > span:nth-of-type(2) > div::before {
		top: 0;
		left: 0;
		width: 100%;
		height: 10px;
		background-color: rgba(0, 0, 0, 0.2);
	}
}

@media screen and (max-width: 580px) {
    .ox_btn_wrap-vol322 {
        flex-wrap: wrap;
    }
    
    .ox_btn_wrap-vol322 > div {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }
    
    .ox_btn_wrap-vol322 > div img {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0px auto;
    }

    .event_game_01__target {
        max-width: 150px;
    }
	.vol317_event_box {
		min-height: 60vw;
	}
	.board__page-nav > a {
		width: 30px;
		height: 30px;
		line-height: 28px;
		margin: 0px 3px;
	}
	.board__page-nav > a i {
		font-size: 16px;
	}
	.board__page-nav__first i {
		font-size: 12px;
	}
	.board__page-nav ul li a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin: 0px 3px;
		font-size: 14px;
	}

	.vol317_event_popup {
		margin-bottom: 30px;
	}
	.vol317_event_box > img {
		width: 30%;
	}
	.quiz_start {
		padding: 15px 30px;
		border-radius: 40px;
		font-size: 16px;
	}

	.quiz_retry {
		padding: 15px 30px;
		border-radius: 40px;
		font-size: 16px;
	}

	.timer {
		top: 100px;
		right: 0%;
		width: 60px;
		height: 60px;
		font-size: 14px;
		padding-top: 0;
	}

	.timer > span {
		font-size: 14px;
		margin-bottom: 2px;
	}
	.vol205_sub10 {
		padding-top: 50px;
	}
	.sub .content .inner .txt_box h4.h4-fz20 {
		font-size: 18px;
	}
	.last_list {
		border-top: 1px solid #d8d8d8;
		border-bottom: 1px solid #d8d8d8;
		padding: 30px 10px;
	}

	.last_list li {
		margin-bottom: 20px;
	}

	.last_list_caption {
		width: 70px;
		height: 25px;
		line-height: 25px;
		border-radius: 20px;
		font-size: 14px;
		margin-right: 0px;
		margin-bottom: 10px;
	}

	.last_list_text {
		display: block;
		color: #333;
		font-size: 16px;
		font-family: "WooridaumR";
		font-weight: bold;
	}
	.layout-box01 > span:nth-of-type(1) img {
		width: 100%;
	}
	.imgflexbox.vol313_event img {
		margin-bottom: 0 !important;
	}
	.vol313_event label {
		width: 100% !important;
	}
	.sub .title_video.vol313_07 {
		padding-bottom: 180%;
		height: auto;
		min-height: auto;
		background-image: url(/page/vol313/img/sub07_02.gif);
	}
	.sub .title_video.gif {
		padding-bottom: 180%;
		height: auto;
		min-height: auto;
	}
	.sub .title_video.vol313_07.vol313_07-02 {
		background-image: url(/page/vol314/img/sub07_02.gif);
	}
	.sub .title_video.vol313_07.vol313_07-03 {
		background-image: url(/page/vol316/img/sub07_02.gif);
	}
	.sub .title_video.vol315_10 {
		padding-bottom: 130%;
		height: auto;
		min-height: auto;
		background-image: url(/page/vol315/img/sub10_01_mo.gif);
	}
	.sub .title_video.vol316_10 {
		padding-bottom: 170%;
		height: auto;
		min-height: auto;
		background-image: url(/page/vol316/img/sub10_02.gif);
	}
	.sub .title_video.vol317_10 {
		background-image: url(/page/vol317/img/sub10_02.gif);
	}
	.sub .title_video.vol317_07 {
		padding-bottom: 170%;
		height: auto;
		min-height: auto;
		background-image: url(/page/vol317/img/sub07_02.gif);
	}
    .sub .title_video.vol318_07 {
		padding-bottom: 170%;
		height: auto;
		min-height: auto;
		background-image: url(/page/vol318/img/sub07_02.gif);
	}
    .sub .title_video.vol319_07 {
		padding-bottom: 120%;
		height: auto;
		min-height: auto;
		background-image: url(/page/vol319/img/sub07_02.gif);
	}
    .sub .title_video.vol320_07 {
		padding-bottom: 185%;
		height: auto;
		min-height: auto;
		background-image: url(/page/vol320/img/sub07_02.gif);
	}
    .sub .title_video.vol321_07 {
		padding-bottom: 185%;
		height: auto;
		min-height: auto;
		background-image: url(/page/vol321/img/sub07_02.gif);
	}
    .sub .title_video.vol322_07 {
		padding-bottom: 185%;
		height: auto;
		min-height: auto;
		background-image: url(/page/vol322/img/sub07_02.gif);
	}

    .sub .title_video.vol320_10 {
		padding-bottom: 185%;
		height: auto;
		min-height: auto;
		background-image: url(/page/vol320/img/sub10_02.gif);
	}
	.imgflexbox > div.vol313_01 {
		align-content: center;
		justify-content: center;
	}

	.imgflexbox > div.vol313_01 h4 {
		text-align: center !important;
	}
	.main_popup_btn {
		right: 15px;
	}
	.main_popup label.popup_close {
		right: 15px;
	}
	.main_popup .inner img.pop_pc {
		display: none;
	}
	.main_popup .inner img.pop_mo {
		display: block;
	}
	.main_tablet_banner {
		display: none;
	}
	.tablet_banner {
		display: none;
	}
	.sub .content .inner .sub07_textbox {
		padding: 20px;
		background-color: #f2f2f2;
		margin-bottom: 30px;
	}

	.sub .content .inner p.sub07_textbox {
		padding: 20px;
		background-color: #f2f2f2;
		margin-bottom: 30px;
	}
	.radio_wrap2 label {
		width: 100%;
	}
	.event3__target {
		margin-bottom: 0px;
	}
	.event3__depth1 {
		font-size: 12px;
		padding: 5px 20px;
		margin-bottom: 15px;
	}
	.first_box {
		padding-top: 30px;
	}

	.cardnew01_swiper-container {
		width: 100%;
	}

	.cardnew01_slide_prev {
		display: none;
	}

	.cardnew01_slide_next {
		display: none;
	}

	.sub .content .inner .imgflexbox.event01 > div {
		text-align: center;
	}

	.sub .content .inner .imgflexbox.event01 > div > p {
		text-align: center;
	}

	.comment_box02 {
		width: 100%;
	}

	.comment_box02 b {
		width: 100%;
		font-size: 0.9rem;
		padding-bottom: 0.25rem;
		text-align: left;
	}

	.comment_box02 .secureimage {
		width: 120px;
		height: 33px;
		margin-left: 0;
	}
	.comment_box02 button {
		width: 39px;
		height: 39px;
	}

	.comment_box02 input[type="text"] {
		width: calc(100% - 179px);
		height: 45px;
		padding: 0 0.5rem;
		font-size: 0.8rem;
	}
	.radio_wrap {
		justify-content: center;
		margin-bottom: 0px;
	}

	.sub .content .inner .agree_box h3 {
		font-size: 1.1rem;
	}

	.sub .content .inner .agree_box p {
		font-size: 14px;
	}
	.sub .content.content-top {
		padding: 0px;
		padding-bottom: 20px;
	}

	.old li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px;
	}
	.old li:nth-of-type(2n) {
		margin-right: 0;
	}

	.old .link > a {
		font-size: 14px;
	}

	.sub .content .inner .old li .text {
		text-align: center;
	}

	.sub .content .inner .old li .text p {
		text-align: center;
		line-height: 1.4;
		padding-bottom: 20px;
	}

	.sub_footer .inner > p:nth-of-type(2) {
		font-size: 12px;
	}
	.sub .content .inner .table table tr th {
		font-size: 12px;
	}
	.sub .content .inner .table table tr td {
		font-size: 12px !important;
		padding: 5px;
	}
}