html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
	q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
	th, td, article, aside, canvas, details, figcaption, figure, footer,
	header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block
}

nav ul, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: inherit;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none
}

a:focus {
	outline: none
}

a[href^="tel"] {
	color: inherit;
	text-decoration: none
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}

del {
	text-decoration: line-through
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px
}

pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0
}

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

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0
}

th {
	font-weight: normal
}

input, select {
	vertical-align: middle;
	background-color: #fff
}

input:focus {
	outline: none
}

select:disabled {
	opacity: 1
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
	input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-weight: 300;
	src: local("Spoqa Han Sans Neo Thin"),
		url("../font/SpoqaHanSansNeo-Thin.woff2") format("woff2"),
		url("../font/SpoqaHanSansNeo-Thin.woff") format("woff"),
		url("../font/SpoqaHanSansNeo-Thin.ttf") format("truetype")
}

@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-weight: 400;
	src: local("Spoqa Han Sans Neo Regular"),
		url("../font/SpoqaHanSansNeo-Regular.woff2") format("woff2"),
		url("../font/SpoqaHanSansNeo-Regular.woff") format("woff"),
		url("../font/SpoqaHanSansNeo-Regular.ttf") format("truetype")
}

@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-weight: 500;
	src: local("Spoqa Han Sans Neo Medium"),
		url("../font/SpoqaHanSansNeo-Medium.woff2") format("woff2"),
		url("../font/SpoqaHanSansNeo-Medium.woff") format("woff"),
		url("../font/SpoqaHanSansNeo-Medium.ttf") format("truetype")
}

@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-weight: 700;
	src: local("Spoqa Han Sans Neo Bold"),
		url("../font/SpoqaHanSansNeo-Bold.woff2") format("woff2"),
		url("../font/SpoqaHanSansNeo-Bold.woff") format("woff"),
		url("../font/SpoqaHanSansNeo-Bold.ttf") format("truetype")
}

@font-face {
	font-family: 'Spoqa Han Sans';
	font-weight: 400;
	src: local("Spoqa Han Sans Regular"),
		url("../font/SpoqaHanSansRegular.woff2") format("woff2"),
		url("../font/SpoqaHanSansRegular.woff") format("woff"),
		url("../font/SpoqaHanSansRegular.ttf") format("truetype")
}

@font-face {
	font-family: 'Roboto';
	font-weight: 300;
	src: local("Roboto Light"), url("../font/Roboto-Light.woff2")
		format("woff2"), url("../font/Roboto-Light.woff") format("woff"),
		url("../font/Roboto-Light.otf") format("truetype")
}

html {
	font-size: 10px
}

html.fzoom9 {
	font-size: 9px
}

html.fzoom11 {
	font-size: 11.6px
}

html.fzoom10 {
	font-size: 10px
}

body {
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	word-break: break-all;
	word-wrap: break-word;
	letter-spacing: -0.7px
}

.blind {
	font-size: 0
}

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.fw-bold {
	font-weight: 700
}

.fw-mid {
	font-weight: 500
}

#fullpage {
	max-height: 100vh
}

body {
	overflow: auto
}

body.hidden {
	overflow: hidden
}

body .fc-red {
	color: #f84931 !important
}

body .inner-wrap {
	width: 100%;
	max-width: 168rem;
	margin: 0 auto
}

body .contents-wrap {
	width: 100%;
	max-width: 120rem;
	margin: 0 auto
}

body .contents-wrap.fixed {
	padding-top: 4.2rem
}

body .fade-action {
	transform: translateY(40px);
	transition: opacity 1s, transform 1s;
	opacity: 0
}

body .fade-action.active {
	transform: translateY(0);
	opacity: 1
}

body .pc-block {
	display: block
}

body .m-block {
	display: inline
}

body .if-pc {
	display: block
}

body .if-m {
	display: none
}

body input {
	font-size: 1.6rem;
	color: #202020
}

body input:focus::placeholder {
	color: #fff;
	opacity: 0
}

body input::placeholder {
	color: #bcbcbc
}

body .empty_list {
	width: 100% !important;
	margin-top: 5rem !important;
	font-size: 1.6rem !important;
	color: #aaaaaa !important
}

body .sch_word {
	color: #3ab6fd;
	font-weight: 500
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 7.5rem;
	background-color: #fff;
	border-bottom: 1px solid #d2d2d2;
	z-index: 12
}

.header .inner-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 7.5rem
}

.header .inner-wrap .logo-area a {
	display: block;
	width: 17.6rem;
	height: 2.6rem;
	background-image: url("../img/logo.png");
	background-repeat: no-repeat;
	background-size: 100%
}

.header .inner-wrap .all-menu-btn {
	display: none;
	margin-left: 3.9rem
}

.header .inner-wrap .all-menu-btn .btn {
	display: block;
	position: relative;
	width: 2.6rem;
	height: 1.8rem
}

.header .inner-wrap .all-menu-btn .btn:hover::before, .header .inner-wrap .all-menu-btn .btn:hover::after
	{
	width: 2rem
}

.header .inner-wrap .all-menu-btn .btn:hover span::before {
	width: 2.6rem
}

.header .inner-wrap .all-menu-btn .btn.active:hover::before, .header .inner-wrap .all-menu-btn .btn.active:hover::after
	{
	width: 2.6rem
}

.header .inner-wrap .all-menu-btn .btn.active:hover span::before {
	width: 0
}

.header .inner-wrap .all-menu-btn .btn.active::before {
	top: 50%;
	left: 0;
	transform: rotate(-45deg)
}

.header .inner-wrap .all-menu-btn .btn.active::after {
	top: 50%;
	left: 0;
	transform: rotate(45deg)
}

.header .inner-wrap .all-menu-btn .btn.active span::before {
	width: 0;
	opacity: 0
}

.header .inner-wrap .all-menu-btn .btn::before, .header .inner-wrap .all-menu-btn .btn::after
	{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 2.6rem;
	height: 2px;
	background-color: #171717;
	transition: all 0.3s
}

.header .inner-wrap .all-menu-btn .btn::after {
	top: 1.6rem
}

.header .inner-wrap .all-menu-btn .btn span::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 2rem;
	height: 2px;
	background-color: #171717;
	transition: all 0.3s
}

.header .inner-wrap .all-menu {
	position: fixed;
	top: 2.5rem;
	left: 0;
	width: 100%;
	height: calc(100% - 7.4rem);
	padding-top: 7.4rem;
	transition: 0.3s;
	visibility: hidden;
	opacity: 0;
	z-index: 11
}

.header .inner-wrap .all-menu.active {
	top: 7.4rem;
	visibility: visible;
	opacity: 1
}

.header .inner-wrap .all-menu .wrap {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 9vh;
	padding-left: 16.5vw;
	background-color: #fff
}

.header .inner-wrap .all-menu .wrap .left {
	width: 46vw
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li {
	position: relative;
	margin-bottom: 1.5vw
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li.active>a::after {
	width: 100%;
	opacity: 1
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li.active>ul {
	visibility: visible;
	opacity: 1;
	background-color: #fff
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li.active>ul>li.active>ul
	{
	visibility: visible;
	opacity: 1
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li ul {
	transition: 0.2s;
	transform: translateX(-10px);
	visibility: hidden;
	opacity: 0
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li ul.active {
	transform: translateX(0);
	visibility: visible;
	opacity: 1
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>a {
	position: relative;
	display: inline-block;
	font-size: 4.4rem;
	font-weight: 500;
	color: #202020;
	letter-spacing: -1.5px
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	transform: translateX(-50%);
	height: 4px;
	transition: 0.3s;
	background-color: #000;
	opacity: 0
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul {
	position: absolute;
	top: 3rem;
	left: 13rem;
	padding-left: 7rem;
	padding-right: 3rem;
	background-color: #fff;
	z-index: 2
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li {
	position: relative;
	margin-bottom: 1vw
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li.active>a,
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li:hover>a {
	color: #3ab6fd
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>a {
	display: inline-block;
	font-size: 2.4rem;
	color: #bcbcbc;
	transition: color 0.1s
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>ul {
	position: absolute;
	top: 0;
	left: 10.5rem;
	padding-left: 3.5rem;
	padding-right: 4rem;
	visibility: hidden;
	background-color: #fff;
	z-index: 3
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>ul>li {
	margin-bottom: 1vw
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>ul>li.active a,
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>ul>li:hover a
	{
	color: #202020
}

.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>ul>li>a {
	display: inline-block;
	font-size: 2.4rem;
	color: #bcbcbc;
	transition: color 0.1s;
	white-space: nowrap
}

.header .inner-wrap .all-menu .wrap .left .social {
	display: flex;
	margin-top: 10rem
}

.header .inner-wrap .all-menu .wrap .left .social .sns {
	display: flex;
	align-items: center
}

.header .inner-wrap .all-menu .wrap .left .social h3 {
	padding-right: 2px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #6f6f6f
}

.header .inner-wrap .all-menu .wrap .left .social ul {
	display: flex;
	align-items: center;
	margin-left: 2px;
	margin-right: 3rem
}

.header .inner-wrap .all-menu .wrap .left .social ul li {
	margin-left: 8px
}

.header .inner-wrap .all-menu .wrap .left .social ul li a {
	display: block;
	width: 3.4rem;
	height: 3.4rem;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 3.4rem
}

.header .inner-wrap .all-menu .wrap .left .social ul li a:hover {
	background-position: 0 -3.4rem
}

.header .inner-wrap .all-menu .wrap .left .social ul li a.twitter {
	background-image: url("../img/icon_allmenu_sns_twitter.png")
}

.header .inner-wrap .all-menu .wrap .left .social ul li a.blog {
	background-image: url("../img/icon_allmenu_sns_blog.png")
}

.header .inner-wrap .all-menu .wrap .left .social ul li a.facebook {
	background-image: url("../img/icon_allmenu_sns_facebook.png")
}

.header .inner-wrap .all-menu .wrap .left .social ul li a.youtube {
	background-image: url("../img/icon_allmenu_sns_youtube.png")
}

.header .inner-wrap .all-menu .wrap .left .social ul li a.mois {
	background-image: url("../img/icon_allmenu_sns_mois.png")
}

.header .inner-wrap .all-menu .wrap .right {
	position: relative;
	width: 37.5vw;
	flex-shrink: 0;
	overflow: hidden
}

.header .inner-wrap .all-menu .wrap .right::before {
	content: "";
	position: fixed;
	top: 0;
	right: 37.5vw;
	width: 1px;
	height: 100%;
	background-color: #e6e6e6
}

.header .inner-wrap .all-menu .wrap .right .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40rem;
	transform: translateX(-10rem);
	transition: 0.5s;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0
}

.header .inner-wrap .all-menu .wrap .right .bg.active {
	transform: translateX(0);
	opacity: 1
}

.header .inner-wrap .all-menu .wrap .right .bg.gnb-01 {
	background-image: url("../img/gnb_img_01.jpg")
}

.header .inner-wrap .all-menu .wrap .right .bg.gnb-02 {
	background-image: url("../img/gnb_img_02.jpg")
}

.header .inner-wrap .all-menu .wrap .right .bg.gnb-03 {
	background-image: url("../img/gnb_img_03.jpg")
}

.header .inner-wrap .all-menu .wrap .right .bg.gnb-04 {
	background-image: url("../img/gnb_img_04.jpg")
}

.header .inner-wrap .all-menu .wrap .right .bg.gnb-05 {
	background-image: url("../img/gnb_img_05.jpg")
}

.header .inner-wrap .all-menu .wrap .right .bg.gnb-06 {
	background-image: url("../img/gnb_img_06.jpg")
}

.header .inner-wrap .gnb-area {
	margin-left: 14.5%;
	margin-right: auto;
	transition: opacity 0.3s;
	visibility: visible;
	opacity: 1
}

.header .inner-wrap .gnb-area.hide {
	visibility: hidden;
	opacity: 0
}

.header .inner-wrap .gnb-area .gnb>ul {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.header .inner-wrap .gnb-area .gnb>ul>li {
	margin-right: 8.6rem
}

.header .inner-wrap .gnb-area .gnb>ul>li>a {
	position: relative;
	display: block;
	height: 7.5rem;
	font-size: 2.1rem;
	color: #202020;
	line-height: 7.5rem;
	transition: 0.1s
}

.header .inner-wrap .gnb-area .gnb>ul>li>a.active, .header .inner-wrap .gnb-area .gnb>ul>li>a.active-page,
	.header .inner-wrap .gnb-area .gnb>ul>li>a:hover {
	color: #3ab6fd
}

.header .inner-wrap .gnb-area .gnb>ul>li>a.active::after, .header .inner-wrap .gnb-area .gnb>ul>li>a.active-page::after,
	.header .inner-wrap .gnb-area .gnb>ul>li>a:hover::after {
	width: 100%;
	opacity: 1
}

.header .inner-wrap .gnb-area .gnb>ul>li>a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	transform: translateX(-50%);
	background-color: #3ab6fd;
	transition: 0.2s;
	opacity: 0
}

/* .header .inner-wrap .gnb-area .gnb>ul>li.gnb-observation .gnb-sub .gnb-sub-visual
	{
	background-image: url("../img/icon_gnb_observation.png");
	background-position: right 10rem top 11.5rem
}

.header .inner-wrap .gnb-area .gnb>ul>li.gnb-analysis .gnb-sub .gnb-sub-visual
	{
	background-image: url("../img/icon_gnb_analysis.png");
	background-position: right 8.5rem top 11rem
}

.header .inner-wrap .gnb-area .gnb>ul>li.gnb-notify .gnb-sub .gnb-sub-visual
	{
	background-image: url("../img/icon_gnb_notify.png");
	background-position: right 11rem top 11rem
}

.header .inner-wrap .gnb-area .gnb>ul>li.gnb-experience .gnb-sub .gnb-sub-visual
	{
	background-image: url("../img/icon_gnb_experience.png");
	background-position: right 8rem top 11rem
}

.header .inner-wrap .gnb-area .gnb>ul>li.gnb-education .gnb-sub .gnb-sub-visual
	{
	background-image: url("../img/icon_gnb_education.png");
	background-position: right 7rem top 13rem
}

.header .inner-wrap .gnb-area .gnb>ul>li.gnb-reference .gnb-sub .gnb-sub-visual
	{
	background-image: url("../img/icon_gnb_reference.png");
	background-position: right 10.4rem top 11.8rem
} */

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub {
	position: absolute;
	top: 7.5rem;
	left: 50%;
	width: 160rem;
	height: 25rem;
	transform: translate(-50%, -30px);
	background-color: #fff;
	visibility: hidden;
	transition: all 0.3s;
	opacity: 0
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub.active {
	transform: translate(-50%, 0);
	visibility: visible;
	opacity: 1
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub::before, .header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub::after
	{
	content: "";
	position: absolute;
	top: 0;
	width: 20%;
	height: 100%
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub::before {
	left: -20%;
	background-color: #f5f5f5
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub::after {
	right: -20%;
	background-color: #fff
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-visual {
	float: left;
	width: 38rem;
	height: 25rem;
	padding-top: 2.5rem;
	padding-right: 11.5rem;
	text-align: right;
	background-color: #f5f5f5;
	background-repeat: no-repeat
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-visual .gnb-sub-title
	{
	font-size: 2.6rem;
	font-weight: 700;
	color: #101010
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-list {
	float: right;
	width: 122rem;
	padding-top: 3.2rem
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-list>ul {
	display: flex
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-list>ul>li {
	width: 25rem;
	min-height: 14.5rem;
	padding-left: 4rem;
	border-right: 1px solid #efefef
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-list>ul>li:first-of-type
	{
	padding-left: 6rem
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-list>ul>li:last-of-type
	{
	border-right: 0
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-list>ul>li>a
	{
	font-size: 1.8rem;
	font-weight: 500;
	color: #202020
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-list>ul>li>a:hover
	{
	color: #3ab6fd;
	text-decoration: underline
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-list>ul>li>ul
	{
	padding-top: 1rem
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-list>ul>li>ul>li
	{
	display: block;
	padding-bottom: 1.2rem
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-list>ul>li>ul>li>a
	{
	font-size: 1.6rem;
	color: #989898
}

.header .inner-wrap .gnb-area .gnb>ul>li .gnb-sub .gnb-sub-list>ul>li>ul>li>a:hover
	{
	color: #202020;
	text-decoration: underline
}

.header .inner-wrap .logo-kma a {
	display: block;
	width: 14.5rem;
	height: 5.2rem;
	background-image: url("../img/logo_kma.png");
	background-repeat: no-repeat;
	background-size: 100%
}

.container {
	padding-top: 0rem;
	padding-bottom: 12rem
}

.container canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.container .top-visual {
	position: relative;
	height: 37.8rem;
	padding-top: 9rem;
	margin-bottom: 8rem;
	text-align: center;
	overflow: hidden
}

.container .top-visual .bg-img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	animation: top-visual 10s;
	z-index: -1
}

.container .top-visual .group-title {
	font-size: 6.6rem;
	color: #fff;
	line-height: 7.6rem
}

.container .top-visual .location {
	margin-top: 3.4rem
}

.container .top-visual .location ul {
	display: flex;
	justify-content: center;
	align-items: center
}

.container .top-visual .location ul li {
	padding-left: 1.2rem;
	padding-right: 1.6rem;
	font-size: 1.4rem;
	color: rgba(255, 255, 255, 0.8);
	background-image: url("../img/arrow_location.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 5px
}

.container .top-visual .location ul li:last-of-type {
	background: none
}

.container .top-visual .location ul li span.home {
	display: block;
	width: 1.5rem;
	height: 1.4rem;
	font-size: 0;
	background-image: url("../img/icon_location_home.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem
}

.container .top-visual .lnb {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(3, 39, 87, 0.9)
}

.container .top-visual .lnb.fixed {
	position: fixed;
	top: 5.9rem;
	left: 0;
	z-index: 9
}

.container .top-visual .lnb ul {
	display: flex;
	justify-content: center
}

.container .top-visual .lnb ul li.active a::after, .container .top-visual .lnb ul li:last-of-type a::after
	{
	display: none
}

.container .top-visual .lnb ul li a {
	position: relative;
	display: block;
	width: 17.6rem;
	height: 7rem;
	font-size: 1.7rem;
	font-weight: 300;
	line-height: 7rem;
	color: rgba(255, 255, 255, 0.6)
}

.container .top-visual .lnb ul li a.active {
	font-size: 1.7rem;
	font-weight: 700;
	color: #053863;
	background-color: #fff
}

.container .top-visual .lnb ul li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 2.5rem;
	background-color: rgba(255, 255, 255, 0.25)
}

.container .top-visual .bg-img {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 0;
	animation: top-visual 10s;
	transform: translateX(-50%) scale(1);
	z-index: -1
}

.container .tab-menu {
	position: relative;
	background-color: #fff
}

.container .tab-menu.fixed {
	position: fixed;
	top: 5.8rem;
	left: 0;
	width: 100%;
	z-index: 9
}

.container .tab-menu.fixed ul li:first-of-type a {
	border-left: 0
}

.container .tab-menu.fixed ul li:last-of-type a {
	border-right: 0
}

.container .tab-menu ul {
	display: flex
}

.container .tab-menu ul li {
	position: relative
}

.container .tab-menu ul li.half {
	width: 50%
}

.container .tab-menu ul li.third {
	width: 33.33%
}

.container .tab-menu ul li:first-of-type a {
	border-left: 1px solid #d2d2d2
}

.container .tab-menu ul li:last-of-type a {
	border-right: 1px solid #d2d2d2
}

.container .tab-menu ul li:last-of-type a::after {
	display: none
}

.container .tab-menu ul li a {
	display: block;
	font-size: 1.8rem;
	color: #6f6f6f;
	line-height: 5.6rem;
	text-align: center;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	transition: 0.1s
}

.container .tab-menu ul li a.active {
	font-weight: 700;
	color: #fff;
	background-color: #3ab6fd;
	border: 1px solid #3ab6fd
}

.container .tab-menu ul li a.active::after {
	display: none
}

.container .tab-menu ul li a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -1px;
	width: 1px;
	height: 2.5rem;
	margin-top: -1.25rem;
	background-color: #d2d2d2
}

.container .tab-content {
	display: none
}

.container .tab-content.active {
	display: block
}

.container .sub-section {
	margin-top: 9.9rem;
	display: flex;
	flex-wrap: wrap
}

.container .sub-section .sub-section-title {
	width: 32rem;
	flex-shrink: 0
}

.container .sub-section .sub-section-title h3 {
	font-size: 2.8rem;
	color: #22262a
}

.container .sub-section .sub-section-title h3 span {
	position: relative;
	display: inline-block
}

.container .sub-section .sub-section-title h3 span::after {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000
}

.container .sub-section .sub-section-title h3 span.md {
	font-size: 2.4rem;
	font-weight: 700
}

.container .sub-section .sub-section-title h3 span.sm {
	margin-top: 0.6rem;
	font-size: 2rem;
	font-weight: 400
}

.container .sub-section .sub-section-content {
	position: relative;
	width: calc(100% - 32rem)
}

.container .sub-section .sub-section-content .text {
	margin-top: 2.5rem;
	font-size: 2.5rem;
	color: #22262a;
	line-height: 4rem;
	word-break: keep-all;
	letter-spacing: -1px
}

.container .sub-section .sub-section-content .text:first-of-type {
	margin-top: 0
}

.container .sub-section .sub-section-content .text .sm {
	font-size: 2rem
}

.container .sub-section .sub-section-content .red-dot {
	padding-left: 2.7rem;
	font-size: 2.2rem;
	background-image: url("../img/icon_red_dot.png");
	background-repeat: no-repeat;
	background-position: 0 1.5rem
}

.container .sub-section .sub-section-content h4 {
	position: relative;
	padding-bottom: 1.4rem;
	font-size: 2.4rem;
	font-weight: 500;
	color: #202020
}

.container .sub-section .sub-section-content h4.red-line::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 4.6rem;
	height: 2px;
	background-color: #f84931
}

.container .sub-section .sub-section-content .as-of {
	font-size: 1.5rem;
	color: #989898;
	text-align: right
}

.container .sub-section .sub-section-content img {
	max-width: 100%
}

.container .sub-section .sub-section-content .descript {
	margin-top: 0.3rem;
	font-size: 1.7rem;
	color: #6f6f6f;
	letter-spacing: -1.2px
}

.container .sub-section .img-content {
	width: 100%;
	text-align: center
}

.container .sub-section .video-content {
	position: relative;
	width: 70rem;
	margin: 0 auto;
	height: 39.4rem
}

.container .sub-section .video-content video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.container .sub-section .video-content .video-play {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../img/icon_video_play.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	z-index: 3
}

.container .sub-section .section-content-descript {
	width: 100%;
	margin-top: 3rem;
	font-size: 1.8rem;
	text-align: center
}

.container .sub-section .section-content-descript .line {
	position: relative;
	display: inline-block;
	padding: 0 1.8rem
}

.container .sub-section .section-content-descript .line::before,
	.container .sub-section .section-content-descript .line::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 2px;
	height: 1.5rem;
	margin-top: -0.75rem;
	background-color: #f84931
}

.container .sub-section .section-content-descript .line::before {
	left: 0
}

.container .sub-section .section-content-descript .line::after {
	right: 0
}

.container .btn-group {
	display: flex
}

.container .btn-group a {
	width: 17.7rem;
	height: 6rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 5.8rem;
	text-align: center;
	transition: 0.3s
}

.container .btn-group a:hover span.go-list {
	background-image: url("../img/icon_btn_go_list_hover.png")
}

.container .btn-group a:hover span.list {
	background-image: url("../img/icon_btn_list_hover.png")
}

.container .btn-group a:hover span.google-play {
	background-image: url("../img/icon_btn_google_play_hover.png")
}

.container .btn-group a:hover span.app-store {
	background-image: url("../img/icon_btn_app_store_hover.png")
}

.container .btn-group a:hover span.download {
	background-image: url("../img/icon_btn_download_hover.png")
}

.container .btn-group a.blue {
	color: #fff;
	background-color: #053863;
	border: 1px solid #053863
}

.container .btn-group a.blue:hover {
	color: #053863;
	background-color: #fff
}

.container .btn-group a.white-blue {
	color: #053863;
	background-color: #fff;
	border: 1px solid #053863
}

.container .btn-group a.white-blue:hover {
	color: #fff;
	background-color: #053863
}

.container .btn-group a.black {
	color: #fff;
	background-color: #232323;
	border: 1px solid #232323
}

.container .btn-group a.white-black {
	border: 1px solid #232323
}

.container .btn-group a span {
	display: inline-block;
	background-repeat: no-repeat
}

.container .btn-group a span.go-list {
	padding-right: 2.5rem;
	background-image: url("../img/icon_btn_go_list.png");
	background-size: 1.4rem;
	background-position: right 1px center
}

.container .btn-group a span.list {
	padding-left: 2.6rem;
	background-image: url("../img/icon_btn_list.png");
	background-size: 1.4rem;
	background-position: 0 center
}

.container .btn-group a span.google-play {
	padding-left: 3rem;
	background-image: url("../img/icon_btn_google_play.png");
	background-position: 0 center
}

.container .btn-group a span.app-store {
	padding-left: 3rem;
	background-image: url("../img/icon_btn_app_store.png");
	background-position: 0 center
}

.container .btn-group a span.download {
	padding-left: 3rem;
	background-image: url("../img/icon_btn_download.png");
	background-position: 0 center
}

.container .table {
	position: relative;
	width: 100%;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	border-collapse: separate
}

.container .table th, .container .table td {
	vertical-align: middle
}

.container .table.board {
	border-top: 1px solid #000;
	border-bottom: 0
}

.container .table.board thead tr th:last-of-type {
	border-right: 0
}

.container .table.col thead tr th {
	position: relative;
	padding: 1.1rem 0;
	font-size: 1.6rem;
	font-weight: 500;
	color: #202020;
	text-align: center;
	background-color: #f9f9f9;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	vertical-align: middle
}

.container .table.col thead tr th.line {
	width: 17rem;
	background-image: linear-gradient(to top right, #f9f9f9 49.5%, #d2d2d2, #f9f9f9 50.5%)
}

.container .table.col thead tr th.line .left {
	position: absolute;
	bottom: 20%;
	left: 2rem
}

.container .table.col thead tr th.line .right {
	position: absolute;
	top: 20%;
	right: 2rem
}

.container .table.col tbody tr:last-of-type td {
	border-bottom: 0
}

.container .table.col tbody tr td {
	padding: 1.2rem 0;
	font-size: 1.6rem;
	color: #202020;
	text-align: center;
	line-height: 2.6rem;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2
}

.container .table.col tbody tr td:last-of-type {
	border-right: 0
}

.container .table.col tbody tr td.no-pd {
	padding: 0;
	line-height: 2.4rem
}

.container .table.col tbody tr td .sm {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 2.2rem
}

.container .post-top-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: -2rem;
	padding-bottom: 3rem
}

.container .post-top-wrap .tab-box ul {
	font-size: 0
}

.container .post-top-wrap .tab-box ul li {
	display: inline-block
}

.container .post-top-wrap .tab-box ul li a {
	display: inline-block;
	min-width: 5.8rem;
	height: 3.2rem;
	margin-right: 0.8rem;
	padding: 0 1rem;
	font-size: 1.5rem;
	font-weight: 300;
	color: #989898;
	line-height: 3rem;
	border: 1px solid #d2d2d2;
	text-align: center
}

.container .post-top-wrap .tab-box ul li a#bo_cate_on {
	font-weight: 400;
	color: #202020;
	border-color: #202020
}

.container .post-top-wrap .search-box {
	position: relative;
	display: inline-block;
	width: 28rem;
	margin-left: auto;
	border-bottom: 2px solid #202020
}

.container .post-top-wrap .search-box input[type="text"] {
	width: 100%;
	height: 5rem;
	padding-right: 3rem;
	border: none;
	outline: none;
	box-shadow: none
}

.container .post-top-wrap .search-box .btn {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 2.2rem;
	height: 2.2rem;
	margin-top: -1.1rem;
	background-image: url("../img/icon_post_search.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: transparent
}

.container .post-list ul {
	display: flex;
	flex-wrap: wrap
}

.container .post-list ul li {
	width: calc(33.33% - 2.5%);
	margin-right: 3.75%;
	margin-bottom: 3.75%
}

.container .post-list ul li:nth-of-type(3n) {
	margin-right: 0
}

.container .post-list ul li a {
	display: block
}

.container .post-list ul li a:hover .content .subject span::after {
	width: 100%
}

.container .post-list ul li a .thumb {
	position: relative;
	width: 100%
}

.container .post-list ul li a .content .label {
	margin-top: 1.9rem;
	font-size: 1.6rem;
	color: #202020;
	line-height: 1
}

.container .post-list ul li a .content .label span {
	position: relative;
	padding-right: 1.2rem
}

.container .post-list ul li a .content .label span::after {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%
}

.container .post-list ul li a .content .label span.red::after {
	background-color: #f84931
}

.container .post-list ul li a .content .label span.blue::after {
	background-color: #053863
}

.container .post-list ul li a .content .label span.sky::after {
	background-color: #3ab6fd
}

.container .post-list ul li a .content .subject {
	font-size: 2rem;
	font-weight: 700;
	color: #1b1b1b;
	line-height: 3.2rem
}

.container .post-list ul li a .content .subject span {
	position: relative;
	transition: border 0.1s;
	border-bottom: 2px solid #fff
}

.container .post-list ul li a .content .subject span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	transition: width 0.3s;
	background-color: #202020
}

.container .post-list ul li a .content .date {
	font-size: 1.5rem;
	color: #8b8b8b
}

.container .post-list.normal ul li a .thumb {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.21%
}

.container .post-list.normal ul li a .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.container .post-list.normal ul li a .thumb .icon {
	position: absolute;
	bottom: 1.5rem;
	right: 1.5rem;
	display: block;
	font-size: 0;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 3
}

.container .post-list.normal ul li a .thumb .icon.play {
	width: 5rem;
	height: 5rem;
	background-image: url("../img/icon_post_play.png")
}

.container .post-list.normal ul li a .content .subject {
	margin-top: 1rem
}

.container .post-list.normal ul li a .content .date {
	margin-top: 1.7rem
}

.container .post-list.long ul li a .thumb img {
	width: 100%
}

.container .post-list.long ul li a .content .subject {
	margin-top: 0.8rem
}

.container .post-list.long ul li a .content .date {
	margin-top: 1.3rem
}

.container .post-list.board .table {
	table-layout: fixed;
	margin-bottom: 2.5rem;
	border-top: 1px solid #000;
	border-bottom: 1px solid #d2d2d2
}

.container .post-list.board .table colgroup col.num {
	width: 5.8%
}

.container .post-list.board .table colgroup col.category {
	width: 9.2%
}

.container .post-list.board .table colgroup col.subject {
	width: 65%
}

.container .post-list.board .table colgroup col.date {
	width: 12.5%
}

.container .post-list.board .table colgroup col.count {
	width: 7.5%
}

.container .post-list.board .table thead tr th {
	padding: 1.4rem 0;
	border-right: 0
}

.container .post-list.board .table tbody tr td {
	padding: 1.4rem 0;
	font-weight: 400;
	border-right: 0
}

.container .post-list.board .table tbody tr td.ellipsis {
	padding-left: 2rem;
	text-align: left
}

.container .post-list.board .table tbody tr td.line {
	border-bottom: 1px solid
}

.container .post-list.board .table tbody tr td.line.sky {
	border-color: #3ab6fd
}

.container .post-list.board .table tbody tr td.line.green {
	border-color: #83db34
}

.container .post-list.board .table tbody tr td.line.blue {
	border-color: #053863
}

.container .post-list.board .table tbody tr td.line.red {
	border-color: #f84931
}

.container .post-view .view-top {
	position: relative;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid #202020
}

.container .post-view .view-top .prev {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 2.9rem;
	height: 2.9rem;
	background-image: url("../img/arrow_post_view_prev_list.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 center
}

.container .post-view .view-top .post-title {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-left: 10rem;
	padding-right: 10rem;
	font-size: 2.8rem;
	font-weight: 700;
	color: #202020;
	text-align: center
}

.container .post-view .view-top .post-title .label {
	display: inline-block;
	margin-right: 1rem;
	height: 3.2rem;
	padding: 0 1rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 3rem;
	text-align: center;
	vertical-align: text-bottom;
	flex-shrink: 0
}

.container .post-view .view-top .post-title .label.red {
	color: #f84931;
	border: 1px solid #f84931
}

.container .post-view .view-top .post-title .label.green {
	color: #83db34;
	border: 1px solid #83db34
}

.container .post-view .view-top .post-title .label.sky {
	color: #3ab6fd;
	border: 1px solid #3ab6fd
}

.container .post-view .view-top .post-title .label.blue {
	color: #053863;
	border: 1px solid #053863
}

.container .post-view .view-top .info {
	margin-top: 1.2rem;
	text-align: center
}

.container .post-view .view-top .info span {
	font-size: 1.5rem;
	color: #8b8b8b
}

.container .post-view .view-top .info span.date {
	padding-right: 1.2rem
}

.container .post-view .view-top .info span.count {
	position: relative;
	padding-left: 1.2rem
}

.container .post-view .view-top .info span.count::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -1px;
	width: 1px;
	height: 1.2rem;
	margin-top: -0.6rem;
	background-color: #d2d2d2
}

.container .post-view .view-attachment {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e6e6e6
}

.container .post-view .view-attachment .attach-title {
	padding: 2rem 6rem;
	font-size: 1.6rem;
	font-weight: 500;
	color: #202020;
	background-color: #f9f9f9
}

.container .post-view .view-attachment .attach-list {
	padding-right: 15%;
	flex-grow: 1;
	text-align: center
}

.container .post-view .view-attachment .attach-list ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.container .post-view .view-attachment .attach-list ul li a {
	display: inline-block;
	margin: 0 1rem;
	padding-left: 2.2rem;
	font-size: 1.5rem;
	font-weight: 300;
	color: #202020;
	background-image: url("../img/icon_attach.png");
	background-repeat: no-repeat;
	background-position: 0 center
}

.container .post-view .view-attachment .attach-list ul li a:hover {
	text-decoration: underline
}

.container .post-view .view-content {
	padding-top: 4rem;
	padding-bottom: 9.5rem;
	font-size: 1.7rem;
	line-height: 2.6rem;
	text-align: center
}

.container .post-view .view-content.policy {
	width: 70rem;
	margin: 0 auto
}

.container .post-view .view-content .slide-wrap {
	position: relative;
	width: 94rem;
	padding: 0 7rem;
	margin: 0 auto;
	overflow: hidden
}

.container .post-view .view-content .slide-wrap img {
	width: 100%;
	height: auto
}

.container .post-view .view-content .slide-wrap .swiper-button-prev,
	.container .post-view .view-content .slide-wrap .swiper-button-next {
	width: 3.4rem;
	height: 5.7rem;
	background-size: 100%
}

.container .post-view .view-content .slide-wrap .swiper-button-prev {
	left: 0;
	background-image: url("../img/arrow_post_view_slide_prev.png")
}

.container .post-view .view-content .slide-wrap .swiper-button-next {
	right: 0;
	background-image: url("../img/arrow_post_view_slide_next.png")
}

.container .post-view .view-content .iframe-wrap {
	position: relative;
	width: 100rem;
	height: 56.3rem;
	margin: 0 auto;
	margin-bottom: 3.5rem
}

.container .post-view .view-content .iframe-wrap iframe, .container .post-view .view-content .iframe-wrap video
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.container .post-view .view-content p {
	font-size: 1.7rem;
	line-height: 2.6rem
}

.container .post-view .view-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.8rem 0;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2
}

.container .post-view .view-bottom .empty {
	font-size: 1.6rem;
	color: #aaa
}

.container .post-view .view-bottom .btn {
	display: block;
	height: auto;
	font-size: 1.6rem;
	font-weight: 700;
	color: #202020;
	line-height: 2.4rem;
	background-repeat: no-repeat
}

.container .post-view .view-bottom .subject {
	margin-top: 1.3rem;
	font-size: 1.6rem;
	color: #aaa
}

.container .post-view .view-bottom .prev-post {
	width: 40%
}

.container .post-view .view-bottom .prev-post .btn {
	text-align: left;
	padding-left: 2rem;
	background-image: url("../img/arrow_post_view_prev_post.png");
	background-position: 0 center
}

.container .post-view .view-bottom .btn-group a {
	width: 12.4rem
}

.container .post-view .view-bottom .next-post {
	width: 40%
}

.container .post-view .view-bottom .next-post .btn {
	text-align: right;
	padding-right: 2rem;
	background-image: url("../img/arrow_post_view_next_post.png");
	background-position: right center
}

.container .post-view .view-bottom .next-post .subject {
	text-align: right
}

.container .post-view .view-bottom .next-post .empty {
	text-align: right
}

.container .pagination {
	padding-top: 2rem
}

.container .pagination ul {
	display: flex;
	justify-content: center;
	align-items: center
}

.container .pagination ul li {
	padding: 0 1.7rem
}

.container .pagination ul li.arrow {
	padding-top: 2px
}

.container .pagination ul li.arrow a {
	width: 1.6rem;
	height: 1.6rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%
}

.container .pagination ul li.arrow.prev a {
	background-image: url("../img/arrow_pagination_prev.png")
}

.container .pagination ul li.arrow.next a {
	background-image: url("../img/arrow_pagination_next.png")
}

.container .pagination ul li a {
	display: block;
	font-size: 1.7rem;
	font-weight: 300;
	color: #989898;
	border-bottom: 1px solid #fff;
	transition: 0.1s
}

.container .pagination ul li a.active {
	font-weight: 700;
	color: #053863;
	border-bottom: 1px solid #053863
}

.container .pagination ul li a:hover {
	font-weight: 400;
	color: #053863
}

.container .download-list ul {
	display: flex;
	justify-content: space-between
}

.container .download-list ul li {
	width: calc(33.33% - 4rem)
}

.container .download-list ul li .thumb {
	text-align: center
}

.container .download-list ul li .content {
	margin-top: -7.5rem;
	padding: 10rem 5rem 3.5rem 5rem;
	text-align: center;
	background-color: #eeeeee
}

.container .download-list ul li .content h3 {
	font-size: 2rem;
	font-weight: 700;
	color: #202020
}

.container .download-list ul li .content .btn-group {
	margin-top: 2.5rem;
	justify-content: center
}

.container .download-list ul li .content .btn-group a {
	width: 100%
}

.container .main-part .main-visual {
	position: relative;
	height: calc(100vh - 7.5rem);
	background-image: url("../img/bg_main_visual.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden
}

.container .main-part .main-visual .menu-list {
	position: absolute;
	top: 60%;
	left: 27%;
	width: 96rem;
	height: 30rem;
	margin-left: -47.3rem;
	z-index: 2
}

.container .main-part .main-visual .menu-list::before {
	content: "";
	position: absolute;
	top: -40rem;
	left: 115rem;
	width: 659px;
	height: 288px;
	background-image: url("../img/bg_main_title.png");
	background-repeat: no-repeat;
	background-size: 100%
}

.container .main-part .main-visual .menu-list ul {
	display: flex;
	/* flex-wrap: wrap; */
	padding: 7px;
	padding-bottom: 0;
	background-color: #fff;
	border-radius: 5px;
	justify-content: space-between;
            width: 1200px;
}

.container .main-part .main-visual .menu-list ul li {
	width: calc(33.33% - 4.5px);
	height: 25.5rem;
	margin-bottom: 7px;
	border-radius: 3px;
	overflow: hidden
}

.container .main-part .main-visual .menu-list ul li.observation a {
	background-size: 26rem;
	background-image: url("../img/bg_main_visual_observation.png")
}

.container .main-part .main-visual .menu-list ul li.analysis a {
	background-size: 26rem;
	background-image: url("../img/bg_main_visual_analysis.png")
}

.container .main-part .main-visual .menu-list ul li.notify a {
	background-size: 26rem;
	background-image: url("../img/bg_main_visual_notify.png")
}

.container .main-part .main-visual .menu-list ul li.education a {
	background-size: 26rem;
	background-image: url("../img/bg_main_visual_education.png")
}

.container .main-part .main-visual .menu-list ul li.reference a {
	background-size: 26rem;
	background-image: url("../img/bg_main_visual_reference.png")
}

.container .main-part .main-visual .menu-list ul li.experience a {
	background-size: 26rem;
	background-image: url("../img/bg_main_visual_experience.png")
}

.container .main-part .main-visual .menu-list ul li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover
}

.container .main-part .main-visual .menu-list ul li a:hover::before {
	opacity: 1
}

.container .main-part .main-visual .menu-list ul li a:hover>h1 {
	opacity: 0
}

.container .main-part .main-visual .menu-list ul li a:hover .content {
	transform: translateY(0);
	opacity: 1
}

.container .main-part .main-visual .menu-list ul li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.45);
	transition: 0.2s;
	opacity: 0
}

.container .main-part .main-visual .menu-list ul li a>h1 {
	padding-top: 18rem;
	font-size: 3rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	transition: 0.1s;
	opacity: 1
}

.container .main-part .main-visual .menu-list ul li a .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 5rem;
	transition: 0.3s;
	transform: translateY(100%);
	text-align: center;
	opacity: 0;
	z-index: 3
}

.container .main-part .main-visual .menu-list ul li a .content h1 {
	font-size: 3rem;
	font-weight: 700;
	color: #fff
}

.container .main-part .main-visual .menu-list ul li a .content p {
	margin-top: 0.5rem;
	font-size: 1.6rem;
	color: rgba(255, 255, 255, 0.8)
}

.container .main-part .main-visual .menu-list ul li a .content .btns {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5.5rem;
	font-size: 1.4rem;
	color: #fff;
	line-height: 5.5rem;
	background-color: #3ab6fd;
	transition: background 0.2s;
	text-align: center
}

.container .main-part .main-visual .menu-list ul li a .content .btns span
	{
	padding-right: 3.3rem;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url("../img/arrow_main_visual_btn.png")
}

.container .observation-part .earthquake-group .top-visual .bg-img {
	background-image: url("../img/top_visual_observation_earthquake.jpg")
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content table
	{
	border-bottom: 0
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content table col.category
	{
	width: 19%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content table col.speed-1
	{
	width: 12.5%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content table col.speed-2
	{
	width: 10%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content table col.speed-3
	{
	width: 10%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content table col.speed-4
	{
	width: 11.5%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content table col.accel-1
	{
	width: 11.5%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content table col.accel-2
	{
	width: 11.5%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content table col.total
	{
	width: 14%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content table tr:nth-of-type(1) th:last-of-type
	{
	border-right: 0
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content table tr td
	{
	border-bottom: 1px solid #d2d2d2
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content table tr td:first-of-type
	{
	font-weight: 500
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .wave-wrap
	{
	position: absolute;
	top: 50%;
	left: 45%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-2 .sub-section .sub-section-content img
	{
	margin-top: 5rem
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(1) .sub-section-content .table col.category
	{
	width: 20%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(1) .sub-section-content .table col.analog
	{
	width: 20%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(1) .sub-section-content .table col.digital
	{
	width: 20%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(1) .sub-section-content .table col.meter
	{
	width: 20%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(1) .sub-section-content .table tr th:last-of-type
	{
	border-right: 0
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(1) .sub-section-content .table tr td:first-of-type
	{
	font-weight: 500
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table col.rank
	{
	width: 6.5%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table col.scale
	{
	width: 7.5%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table col.date
	{
	width: 14.5%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table col.time
	{
	width: 11.5%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table col.latitude
	{
	width: 9%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table col.longitude
	{
	width: 9%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table col.area
	{
	width: 42%
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table thead tr th:last-of-type
	{
	border-right: 0
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table thead tr th span
	{
	font-size: 1.2rem;
	font-weight: 400
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(1) td
	{
	font-weight: 500;
	background-color: #ffb063
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(2) td
	{
	font-weight: 500;
	background-color: #ffbf63
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(3) td
	{
	font-weight: 500;
	background-color: #ffca6d
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(4) td,
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(5) td
	{
	font-weight: 500;
	background-color: #f9d48a
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(6) td,
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(7) td
	{
	background-color: #f9e499
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(8) td,
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(9) td,
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(10) td
	{
	background-color: #faf1ab
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(11) td,
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(12) td,
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(13) td,
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:nth-of-type(14) td
	{
	background-color: #f8f4c5
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr td
	{
	border: 0
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr td:last-of-type
	{
	text-align: left;
	padding-left: 1rem
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section .sub-section-content h4
	{
	margin-top: 5rem
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section .sub-section-content .as-of
	{
	margin-top: -1.2rem
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section .sub-section-content .table
	{
	margin-top: 1.2rem;
	margin-bottom: 1.5rem
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section .sub-section-content img
	{
	margin-top: 2rem
}

.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section .sub-section-content .btn-group
	{
	margin-top: 2.5rem
}

.container .observation-part .tsunami-group .top-visual .bg-img {
	background-image: url("../img/top_visual_observation_tsunami.jpg")
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(1) .sub-section-content
	{
	position: relative;
	margin-top: 1rem
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(1) .sub-section-content .img-front
	{
	position: absolute;
	top: 2%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(1) .sub-section-content .img-front img
	{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: opacity 1s;
	opacity: 0
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(1) .sub-section-content .img-front img.circle-1
	{
	transition-delay: 0.5s
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(1) .sub-section-content .img-front img.circle-2
	{
	transition-delay: 1s
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(1) .sub-section-content .img-front img.circle-3
	{
	transition-delay: 1.5s
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(1) .sub-section-content .circle-wrap
	{
	position: absolute;
	top: 52%;
	left: 50%;
	width: 59%;
	height: 82.5%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	transition: opacity 1s;
	opacity: 0;
	transition-delay: 1.5s;
	z-index: 3
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(1) .sub-section-content .circle-wrap .circle
	{
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(1) .sub-section-content .circle-wrap .circle.red
	{
	top: 7.5%;
	right: 20%;
	background-color: #f84931
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(1) .sub-section-content .circle-wrap .circle.green
	{
	top: 60.5%;
	left: 0;
	background-color: #83db34
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(1) .sub-section-content .circle-wrap .circle.blue
	{
	bottom: 10%;
	right: 16.3%;
	background-color: #053863
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(1) .sub-section-content .img-back
	{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(2) .sub-section-content ul
	{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 4.5rem
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(2) .sub-section-content ul li
	{
	width: calc(50% - 3px)
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(2) .sub-section-content ul li:nth-of-type(1),
	.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(2) .sub-section-content ul li:nth-of-type(2)
	{
	margin-bottom: 6px
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(2) .sub-section-content ul li img
	{
	display: block
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) img
	{
	display: block;
	margin: 0 auto
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) .table
	{
	margin-bottom: 5.3rem;
	margin-bottom: 3rem
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) .table colgroup col.category
	{
	width: 5%
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) .table colgroup col.date
	{
	width: 10%
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) .table colgroup col.epicenter
	{
	width: 15%
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) .table colgroup col.scale
	{
	width: 6%
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) .table colgroup col.east
	{
	width: 11%
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) .table colgroup col.damage
	{
	width: 18%
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) .table colgroup col.remark
	{
	width: 35%
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) .table thead th:last-of-type
	{
	border-right: 0
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) .table tbody tr td
	{
	padding-left: 1rem;
	padding-right: 1rem;
	word-break: keep-all
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) .table tbody tr td:last-of-type
	{
	padding-left: 1.5rem;
	text-align: left
}

.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) p
	{
	margin-top: 5.5rem;
	line-height: 3.4rem;
	margin-bottom: 3.3rem
}

.container .observation-part .volcano-group .top-visual .bg-img {
	background-image: url("../img/top_visual_observation_volcano.jpg")
}

.container .observation-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table
	{
	margin-top: 3.5rem
}

.container .observation-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.category
	{
	width: 16%
}

.container .observation-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.way
	{
	width: 27%
}

.container .observation-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.element
	{
	width: 57%
}

.container .observation-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table thead th:last-of-type
	{
	border-right: 0
}

.container .observation-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table tbody tr:nth-of-type(1) td:first-of-type,
	.container .observation-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table tbody tr:nth-of-type(2) td:first-of-type
	{
	background-color: #f4f9fd
}

.container .observation-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table tbody tr td:last-of-type
	{
	padding-left: 2rem;
	text-align: left
}

.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content p
	{
	margin-top: 3.5rem;
	line-height: 3.6rem
}

.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table
	{
	margin-top: 3.5rem
}

.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.vei
	{
	width: 8%
}

.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.amount
	{
	width: 17%
}

.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.state
	{
	width: 29%
}

.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.height
	{
	width: 16%
}

.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.example
	{
	width: 30%
}

.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table thead tr th:last-of-type
	{
	border-right: 0
}

.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table tbody tr td:nth-of-type(3)
	{
	padding-left: 1.5rem;
	text-align: left
}

.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .descript
	{
	margin-top: 1rem;
	text-align: right
}

.container .analysis-part .earthquake-group .top-visual .bg-img {
	background-image: url("../img/top_visual_analysis_earthquake.jpg")
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2).active .svg-line-sm
	{
	stroke-dasharray: 100;
	stroke-dashoffset: 100;
	animation-name: svg-dash;
	animation-duration: 2s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2).active .svg-line-md
	{
	stroke-dasharray: 150;
	stroke-dashoffset: 150;
	animation-name: svg-dash;
	animation-duration: 2s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2).active .svg-line-lg
	{
	stroke-dasharray: 200;
	stroke-dashoffset: 200;
	animation-name: svg-dash;
	animation-duration: 2s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content .img
	{
	position: relative;
	margin-top: 3rem;
	overflow: hidden
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content .img .icon
	{
	position: absolute
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content .img .icon.icon-1
	{
	top: 18.6%;
	left: 6.1%;
	transform: scale(1.1)
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content .img .icon.icon-2
	{
	top: 22%;
	left: 25.8%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content .img .icon.icon-3
	{
	top: 19.5%;
	left: 45%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content .img .icon.icon-4
	{
	top: 21.6%;
	left: 65.8%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content .img .icon.icon-5
	{
	top: 18.6%;
	left: 85%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content h4:nth-of-type(2)
	{
	margin-top: 6rem
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content .text
	{
	margin-top: 1.4rem;
	font-size: 2.2rem;
	line-height: 3.4rem
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content img
	{
	display: block;
	margin: 3.5rem auto 0 auto
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(2)
	{
	margin-top: 10rem
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content h4
	{
	margin-top: 5rem
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table
	{
	margin-top: 2rem
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.date
	{
	width: 17%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.category
	{
	width: 17%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.scale
	{
	width: 8%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.time-1
	{
	width: 14%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.time-2
	{
	width: 14%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.time-3
	{
	width: 14%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.remark
	{
	width: 16%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table thead tr:nth-of-type(1) th:last-of-type
	{
	border-right: 0
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4).active .sub-section-content .img .time div:nth-of-type(3)
	{
	opacity: 0
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4).active .sub-section-content .img .time.time-1 div:nth-of-type(2)
	{
	transform: rotate(50deg);
	transition: transform 1s;
	transition-delay: 1s
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4).active .sub-section-content .img .time.time-2 div:nth-of-type(2)
	{
	transform: rotate(75deg);
	transition: transform 1s;
	transition-delay: 1s
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4).active .sub-section-content .img .time.time-3 div:nth-of-type(2)
	{
	transform: rotate(105deg);
	transition: transform 1.2s;
	transition-delay: 1s
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4).active .sub-section-content .img .time.time-4 div:nth-of-type(2)
	{
	transform: rotate(140deg);
	transition: transform 1.5s;
	transition-delay: 1s
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .sub-section-content img
	{
	margin-top: 4.5rem
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section
	{
	margin-top: 7rem
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section .sub-section-content .text:nth-of-type(2)
	{
	margin-top: 5rem
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section .sub-section-content img
	{
	margin-top: 5rem
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) img
	{
	margin-top: 0
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table
	{
	margin-top: 3.7rem;
	margin-bottom: 1.5rem
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.grade
	{
	width: 9%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.current
	{
	width: 56%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.speed-1
	{
	width: 19%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.speed-2
	{
	width: 16%
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table thead tr th:last-of-type
	{
	border-right: 0
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr:last-of-type td:last-of-type
	{
	border-right: 1px solid #d2d2d2
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr td:nth-of-type(2)
	{
	padding: 1.5rem;
	text-align: left
}

.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr td
	{
	word-break: keep-all
}

.container .analysis-part .tsunami-group .top-visual .bg-img {
	background-image: url("../img/top_visual_analysis_tsunami.jpg")
}

.container .analysis-part .tsunami-group .sub-section:nth-of-type(1) img
	{
	margin-top: 5.5rem
}

.container .analysis-part .tsunami-group .sub-section:nth-of-type(2) img
	{
	margin-top: 5.5rem
}

.container .analysis-part .tsunami-group .sub-section:nth-of-type(3).active .img:nth-of-type(1) .action::before
	{
	width: 0
}

.container .analysis-part .tsunami-group .sub-section:nth-of-type(3) .img
	{
	position: relative
}

.container .analysis-part .tsunami-group .sub-section:nth-of-type(3) .img:nth-of-type(1)
	{
	margin-top: 5.5rem;
	height: 0;
	padding-bottom: 13%
}

.container .analysis-part .tsunami-group .sub-section:nth-of-type(3) .img:nth-of-type(1)>img
	{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.container .analysis-part .tsunami-group .sub-section:nth-of-type(3) .img:nth-of-type(1) .action
	{
	position: absolute;
	top: 20%;
	left: 6%;
	z-index: 1
}

.container .analysis-part .tsunami-group .sub-section:nth-of-type(3) .img:nth-of-type(1) .action::before
	{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transition: width 2s;
	background-color: #fff
}

.container .analysis-part .tsunami-group .sub-section:nth-of-type(3) .img:nth-of-type(2)
	{
	margin-top: 4rem
}

.container .analysis-part .tsunami-group .sub-section img {
	display: block;
	margin: 0 auto
}

.container .analysis-part .volcano-group .top-visual .bg-img {
	background-image: url("../img/top_visual_analysis_volcano.jpg")
}

.container .analysis-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .img
	{
	position: relative
}

.container .analysis-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .img .gif
	{
	position: absolute;
	top: 4.8%;
	left: 2.3%;
	width: 48.3%
}

.container .analysis-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .img:first-of-type
	{
	margin-top: 5.5rem
}

.container .analysis-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .img:last-of-type
	{
	margin-top: 3rem
}

.container .analysis-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content ul
	{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 5.3rem
}

.container .analysis-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content ul li
	{
	width: calc(50% - 3px);
	margin-bottom: 6px
}

.container .notify-part .earthquake-group .top-visual .bg-img {
	background-image: url("../img/top_visual_notify_earthquake.jpg")
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content h4:nth-of-type(2)
	{
	margin-top: 5.5rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content p.gray
	{
	margin-top: 0.5rem;
	font-size: 2rem;
	color: #6f6f6f
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content img
	{
	margin-top: 5.2rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content .table
	{
	margin-bottom: 1.5rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.category
	{
	width: 10%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.fast-1
	{
	width: 14%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.fast-2
	{
	width: 20%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.detail-1
	{
	width: 8%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.detail-2
	{
	width: 20%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content .table thead tr th:last-of-type
	{
	border-right: 0
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content .table thead tr th
	{
	padding: 1.4rem 0
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content .table tbody tr td
	{
	padding: 1.8rem 0
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(4).active .svg-line-sm
	{
	stroke-dasharray: 100;
	stroke-dashoffset: 100;
	animation-name: svg-dash;
	animation-duration: 2s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(4).active .svg-line-md
	{
	stroke-dasharray: 150;
	stroke-dashoffset: 150;
	animation-name: svg-dash;
	animation-duration: 2s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(4).active .svg-line-lg
	{
	stroke-dasharray: 200;
	stroke-dashoffset: 200;
	animation-name: svg-dash;
	animation-duration: 2s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(4) .sub-section-content h4
	{
	margin-top: 5rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(4) .sub-section-content .img
	{
	position: relative;
	margin-top: 3rem;
	overflow: hidden
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(4) .sub-section-content .img .icon
	{
	position: absolute
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(4) .sub-section-content .img .icon.icon-1
	{
	top: 20.6%;
	left: 6.5%;
	transform: scale(1.1)
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(4) .sub-section-content .img .icon.icon-2
	{
	top: 24.3%;
	left: 33.5%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(4) .sub-section-content .img .icon.icon-3
	{
	top: 25.5%;
	left: 60%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(4) .sub-section-content .img .icon.icon-4
	{
	top: 23.3%;
	left: 86%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .text
	{
	margin-top: 1.2rem;
	font-size: 2.2rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area
	{
	margin-top: 2rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area .btns ul
	{
	display: flex;
	border: 1px solid #d2d2d2
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area .btns ul li
	{
	width: 25%;
	text-align: center
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area .btns ul li:last-of-type a
	{
	border-right: 0
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area .btns ul li a
	{
	display: block;
	font-size: 1.8rem;
	color: #6f6f6f;
	line-height: 5.8rem;
	background-color: #f5f5f5;
	border-right: 1px solid #d2d2d2
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area .btns ul li a.active
	{
	font-weight: 500;
	color: #fff;
	background-color: #053863
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area .content
	{
	display: none;
	padding: 2.7rem;
	border: 1px solid #d2d2d2;
	border-top: 0
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area .content.active
	{
	display: block
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area .content:first-of-type p
	{
	line-height: 3rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area .content h5
	{
	margin-top: 3rem;
	margin-bottom: 0.5rem;
	font-size: 2.2rem;
	font-weight: 500;
	color: #053863
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area .content h5:first-of-type
	{
	margin-top: 1rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area .content p
	{
	font-size: 2rem;
	color: #6f6f6f;
	line-height: 5rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .tab-area .content p span
	{
	color: #202020
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section .text
	{
	margin-top: 1.5rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section .text:first-of-type
	{
	margin-top: 0
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section .text span
	{
	font-size: 2rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section .btn-group
	{
	margin-top: 4rem;
	justify-content: center
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section .btn-group a
	{
	width: 21.1rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) h4
	{
	margin-top: 5.5rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) h5
	{
	margin-top: 5rem;
	font-size: 2rem;
	font-weight: 500
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .descript
	{
	margin-top: 1rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .red-dot
	{
	margin-top: 1.2rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .red-dot:nth-last-of-type(3)
	{
	margin-top: 1.5rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .table
	{
	margin-top: 2rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .table colgroup col.scale-1
	{
	width: 25%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .table colgroup col.scale-2
	{
	width: 25%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .table colgroup col.area-1
	{
	width: 18%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .table colgroup col.area-2
	{
	width: 32%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .table thead tr:first-of-type th:last-of-type
	{
	border-right: 0
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) img
	{
	margin-top: 2rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(2) h4
	{
	margin-top: 4rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(2) .text
	{
	letter-spacing: -1.5px
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(2) .red-dot
	{
	margin-top: 2.5rem;
	line-height: 3.6rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(2) img
	{
	display: block;
	margin: 3rem auto 0 auto
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(2) .btn-group a
	{
	margin: 0 0.8rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) h4
	{
	margin-top: 5rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) img
	{
	display: block;
	margin: 3.5rem auto 0 auto
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .table
	{
	margin-top: 5.5rem
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .table colgroup col.media
	{
	width: 13.5%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .table colgroup col.where
	{
	width: 18%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .table colgroup col.way
	{
	width: 68.5%
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .table thead tr th:last-of-type
	{
	border-right: 0
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .table tbody tr:nth-of-type(1) td:first-of-type,
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .table tbody tr:nth-of-type(3) td:first-of-type,
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .table tbody tr:nth-of-type(10) td:first-of-type,
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .table tbody tr:nth-of-type(11) td:first-of-type
	{
	background-color: #f4f9fd
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .table tbody tr td
	{
	word-break: keep-all
}

.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .table tbody tr td:last-of-type
	{
	padding-left: 1.5rem;
	text-align: left;
	letter-spacing: -1px
}

.container .notify-part .tsunami-group .top-visual .bg-img {
	background-image: url("../img/top_visual_notify_tsunami.jpg")
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(1) .table
	{
	margin-top: 3.5rem
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(1) .table colgroup col.category
	{
	width: 23%
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(1) .table colgroup col.standard
	{
	width: 77%
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(1) .table tr th:last-of-type
	{
	border-right: 0
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(1) .table tr td:first-of-type
	{
	background-color: #f4f9fd
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(1) .table tr td:last-of-type
	{
	padding-left: 1.8rem;
	text-align: left
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(1) .table tr td:last-of-type span
	{
	position: relative;
	display: block;
	padding-left: 1rem
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(1) .table tr td:last-of-type span::before
	{
	content: "-";
	position: absolute;
	top: 0;
	left: 0
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(1) img {
	display: block;
	margin: 4rem auto 0 auto
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(2) h4 {
	margin-top: 5.5rem
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(1)
	{
	margin-top: 5.5rem
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(1) colgroup col.media
	{
	width: 13.5%
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(1) colgroup col.way-1
	{
	width: 18%
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(1) colgroup col.way-2
	{
	width: 68.5%
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(1) thead th:last-of-type
	{
	border-right: 0
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(1) tbody tr:nth-of-type(1) td:first-of-type,
	.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(1) tbody tr:nth-of-type(2) td:first-of-type,
	.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(1) tbody tr:nth-of-type(5) td:first-of-type
	{
	background-color: #f4f9fd
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(1) tbody tr td:last-of-type
	{
	padding-left: 1.8rem;
	text-align: left
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(2)
	{
	margin-top: 3.5rem
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(2) thead th:last-of-type
	{
	border-right: 0
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(2) tbody td:first-of-type
	{
	background-color: #f4f9fd
}

.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .table:nth-of-type(2) tbody td:last-of-type
	{
	padding-left: 1.8rem;
	text-align: left
}

.container .notify-part .volcano-group .top-visual .bg-img {
	background-image: url("../img/top_visual_notify_volcano.jpg")
}

.container .notify-part .volcano-group .sub-section:nth-of-type(1) .table
	{
	margin-top: 3rem
}

.container .notify-part .volcano-group .sub-section:nth-of-type(1) .table colgroup col.category
	{
	width: 23%
}

.container .notify-part .volcano-group .sub-section:nth-of-type(1) .table colgroup col.standard
	{
	width: 77%
}

.container .notify-part .volcano-group .sub-section:nth-of-type(1) .table thead th:last-of-type
	{
	border-right: 0
}

.container .notify-part .volcano-group .sub-section:nth-of-type(1) .table tbody td:first-of-type
	{
	background-color: #f4f9fd
}

.container .notify-part .volcano-group .sub-section:nth-of-type(1) .table tbody td:last-of-type
	{
	padding-left: 2rem;
	text-align: left
}

.container .notify-part .volcano-group .sub-section:nth-of-type(2) .table colgroup col.category
	{
	width: 13%
}

.container .notify-part .volcano-group .sub-section:nth-of-type(2) .table colgroup col.way-1
	{
	width: 18%
}

.container .notify-part .volcano-group .sub-section:nth-of-type(2) .table colgroup col.way-2
	{
	width: 69%
}

.container .notify-part .volcano-group .sub-section:nth-of-type(2) .table thead th:last-of-type
	{
	border-right: 0
}

.container .notify-part .volcano-group .sub-section:nth-of-type(2) .table tbody tr:nth-of-type(1) td:first-of-type,
	.container .notify-part .volcano-group .sub-section:nth-of-type(2) .table tbody tr:nth-of-type(2) td:first-of-type
	{
	background-color: #f4f9fd
}

.container .notify-part .volcano-group .sub-section:nth-of-type(2) .table tbody tr td:last-of-type
	{
	padding-left: 2rem;
	text-align: left
}

.container .education-part+.pagination {
	margin-top: 3rem
}

.container .education-part .one-minute-group .top-visual .bg-img {
	background-image: url("../img/top_visual_education_one_minute.jpg")
}

.container .education-part .wiki-group .top-visual .bg-img {
	background-image: url("../img/top_visual_education_wiki.jpg")
}

.container .education-part .wiki-group .contents-wrap .hash-tag {
	margin-top: 4rem;
	padding: 2rem 10rem;
	background-color: #fafafa;
	border: 1px dotted #c6c6c6;
	text-align: center;
	transform: translateY(40px);
	transition: opacity 1s, transform 1s;
	opacity: 0
}

.container .education-part .wiki-group .contents-wrap .hash-tag.active {
	transform: translateY(0);
	opacity: 1
}

.container .education-part .wiki-group .contents-wrap .hash-tag a {
	display: inline-block;
	margin: 0.5rem 2rem;
	font-size: 1.7rem;
	color: #989898
}

.container .education-part .wiki-group .contents-wrap .hash-tag a:hover
	{
	text-decoration: underline
}

.container .education-part .wiki-group .contents-wrap .hash-tag a.active
	{
	font-weight: 700;
	color: #053863;
	text-decoration: underline
}

.container .education-part .wiki-group .contents-wrap .post-top-wrap {
	margin-top: 3rem
}

.container .education-part .wiki-group .contents-wrap .board-wrap {
	border-top: 2px solid #202020
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li
	{
	border-bottom: 1px solid #e6e6e6
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .title
	{
	background-image: url("../img/icon_board_qna_question.png");
	background-repeat: no-repeat;
	background-size: 3rem;
	background-position: 2rem center
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .title.active a
	{
	background-image: url("../img/arrow_board_qna_up.png")
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .title a
	{
	display: block;
	padding-left: 6.6rem;
	font-size: 1.7rem;
	font-weight: 700;
	color: #202020;
	line-height: 6rem;
	background-image: url("../img/arrow_board_qna_down.png");
	background-repeat: no-repeat;
	background-position: right 2rem center
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content
	{
	display: none;
	padding: 2.3rem 0 2.3rem 6.6rem;
	background-image: url("../img/icon_board_qna_answerpng.png");
	background-repeat: no-repeat;
	background-size: 3rem;
	background-position: 2rem 2rem;
	border-top: 1px solid #e6e6e6
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content .ib
	{
	display: inline-block !important;
	margin-top: 0;
	vertical-align: middle
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content p,
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content div
	{
	font-size: 1.7rem;
	color: #202020;
	line-height: 1.5
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content p:first-of-type,
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content div:first-of-type
	{
	margin-top: 0
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content .sm
	{
	margin-top: 1rem !important;
	font-size: 1.5rem !important;
	text-align: center
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content .sm2
	{
	font-size: 1.5rem !important
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content sup
	{
	font-size: 1.2rem;
	vertical-align: super
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content span
	{
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content img
	{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 80rem
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content table
	{
	max-width: 87rem;
	margin: 0 auto
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content table td
	{
	vertical-align: middle
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content table td p
	{
	margin-top: 0
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content table .sm
	{
	margin-top: 0 !important
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content .caption
	{
	margin-top: 1rem;
	font-size: 1.6rem;
	color: #6f6f6f;
	line-height: 2.4rem
}

.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content .source
	{
	margin-top: 1.5rem;
	font-size: 1.5rem;
	color: #6f6f6f
}

.container .education-part .lecture-group .top-visual .bg-img {
	background-image: url("../img/top_visual_education_lecture.jpg")
}

.container .reference-part .media-group .top-visual .bg-img {
	background-image: url("../img/top_visual_reference_media.jpg")
}

.container .reference-part .image-group .top-visual .bg-img {
	background-image: url("../img/top_visual_reference_image.jpg")
}

.container .reference-part .book-group .top-visual .bg-img {
	background-image: url("../img/top_visual_reference_book.jpg")
}

.container .reference-part .policy-group .top-visual .bg-img {
	background-image: url("../img/top_visual_reference_policy.jpg")
}

.container .experience-part {
	position: relative;
	height: calc(100vh - 7.5rem)
}

.container .experience-part .intro-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../img/bg_vr_intro.jpg");
	background-size: cover;
	transition: 2s;
	visibility: hidden;
	opacity: 0;
	z-index: -1
}

.container .experience-part .intro-wrap.active {
	visibility: visible;
	opacity: 1;
	z-index: 5
}

.container .experience-part .intro-wrap .content {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	z-index: 2
}

.container .experience-part .intro-wrap .content .intro-title {
	padding-top: 11rem;
	font-size: 4.6rem;
	font-weight: 700;
	color: #fff;
	background-image: url("../img/icon_vr_intro.png");
	background-repeat: no-repeat;
	background-position: center 0
}

.container .experience-part .intro-wrap .content .intro-content {
	margin-top: 2rem;
	font-size: 2rem;
	color: rgba(255, 255, 255, 0.7);
	line-height: 3.2rem
}

.container .experience-part .intro-wrap .content .btn {
	display: inline-block;
	width: 17rem;
	height: 5.8rem;
	margin-top: 4.5rem;
	font-size: 2rem;
	font-weight: 700;
	color: #f84931;
	line-height: 5.6rem;
	transition: 0.1s;
	border: 1px solid #f84931;
	cursor: pointer
}

.container .experience-part .intro-wrap .content .btn:hover {
	color: #fff;
	background-color: #f84931
}

.container .experience-part .intro-wrap .wave-wrap .wave {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 55rem;
	height: 55rem;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	animation: wave-vr 8s infinite ease-in;
	opacity: 0
}

.container .experience-part .intro-wrap .wave-wrap .wave.wave-2 {
	animation-delay: -2s
}

.container .experience-part .intro-wrap .wave-wrap .wave.wave-3 {
	animation-delay: -4s
}

.container .experience-part .intro-wrap .wave-wrap .wave.wave-4 {
	animation-delay: -6s
}

.container .experience-part .intro-wrap .wave-wrap .wave.wave-5 {
	animation-delay: -8s
}

.container .experience-part .vr-wrap {
	position: relative
}

.container .experience-part .vr-wrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: 0.1s;
	z-index: 4
}

.container .experience-part .vr-wrap.active::before {
	visibility: hidden;
	opacity: 0
}

.container .experience-part .vr-wrap .top-area {
	position: absolute;
	top: 5rem;
	left: 50%;
	width: 100%;
	max-width: 168rem;
	transform: translateX(-50%);
	z-index: 3;
	display: flex
}

.container .experience-part .vr-wrap .top-area .steps {
	position: relative;
	margin-left: 31%;
	margin-right: auto
}

.container .experience-part .vr-wrap .top-area .steps ul {
	display: flex
}

.container .experience-part .vr-wrap .top-area .steps ul li {
	position: relative;
	width: 18rem;
	height: 6rem;
	font-size: 1.8rem;
	color: #fff;
	line-height: 6rem;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.3);
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	cursor: pointer
}

.container .experience-part .vr-wrap .top-area .steps ul li:last-child {
	border-right: 0
}

.container .experience-part .vr-wrap .top-area .steps ul li:last-child.active::after
	{
	display: none
}

.container .experience-part .vr-wrap .top-area .steps ul li.active {
	font-size: 2.6rem;
	font-weight: 700;
	background-color: #f84931;
	border-right: 0
}

.container .experience-part .vr-wrap .top-area .steps ul li.active::after
	{
	opacity: 1
}

.container .experience-part .vr-wrap .top-area .steps ul li.disable {
	cursor: auto
}

.container .experience-part .vr-wrap .top-area .steps ul li::after {
	content: "";
	position: absolute;
	top: 0;
	right: -1.6rem;
	width: 1.6rem;
	height: 6rem;
	background-image: url("../img/arrow_vr_step_active.png");
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 0;
	z-index: 2
}

.container .experience-part .vr-wrap .top-area .steps .guide-popup {
	display: none;
	position: absolute;
	top: 200%;
	left: 50%;
	width: 50rem;
	padding: 5rem 0 3rem 0;
	margin-left: -25rem;
	text-align: center;
	background-color: #fff
}

.container .experience-part .vr-wrap .top-area .steps .guide-popup.active
	{
	display: block
}

.container .experience-part .vr-wrap .top-area .steps .guide-popup::before
	{
	content: "";
	position: absolute;
	top: -1.5rem;
	left: 50%;
	width: 0;
	height: 0;
	transform: translateX(-50%);
	border-left: 3rem solid transparent;
	border-right: 3rem solid transparent;
	border-bottom: 3rem solid #fff
}

.container .experience-part .vr-wrap .top-area .steps .guide-popup h1 {
	font-size: 2rem;
	font-weight: 500
}

.container .experience-part .vr-wrap .top-area .steps .guide-popup .btn
	{
	height: auto;
	margin-top: 3.5rem;
	text-align: center
}

.container .experience-part .vr-wrap .top-area .steps .guide-popup .btn a
	{
	display: inline-block;
	width: 14rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	line-height: 5rem;
	background-color: #f84931
}

.container .experience-part .vr-wrap .video-area {
	height: calc(100vh - 7.5rem)
}

.container .experience-part .vr-wrap .video-area .video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.container .experience-part .vr-wrap .video-area .video.active {
	z-index: 2
}

.container .experience-part .vr-wrap .video-area .video video {
	display: none
}

.container .experience-part .vr-wrap .bottom-area {
	position: absolute;
	bottom: 4rem;
	right: 4rem;
	z-index: 3
}

.container .experience-part .vr-wrap .bottom-area .status {
	display: block;
	width: 10.8rem;
	height: 10.8rem;
	margin-left: 3rem;
	background-image: url("../img/btn_vr_status.png");
	background-size: 100%;
	cursor: pointer
}

.container .campaign-part {
	margin-bottom: -12rem
}

.container .campaign-part img {
	max-width: 100%
}

.container .campaign-part .inner-wrap {
	margin: 0 auto
}

.container .campaign-part .inner-wrap .section-title, .container .campaign-part .inner-wrap .section-date
	{
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: 100%
}

.container .campaign-part .inner-wrap .video-content {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	background-color: #515151
}

.container .campaign-part .inner-wrap .video-content video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.container .campaign-part .inner-wrap .video-content .video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10rem;
	height: 10rem;
	background-image: url("../img/icon_video_play_campaign_black.png");
	transform: translate(-50%, -50%);
	z-index: 2;
	opacity: 0.7
}

.container .campaign-part .inner-wrap .btn-group {
	justify-content: center
}

.container .campaign-part .inner-wrap .btn-group a.black, .container .campaign-part .inner-wrap .btn-group a.white-black
	{
	width: 30rem;
	height: 8rem;
	margin: 0 1rem;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 7.8rem
}

.container .campaign-part .section.section-1 .inner-wrap {
	width: 90rem;
	padding: 10rem 0
}

.container .campaign-part .section.section-1 .inner-wrap .section-title
	{
	width: 78rem;
	height: 11.8rem;
	background-image: url("../img/title_campaign_top.png")
}

.container .campaign-part .section.section-1 .inner-wrap .section-date {
	width: 39rem;
	height: 5.6rem;
	margin-top: 5rem;
	background-image: url("../img/title_campaign_date.png")
}

.container .campaign-part .section.section-1 .inner-wrap .video-content
	{
	margin-top: 6rem
}

.container .campaign-part .section.section-2 {
	background-color: #f84931
}

.container .campaign-part .section.section-2 .inner-wrap {
	width: 90rem;
	padding: 10rem 0 25rem 0
}

.container .campaign-part .section.section-2 .inner-wrap .section-title
	{
	width: 51.5rem;
	height: 4.7rem;
	background-image: url("../img/title_campaign_01.png")
}

.container .campaign-part .section.section-2 .inner-wrap .video-content
	{
	margin-top: 8rem
}

.container .campaign-part .section.section-3 .inner-wrap {
	width: 145rem;
	margin-top: -16rem;
	padding: 8rem 12.5rem 10rem 12.5rem;
	background-color: #fff
}

.container .campaign-part .section.section-3 .inner-wrap .section-title
	{
	width: 31.4rem;
	height: 4rem;
	background-image: url("../img/title_campaign_01_01.png")
}

.container .campaign-part .section.section-3 .inner-wrap .section-title.sub
	{
	width: 46.9rem;
	height: 8.7rem;
	background-image: url("../img/title_campaign_01_sub.png")
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(1) ul
	{
	display: flex;
	flex-wrap: wrap
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(1) ul li
	{
	margin-top: 10rem;
	text-align: center
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(1) ul li.full
	{
	width: 100%
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(1) ul li.half
	{
	width: 50%
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(1) ul li .btn-group
	{
	margin-top: 3rem
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(1) ul li .btn-group a
	{
	width: auto;
	padding: 0 3rem
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2)
	{
	margin-top: 8rem
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .img
	{
	margin-top: 5rem
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .hash-tag
	{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 55.2rem;
	margin-top: 6.5rem;
	margin-left: auto;
	margin-right: auto;
	height: 8.5rem;
	padding: 0 4rem;
	border-radius: 5rem;
	background-color: #0d3668
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .hash-tag h3
	{
	position: relative;
	padding-right: 2.7rem;
	margin-right: 2.4rem;
	font-size: 2.2rem;
	font-weight: 500;
	color: #fff
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .hash-tag h3::after
	{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 3px;
	height: 2.2rem;
	margin-top: -1.1rem;
	background-color: #3b5b83
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .hash-tag p
	{
	margin-right: auto;
	font-size: 2.2rem;
	font-weight: 700;
	color: #3ab6fd
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .hash-tag input
	{
	position: absolute;
	width: 1rem;
	opacity: 0
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .hash-tag a
	{
	padding: 0 1.8rem;
	font-size: 1.8rem;
	font-weight: 500;
	color: #fff;
	line-height: 4rem;
	border: 1px solid #fff
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .btn-group
	{
	margin-top: 8rem
}

.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .btn-group a
	{
	font-weight: 700
}

.container .campaign-part .section.section-4 {
	background-color: #00a297
}

.container .campaign-part .section.section-4 .inner-wrap {
	width: 128rem;
	padding: 10rem 0
}

.container .campaign-part .section.section-4 .inner-wrap .section-title
	{
	width: 65.1rem;
	height: 4rem;
	background-image: url("../img/title_campaign_01_02.png")
}

.container .campaign-part .section.section-4 .inner-wrap .slide {
	position: relative;
	padding: 0 4rem
}

.container .campaign-part .section.section-4 .inner-wrap .slide .swiper-container
	{
	margin-top: 6rem
}

.container .campaign-part .section.section-4 .inner-wrap .slide .swiper-container .swiper-wrapper .swiper-slide
	{
	position: relative;
	width: calc(33.33% - 1rem);
	height: 0;
	padding-bottom: 32.5%;
	margin-right: 1.5rem
}

.container .campaign-part .section.section-4 .inner-wrap .slide .swiper-container .swiper-wrapper .swiper-slide a
	{
	position: absolute;
	width: 100%;
	height: 100%
}

.container .campaign-part .section.section-4 .inner-wrap .slide .swiper-container .swiper-wrapper .swiper-slide a img
	{
	width: 100%
}

.container .campaign-part .section.section-4 .inner-wrap .slide .swiper-button-prev,
	.container .campaign-part .section.section-4 .inner-wrap .slide .swiper-button-next
	{
	width: 8rem;
	height: 8rem;
	margin-top: -4rem;
	background-repeat: no-repeat;
	background-size: 100%
}

.container .campaign-part .section.section-4 .inner-wrap .slide .swiper-button-prev
	{
	left: 0;
	background-image: url("../img/arrow_campaign_slide_prev.png")
}

.container .campaign-part .section.section-4 .inner-wrap .slide .swiper-button-next
	{
	right: 0;
	background-image: url("../img/arrow_campaign_slide_next.png")
}

.container .campaign-part .section.section-5 .inner-wrap {
	width: 90rem;
	padding: 8.5rem 0 11.5rem 0
}

.container .campaign-part .section.section-5 .inner-wrap .section-title
	{
	width: 29.8rem;
	height: 4.5rem;
	background-image: url("../img/title_campaign_02.png")
}

.container .campaign-part .section.section-5 .inner-wrap .content:nth-of-type(1) .img
	{
	margin-top: 8rem
}

.container .campaign-part .section.section-5 .inner-wrap .content:nth-of-type(1) .btn-group
	{
	margin-top: 8rem
}

.container .campaign-part .section.section-5 .inner-wrap .content:nth-of-type(2)
	{
	margin-top: 10rem
}

.container .campaign-part .section.section-5 .inner-wrap .content:nth-of-type(2) .img
	{
	margin-top: 3.5rem
}

.container .campaign-part .section.section-6 {
	background-color: #f5f5f5
}

.container .campaign-part .section.section-6 .inner-wrap {
	width: 120rem;
	padding: 9rem 0 12rem 0
}

.container .campaign-part .section.section-6 .inner-wrap .section-title
	{
	width: 43.6rem;
	height: 4.7rem;
	background-image: url("../img/title_campaign_03.png")
}

.container .campaign-part .section.section-6 .inner-wrap ul {
	display: flex;
	justify-content: space-between;
	margin-top: 9rem
}

.container .campaign-part .section.section-6 .inner-wrap ul li {
	width: calc(50% - 2rem)
}

.container .campaign-part .section.section-6 .inner-wrap ul li .video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	background-color: #fefefe
}

.container .campaign-part .section.section-6 .inner-wrap ul li .video iframe
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.container .campaign-part .section.section-6 .inner-wrap ul li h3 {
	display: inline-block;
	margin-top: 2.5rem;
	font-size: 2.4rem;
	font-weight: 700;
	color: #044ea5;
	border-bottom: 2px solid #044ea5
}

.container .campaign-part .section.section-6 .inner-wrap ul li p {
	margin-top: 1rem;
	font-size: 2.2rem;
	font-weight: 500;
	color: #232323
}

.container .campaign-part .quick-menu {
	position: fixed;
	top: 50%;
	right: 8rem;
	transform: translateY(-50%);
	z-index: 9
}

.container .campaign-part .quick-menu ul li {
	margin-bottom: 1rem
}

.container .campaign-part .quick-menu ul li a {
	display: block;
	width: 11rem;
	height: 10rem;
	background-repeat: no-repeat;
	background-size: 100%
}

.container .campaign-part .quick-menu ul li a:hover.btn-1, .container .campaign-part .quick-menu ul li a.active.btn-1
	{
	background-image: url("../img/btn_campaign_quick_menu_01_active.png")
}

.container .campaign-part .quick-menu ul li a:hover.btn-2, .container .campaign-part .quick-menu ul li a.active.btn-2
	{
	background-image: url("../img/btn_campaign_quick_menu_02_active.png")
}

.container .campaign-part .quick-menu ul li a:hover.btn-3, .container .campaign-part .quick-menu ul li a.active.btn-3
	{
	background-image: url("../img/btn_campaign_quick_menu_03_active.png")
}

.container .campaign-part .quick-menu ul li a:hover.btn-4, .container .campaign-part .quick-menu ul li a.active.btn-4
	{
	background-image: url("../img/btn_campaign_quick_menu_04_active.png")
}

.container .campaign-part .quick-menu ul li a.btn-1 {
	background-image: url("../img/btn_campaign_quick_menu_01.png")
}

.container .campaign-part .quick-menu ul li a.btn-2 {
	background-image: url("../img/btn_campaign_quick_menu_02.png")
}

.container .campaign-part .quick-menu ul li a.btn-3 {
	background-image: url("../img/btn_campaign_quick_menu_03.png")
}

.container .campaign-part .quick-menu ul li a.btn-4 {
	background-image: url("../img/btn_campaign_quick_menu_04.png")
}

.footer {
	/*height: 13rem;*/
	background-color: white
}

.footer .inner-wrap {
	position: relative
}

.footer .inner-wrap .logo-area {
	padding-top: 2rem;
	padding-bottom: 1.2rem
}

.footer .inner-wrap .logo-area .logo {
	width: 8.5rem;
	height: 3.4rem;
	background-image: url("../img/logo_footer.png");
	background-repeat: no-repeat;
	background-size: 100%
}

.footer .inner-wrap .copyright-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	/* border-top: 1px solid #383838 */
}

.footer .inner-wrap .copyright-area .copyright p {
	font-family: "Roboto";
	font-size: 1.4rem;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.4)
}

.footer .inner-wrap .copyright-area .social {
	display: flex
}

.footer .inner-wrap .copyright-area .social .sns {
	display: flex;
	align-items: center;
	margin-right: 2rem;
}

.footer .inner-wrap .copyright-area .social h3 {
	padding-right: 2px;
	padding-left: 2rem;
	font-size: 1.4rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.8)
}

.footer .inner-wrap .copyright-area .social ul {
	display: flex;
	align-items: center
}

.footer .inner-wrap .copyright-area .social ul li {
	margin-left: 8px
}

.footer .inner-wrap .copyright-area .social ul li a {
	display: block;
	width: 3.4rem;
	height: 3.4rem;
	border-radius: 50%;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%
}

.footer .inner-wrap .copyright-area .social ul li a:hover {
	background-position: 0 -3.4rem
}

.footer .inner-wrap .copyright-area .social ul li a.twitter {
	background-size: 2.5rem;
	background-position: center;
	background-image: url("../img/icon_footer_sns_twitter.png")
}

.footer .inner-wrap .copyright-area .social ul li a.blog {
	background-size: 2.5rem;
	background-position: center;
	background-image: url("../img/icon_footer_sns_blog.png")
}

.footer .inner-wrap .copyright-area .social ul li a.facebook {
	background-size: 1.5rem;
	background-position: center;
	background-image: url("../img/icon_footer_sns_facebook.png")
}

.footer .inner-wrap .copyright-area .social ul li a.youtube {
	background-size: 2.5rem;
	background-position: center;
	background-image: url("../img/icon_footer_sns_youtube.png")
}

.footer .inner-wrap .copyright-area .social ul li a.home {
	background-size: 2.5rem;
	background-position: center;
	background-image: url("../img/icon_footer_sns_home.png")
}

.footer .inner-wrap .go-top {
	position: absolute;
	top: -2.6rem;
	right: 0;
	z-index: 3
}

.footer .inner-wrap .go-top:hover a {
	animation: top-arrow 0.3s infinite alternate
}

.footer .inner-wrap .go-top a {
	display: block;
	width: 4.6rem;
	height: 4.6rem;
	background-color: #3ab6fd;
	background-image: url("../img/arrow_top.png");
	background-repeat: no-repeat;
	background-size: 2.3rem;
	background-position: center 0
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.55);
	transition: 0.3s;
	visibility: hidden;
	opacity: 0;
	z-index: 11
}

.popup.no-dim {
	background-color: transparent
}

.popup.active {
	visibility: visible;
	opacity: 1
}

.popup .wrap {
	position: absolute;
	top: 50%;
	left: 50%
}

.popup .wrap.quiz {
	width: 50rem;
	margin-left: -25rem;
	margin-top: -23rem
}

.popup .wrap.quiz .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 7rem;
	padding: 0 2rem;
	background-image: url("../img/bg_popup_quiz_title.jpg");
	background-repeat: no-repeat;
	background-size: cover
}

.popup .wrap.quiz .top h1 {
	width: 11.2rem;
	height: 3.1rem;
	margin-top: 0.5rem;
	background-image: url("../img/title_popup_quiz.png");
	background-repeat: no-repeat;
	background-size: cover
}

.popup .wrap.quiz .top a {
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	background-image: url("../img/icon_popup_quiz_close.png");
	background-size: 100%
}

.popup .wrap.quiz .content {
	padding: 2rem 2rem 3.5rem 2rem;
	background-color: #fff
}

.popup .wrap.quiz .content .text {
	padding: 2.5rem 4rem 3rem 2rem;
	font-size: 2rem;
	font-weight: 500;
	line-height: 3.2rem;
	word-break: keep-all
}

.popup .wrap.quiz .content .text span {
	font-weight: 700;
	margin-right: 0.3rem
}

.popup .wrap.quiz .content .select {
	display: flex;
	justify-content: center;
	margin-top: 3rem
}

.popup .wrap.quiz .content .select a {
	width: 18rem;
	height: 15.5rem;
	margin: 0 0.9rem;
	background-repeat: no-repeat;
	background-size: 100%
}

.popup .wrap.quiz .content .select a.o {
	background-image: url("../img/icon_select_quize_o.png")
}

.popup .wrap.quiz .content .select a.x {
	background-image: url("../img/icon_select_quize_x.png")
}

.popup .wrap.quiz .content .question-wrap .text {
	background-color: #eff8fd
}

.popup .wrap.quiz .content .question-wrap .text span {
	color: #053863
}

.popup .wrap.quiz .content .question-wrap .select a:hover {
	background-position: 0 -155px
}

.popup .wrap.quiz .content .answer-wrap {
	display: none
}

.popup .wrap.quiz .content .answer-wrap .text {
	background-color: #fcfdef
}

.popup .wrap.quiz .content .answer-wrap .text span {
	color: #f84931
}

.popup .wrap.quiz .content .answer-wrap .text .answer {
	margin-top: 0.5rem;
	font-weight: 700;
	color: #f84931
}

.popup .wrap.quiz .content .answer-wrap .select a.active {
	background-position: 0 -310px
}

.popup .wrap.quiz .content .answer-wrap .btn {
	margin-top: 2.8rem;
	text-align: center
}

.popup .wrap.quiz .content .answer-wrap .btn a {
	display: inline-block;
	width: 14rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	line-height: 5rem;
	text-align: center;
	background-color: #f84931
}

.popup .wrap.magnitude_stauts {
	width: 100%;
	max-width: 137rem;
	margin-top: -24rem;
	margin-left: -68.5rem;
	overflow: hidden
}

.popup .wrap.magnitude_stauts h1 {
	margin-bottom: 6rem;
	padding-top: 6rem;
	font-size: 4.4rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background-image: url("../img/icon_magnitude_stauts.png");
	background-repeat: no-repeat;
	background-position: center 0
}

.popup .wrap.magnitude_stauts .content {
	max-width: 115rem;
	margin: 0 auto;
	overflow: hidden
}

.popup .wrap.magnitude_stauts .content .swiper-wrapper .swiper-slide p {
	margin-top: 1rem;
	padding: 0 1rem;
	font-size: 1.5rem;
	color: #fff;
	line-height: 2.2rem
}

.popup .wrap.magnitude_stauts .content .swiper-button-next, .popup .wrap.magnitude_stauts .content .swiper-button-prev
	{
	width: 3.1rem;
	height: 6.1rem
}

.popup .wrap.magnitude_stauts .content .swiper-button-prev {
	left: 0;
	background-image: url("../img/arrow_magnitude_stauts_prev.png")
}

.popup .wrap.magnitude_stauts .content .swiper-button-next {
	right: 0;
	background-image: url("../img/arrow_magnitude_stauts_next.png")
}

.popup .wrap.magnitude_stauts .content .btn-group {
	margin-top: 5rem;
	justify-content: center
}

.popup .wrap.magnitude_stauts .content .btn-group a {
	display: inline-block;
	width: 17rem;
	font-size: 1.8rem;
	font-weight: 500;
	color: #fff;
	line-height: 6rem;
	text-align: center;
	background-color: #053863
}

@media screen and (max-width: 1600px) {
	.inner-wrap {
		padding: 0 1.5rem
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>a {
		font-size: 4rem
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul {
		left: 14rem;
		padding-left: 3rem
	}
	.header .inner-wrap .gnb-area {
		margin-left: auto
	}
	.header .inner-wrap .gnb-area .gnb>ul>li {
		margin: auto 3rem
	}
	.sub-section .sub-section-title h3 {
		margin-bottom: 2rem
	}
}

@media screen and (max-width: 1200px) {
	.contents-wrap {
		padding: 0 1.5rem
	}
	.header .inner-wrap .all-menu-btn {
		display: block;
		margin-right: auto
	}
	.header .inner-wrap .gnb-area {
		display: none
	}
	.header .inner-wrap .all-menu .wrap {
		padding-left: 10vw
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>a {
		font-size: 3rem
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul {
		top: 1rem;
		left: 11rem
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li {
		position: relative
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>ul {
		left: calc(100% + 2rem);
		padding-left: 2rem
	}
	.header .inner-wrap .all-menu .wrap .left .social {
		flex-wrap: wrap;
		margin-top: 5rem
	}
	.header .inner-wrap .all-menu .wrap .left .social .sns {
		width: 100%;
		margin-top: 2rem
	}
	.header .inner-wrap .all-menu .wrap .left .social .sns h3 {
		width: 8rem
	}
	.container .sub-section .sub-section-title {
		width: 100%
	}
	.container .sub-section .sub-section-content {
		width: 100%
	}
	.container .post-view .view-content .iframe-wrap {
		width: 100%;
		height: 0;
		padding-bottom: 56.25%
	}
}

@media screen and (max-width: 800px) {
	.header .inner-wrap .all-menu .wrap {
		padding: 3% 10%
	}
	.header .inner-wrap .all-menu .wrap .left {
		width: 100%;
		text-align: center
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li {
		margin-bottom: 2.5vw
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul {
		display: none;
		position: relative;
		top: 0;
		left: 0;
		padding-left: 0;
		padding-right: 0;
		transform: translateX(0);
		visibility: visible;
		opacity: 1
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li:first-of-type
		{
		padding-top: 2vw
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>ul {
		display: none;
		position: relative;
		top: 0;
		left: 0;
		padding-left: 0;
		padding-right: 0;
		transform: translateX(0);
		visibility: visible;
		opacity: 1
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>ul li:first-of-type
		{
		padding-top: 2vw
	}
	.header .inner-wrap .all-menu .wrap .right {
		display: none
	}
	.container .main-part .main-visual {
		height: calc(100vh + 10rem);
		background-image: url("../img/m/bg_main_visual.jpg")
	}
	.container .main-part .main-visual .menu-list {
		width: 85%;
		top: 14%;
		left: 8%;
		height: auto;
		margin-left: 0;
		padding: 0 1.5rem 2rem 1.5rem
	}
	.container .main-part .main-visual .menu-list::before {
		top: -10rem;
		right: auto;
		left: 5%;
		width: 90%;
		height: 10rem;
		background-image: url("../img/m/main_visual_title.png");
		background-size: auto 100%;
		background-position: center
	}
	.container .main-part .main-visual .menu-list ul {
		padding: 0;
		background-color: transparent;
		flex-wrap: wrap;
                        width: 100%;
	}
	.container .main-part .main-visual .menu-list ul li {
		width: 37.1vw;
		height: 34.72vw;
		padding: 2px;
		background-color: #fff;
		flex-shrink: 0
	}
	.container .main-part .main-visual .menu-list ul li a {
		position: relative;
		border-radius: 3px
	}
	.container .main-part .main-visual .menu-list ul li.observation a {
		background-image: url("../img/bg_main_visual_observation.png");
		background-size: 14rem
	}
	.container .main-part .main-visual .menu-list ul li.analysis a {
		background-image: url("../img/bg_main_visual_analysis.png");
		background-size: 14rem
	}
	.container .main-part .main-visual .menu-list ul li.notify a {
		background-image: url("../img/bg_main_visual_notify.png");
		background-size: 14rem
	}
	.container .main-part .main-visual .menu-list ul li.education a {
		background-image: url("../img/bg_main_visual_education.png");
		background-size: 14rem
	}
	.container .main-part .main-visual .menu-list ul li.reference a {
		background-image: url("../img/bg_main_visual_reference.png");
		background-size: 14rem
	}
	.container .main-part .main-visual .menu-list ul li.experience a {
		background-image: url("../img/bg_main_visual_experience.png");
		background-size: 14rem
	}
	.container .main-part .main-visual .menu-list ul li a>h1 {
		padding-top: 25vw;
		font-size: 1.8rem
	}
	.container .main-part .main-visual .menu-list ul li a .content {
		display: none
	}
	.container .main-part .main-visual .menu-list .swiper-pagination {
		bottom: 0
	}
	.container .main-part .main-visual .menu-list .swiper-pagination .swiper-pagination-bullet
		{
		width: 0.75rem;
		height: 0.75rem;
		background-color: #fff;
		border: 1px solid #053863;
		border-radius: 50%;
		opacity: 1
	}
	.container .main-part .main-visual .menu-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
		{
		width: 0.85rem;
		height: 0.85rem;
		background-color: #053863
	}
	.container .education-part .wiki-group .contents-wrap .hash-tag {
		padding: 2rem
	}
	.footer {
		height: auto
	}
	.footer .inner-wrap .copyright-area {
		flex-wrap: wrap
	}
	.footer .inner-wrap .copyright-area .social {
		order: 1
	}
	.footer .inner-wrap .copyright-area .social .sns.sns-1 h3 {
		padding-left: 0
	}
	.footer .inner-wrap .copyright-area .copyright {
		margin-top: 1.5rem;
		order: 2
	}
}

@media screen and (max-width: 480px) {
	body img {
		max-width: 100%
	}
	body .pc-block {
		display: inline
	}
	body .m-block {
		display: block
	}
	body .if-pc {
		display: none
	}
	body .if-m {
		display: block
	}
	body .contents-wrap, body #bo_v {
		width: 100% !important
	}
	.header {
		height: 5.9rem
	}
	.header.active {
		border-color: #e6e6e6
	}
	.header.active .inner-wrap .logo-area {
		display: none
	}
	.header.active .inner-wrap .all-menu-btn {
		order: 2
	}
	.header.active .inner-wrap .all-menu-btn a.active::before, .header.active .inner-wrap .all-menu-btn a.active::after
		{
		left: 0
	}
	.header.active .inner-wrap .logo-kma {
		display: block;
		order: 1
	}
	.header .inner-wrap {
		height: 5.9rem
	}
	.header .inner-wrap .logo-area a {
		width: 13.5rem;
		height: 1.95rem;
		background-image: url(../img/m/logo.png)
	}
	.header .inner-wrap .all-menu-btn {
		margin-left: auto;
		margin-right: 0
	}
	.header .inner-wrap .all-menu {
		position: absolute;
		padding-top: 0;
		height: calc(100vh - 5.9rem);
		background-color: #fff;
		overflow-y: auto
	}
	.header .inner-wrap .all-menu.active {
		top: 5.9rem
	}
	.header .inner-wrap .all-menu .wrap {
		padding: 0
	}
	.header .inner-wrap .all-menu .wrap .left {
		text-align: left
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul {
		padding-top: 1rem
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li {
		margin-bottom: 0
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li.active>a {
		color: #0ab8f9;
		background-image: url("../img/m/icon_all_menu_active.png")
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li.active>ul {
		background-color: #f5f5f5
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li.active>ul>li>a {
		color: #202020
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>a {
		display: block;
		padding: 0 1.5rem;
		font-size: 2.7rem;
		font-weight: 700;
		line-height: 5.5rem;
		background-image: url("../img/m/icon_all_menu.png");
		background-repeat: no-repeat;
		background-position: right 1.5rem center;
		background-size: 2.45rem
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>a::after {
		display: none
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li {
		padding: 0 1.5rem
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li:first-of-type
		{
		padding-top: 1rem
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li:last-of-type
		{
		padding-bottom: 1rem
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>a {
		display: block;
		font-size: 2rem;
		font-weight: 700;
		color: #202020;
		line-height: 3.8rem
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>ul {
		background-color: transparent
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>ul>li {
		margin-bottom: 0
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>ul>li:first-of-type
		{
		padding-top: 0
	}
	.header .inner-wrap .all-menu .wrap .left .gnb>ul>li>ul>li>ul>li>a {
		display: block;
		padding-left: 1rem;
		font-size: 1.5rem;
		color: #202020;
		line-height: 3rem
	}
	.header .inner-wrap .all-menu .wrap .left .social {
		display: none
	}
	.header .inner-wrap .logo-kma {
		display: none
	}
	.header .inner-wrap .logo-kma a {
		width: 10.95rem;
		height: 3.95rem;
		background-image: url(../img/m/logo_kma.png)
	}
	.container {
		padding-top: 5.9rem;
		padding-bottom: 7.5rem
	}
	.container .top-visual {
		margin-bottom: 4rem;
		height: 21.5rem;
		padding-top: 5.3rem
	}
	.container .top-visual .group-title {
		font-size: 3.5rem;
		line-height: 3.8rem
	}
	.container .top-visual .location {
		margin-top: 1.2rem
	}
	.container .top-visual .location ul li {
		padding-left: 0.5rem;
		padding-right: 1rem;
		font-size: 1.1rem;
		background-size: 4px
	}
	.container .top-visual .location ul li span.home {
		background-size: 1.1rem
	}
	.container .top-visual .lnb {
		height: 4.5rem
	}
	.container .top-visual .lnb ul li {
		flex-grow: 1
	}
	.container .top-visual .lnb ul li a {
		width: auto;
		height: 4.5rem;
		font-size: 1.4rem;
		line-height: 4.5rem
	}
	.container .top-visual .lnb ul li a.active {
		font-size: 1.4rem
	}
	.container .top-visual .lnb ul li a::after {
		height: 1.7rem
	}
	.container .tab-menu ul li a {
		font-size: 1.2rem;
		line-height: 4rem
	}
	.container .tab-menu ul li a::after {
		height: 1.7rem;
		margin-top: -0.85rem
	}
	.container .pagination {
		padding-top: 0
	}
	.container .pagination ul li {
		padding: 0 1rem
	}
	.container .pagination ul li.arrow a {
		width: 0.85rem;
		height: 1.35rem;
		background-size: 100%
	}
	.container .pagination ul li.arrow.prev a {
		background-image: url("../img/m/arrow_pagination_prev.png")
	}
	.container .pagination ul li.arrow.next a {
		background-image: url("../img/m/arrow_pagination_next.png")
	}
	.container .pagination ul li a {
		font-size: 1.3rem
	}
	.container .download-list ul {
		flex-wrap: wrap
	}
	.container .download-list ul li {
		width: 100%;
		margin-bottom: 4rem
	}
	.container .download-list ul li .thumb {
		width: 13.7rem;
		height: 18rem;
		margin: 0 auto
	}
	.container .download-list ul li .content {
		margin-top: -5.7rem;
		padding: 7.2rem 9rem 2.3rem 9rem
	}
	.container .download-list ul li .content h3 {
		font-size: 1.5rem
	}
	.container .download-list ul li .content .btn-group {
		margin-top: 1.7rem
	}
	.container .download-list ul li .content .btn-group a {
		padding: 0;
		height: 4.2rem;
		font-size: 1.3rem;
		line-height: 4rem
	}
	.container .download-list ul li .content .btn-group a span {
		padding-left: 2.2rem;
		background-size: 1.25rem
	}
	.container .download-list ul li .content .btn-group a span.download {
		background-image: url("../img/m/icon_btn_download.png");
		background-size: 1.25rem
	}
	.container .table.col thead tr th {
		padding: 0.5rem;
		font-size: 1.3rem
	}
	.container .table.col thead tr th.line .left {
		bottom: 10%;
		left: 1rem
	}
	.container .table.col thead tr th.line .right {
		top: 10%;
		right: 1rem
	}
	.container .table.col tbody tr td {
		padding: 0.5rem;
		font-size: 1.2rem;
		line-height: 2rem
	}
	.container .table.col tbody tr td.no-pd {
		line-height: 2rem
	}
	.container .table.col tbody tr td .sm {
		font-size: 1.1rem;
		line-height: 1.6rem
	}
	.container .scroll-wrap {
		position: relative
	}
	.container .scroll-wrap.active::after {
		display: none
	}
	.container .scroll-wrap::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 5.5rem;
		height: 5.5rem;
		transform: translate(-50%, -50%);
		background-image: url("../img/m/icon_table_drag.png");
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: 2
	}
	.container .sub-section {
		margin-top: 4rem
	}
	.container .sub-section .video-content {
		width: 100%;
		height: 0;
		padding-bottom: 56.25%
	}
	.container .sub-section .sub-section-title h3 {
		display: inline-block;
		font-size: 1.8rem;
		border-bottom: 1px solid #000
	}
	.container .sub-section .sub-section-title h3 span::after {
		display: none
	}
	.container .sub-section .sub-section-title h3 span.md {
		font-size: 1.5rem
	}
	.container .sub-section .sub-section-title h3 span.sm {
		font-size: 1.4rem
	}
	.container .sub-section .sub-section-content h4 {
		padding-bottom: 1rem;
		font-size: 1.4rem
	}
	.container .sub-section .sub-section-content h4.red-line::after {
		width: 2.3rem
	}
	.container .sub-section .sub-section-content .as-of {
		font-size: 1.2rem
	}
	.container .sub-section .sub-section-content .text {
		font-size: 1.4rem;
		line-height: 2.1rem
	}
	.container .sub-section .sub-section-content .text .sm {
		font-size: 1.3rem;
		line-height: 2rem
	}
	.container .sub-section .sub-section-content .scroll-wrap {
		overflow-x: auto
	}
	.container .sub-section .sub-section-content .scroll-wrap .table {
		width: max-content;
		max-width: 1000px
	}
	.container .sub-section .sub-section-content .scroll-wrap .img {
		width: max-content;
		max-width: 1000px
	}
	.container .sub-section .sub-section-content .red-dot {
		padding-left: 1.7rem;
		font-size: 1.3rem;
		line-height: 1.8rem;
		background-size: 1rem;
		background-position: 0 0.6rem
	}
	.container .sub-section .sub-section-content .descript {
		font-size: 1.2rem;
		line-height: 1.8rem;
		word-break: keep-all
	}
	.container .sub-section .section-content-descript {
		margin-top: 1.5rem;
		font-size: 1.3rem
	}
	.container .sub-section .section-content-descript .line {
		padding: 0 0.8rem
	}
	.container .sub-section .section-content-descript .line::before,
		.container .sub-section .section-content-descript .line::after {
		height: 1.2rem;
		margin-top: -0.6rem
	}
	.container .btn-group a span.list {
		background-image: url("../img/m/icon_btn_list.png");
		background-size: 1.35rem
	}
	.container .post-top-wrap {
		flex-wrap: wrap;
		margin-top: 0;
		padding-bottom: 4rem
	}
	.container .post-top-wrap .tab-box {
		width: 100%
	}
	.container .post-top-wrap .tab-box ul li {
		margin-bottom: 1rem
	}
	.container .post-top-wrap .tab-box ul li a {
		min-width: 5.5rem;
		padding: 0 0.7rem;
		font-size: 1.3rem;
		font-weight: 400;
		white-space: nowrap
	}
	.container .post-top-wrap .search-box {
		width: 17.5rem;
		margin-top: 0.9rem;
		margin-left: auto
	}
	.container .post-top-wrap .search-box input[type="text"] {
		height: 3rem;
		font-size: 1.3rem
	}
	.container .post-top-wrap .search-box .btn {
		width: 1.5rem;
		height: 1.5rem;
		margin-top: -0.75rem;
		padding: 0
	}
	.container .post-list.normal ul li a .content .date {
		margin-top: 1rem
	}
	.container .post-list.board .table {
		margin-bottom: 3.4rem;
		border-top: 1px solid #e6e6e6;
		border-bottom: 0
	}
	.container .post-list.board .table thead {
		display: none
	}
	.container .post-list.board .table tbody tr {
		display: flex;
		flex-wrap: wrap;
		width: calc(100vw - 3rem);
		padding: 1.5rem 0;
		border-bottom: 1px solid #e6e6e6
	}
	.container .post-list.board .table tbody tr td {
		padding: 0;
		border-bottom: 0;
		font-size: 1.2rem;
		text-align: left
	}
	.container .post-list.board .table tbody tr td:nth-of-type(1) {
		width: 12%
	}
	.container .post-list.board .table tbody tr td:nth-of-type(2) {
		width: 88%
	}
	.container .post-list.board .table tbody tr td:nth-of-type(3) {
		width: 100%;
		margin-top: 0.7rem;
		font-size: 1.4rem;
		padding-left: 12%;
		line-height: 2.2rem
	}
	.container .post-list.board .table tbody tr td:nth-of-type(4) {
		position: relative;
		padding-left: 12%;
		padding-right: 1rem;
		margin-right: 1rem
	}
	.container .post-list.board .table tbody tr td:nth-of-type(4)::after {
		content: "";
		position: absolute;
		top: 50%;
		right: -1px;
		width: 1px;
		height: 1rem;
		margin-top: -0.5rem;
		background-color: #d2d2d2
	}
	.container .post-list.board .table tbody tr td.line {
		border-bottom: 0
	}
	.container .post-list.board .table tbody tr td.line.sky span {
		border-color: #3ab6fd
	}
	.container .post-list.board .table tbody tr td.line.green span {
		border-color: #83db34
	}
	.container .post-list.board .table tbody tr td.line.blue span {
		border-color: #053863
	}
	.container .post-list.board .table tbody tr td.line.red span {
		border-color: #f84931
	}
	.container .post-list.board .table tbody tr td.line span {
		border-bottom: 1px solid
	}
	.container .post-list.board .table tbody tr td.ellipsis {
		white-space: normal;
		text-overflow: inherit;
		overflow: visible
	}
	.container .post-list ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 3.5rem
	}
	.container .post-list ul li a .thumb .icon.play {
		width: 4.5rem;
		height: 4.5rem;
		background-image: url("../img/m/icon_post_play.png")
	}
	.container .post-list ul li a .content .label {
		margin-top: 1.5rem;
		font-size: 1.3rem
	}
	.container .post-list ul li a .content .label span {
		padding-right: 1rem
	}
	.container .post-list ul li a .content .label span::after {
		width: 0.6rem;
		height: 0.6rem
	}
	.container .post-list ul li a .content .subject {
		margin-top: 0.9rem;
		font-size: 1.4rem;
		line-height: 2.2rem
	}
	.container .post-list ul li a .content .date {
		font-size: 1.2rem
	}
	.container .post-view .view-top {
		border-bottom: 1px solid #202020
	}
	.container .post-view .view-top .prev {
		display: none
	}
	.container .post-view .view-top .post-title {
		display: block;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.6rem
	}
	.container .post-view .view-top .post-title .label {
		margin: 0 auto;
		height: 2.6rem;
		padding: 0 0.8rem;
		font-size: 1.2rem;
		line-height: 2.4rem;
		margin-bottom: 1rem
	}
	.container .post-view .view-top .info {
		margin-top: 1rem
	}
	.container .post-view .view-top .info span {
		font-size: 1.2rem
	}
	.container .post-view .view-top .info span.count::before {
		height: 1rem;
		margin-top: -0.5rem
	}
	.container .post-view .view-attachment {
		align-items: stretch
	}
	.container .post-view .view-attachment .attach-title {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 6.5rem;
		padding: 0;
		font-size: 1.1rem;
		text-align: center;
		flex-shrink: 0
	}
	.container .post-view .view-attachment .attach-list {
		padding: 0.5rem 0;
		padding-right: 0;
		text-align: left
	}
	.container .post-view .view-attachment .attach-list ul li {
		width: 100%;
		padding: 2px 0
	}
	.container .post-view .view-attachment .attach-list ul li a {
		padding-left: 1.5rem;
		font-size: 1.1rem;
		background-size: 1.05rem
	}
	.container .post-view .view-content {
		padding-top: 2rem;
		padding-bottom: 4.5rem
	}
	.container .post-view .view-content.policy {
		width: 100%
	}
	.container .post-view .view-content .iframe-wrap {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%
	}
	.container .post-view .view-content .slide-wrap {
		width: 100%;
		padding: 0;
		height: auto
	}
	.container .post-view .view-content .slide-wrap .swiper-button-prev,
		.container .post-view .view-content .slide-wrap .swiper-button-next {
		top: 0;
		height: 100%;
		margin-top: 0;
		background-size: 2rem
	}
	.container .post-view .view-content .slide-wrap .swiper-button-prev {
		left: 0
	}
	.container .post-view .view-content .slide-wrap .swiper-button-next {
		right: 0
	}
	.container .post-view .view-content p {
		font-size: 1.4rem;
		line-height: 2.1rem
	}
	.container .post-view .view-bottom {
		padding: 1.5rem 0
	}
	.container .post-view .view-bottom .empty {
		font-size: 1.2rem
	}
	.container .post-view .view-bottom .btn {
		font-size: 1.2rem;
		background-size: 0.75rem
	}
	.container .post-view .view-bottom .prev-post .btn {
		padding-left: 1.5rem;
		background-image: url("../img/m/arrow_post_view_prev_post.png")
	}
	.container .post-view .view-bottom .next-post .btn {
		padding-right: 1.5rem;
		background-image: url("../img/m/arrow_post_view_next_post.png")
	}
	.container .post-view .view-bottom .subject {
		display: none
	}
	.container .post-view .view-bottom .btn-group a {
		width: 9rem;
		height: 4.2rem;
		font-size: 1.3rem;
		line-height: 4.2rem
	}
	.container .btn-group a {
		width: auto;
		height: 4rem;
		padding: 0 1rem;
		font-size: 1.2rem;
		line-height: 3.8rem
	}
	.container .btn-group a span.go-list {
		padding-right: 1.8rem;
		background-size: 1rem
	}
	.container .observation-part .earthquake-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_observation_earthquake.jpg")
	}
	.container .observation-part .tsunami-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_observation_tsunami.jpg")
	}
	.container .observation-part .volcano-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_observation_volcano.jpg")
	}
	.container .analysis-part .earthquake-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_analysis_earthquake.jpg")
	}
	.container .analysis-part .tsunami-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_analysis_tsunami.jpg")
	}
	.container .analysis-part .volcano-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_analysis_volcano.jpg")
	}
	.container .notify-part .earthquake-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_notify_earthquake.jpg")
	}
	.container .notify-part .tsunami-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_notify_tsunami.jpg")
	}
	.container .notify-part .volcano-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_notify_volcano.jpg")
	}
	.container .education-part .one-minute-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_education_one_minute.jpg")
	}
	.container .education-part .wiki-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_education_wiki.jpg")
	}
	.container .education-part .lecture-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_education_lecture.jpg")
	}
	.container .reference-part .media-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_reference_media.jpg")
	}
	.container .reference-part .image-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_reference_image.jpg")
	}
	.container .reference-part .book-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_reference_book.jpg")
	}
	.container .reference-part .policy-group .top-visual .bg-img {
		background-image: url("../img/m/top_visual_reference_policy.jpg")
	}
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(1) .sub-section-content .table col.category
		{
		width: 30%
	}
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(1) .sub-section-content .table col.analog
		{
		width: 24%
	}
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(1) .sub-section-content .table col.digital
		{
		width: 24%
	}
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(1) .sub-section-content .table col.meter
		{
		width: 22%
	}
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .as-of
		{
		margin-top: -3.5rem
	}
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section .sub-section-content .table
		{
		margin-bottom: 1rem
	}
	.container .observation-part .earthquake-group .contents-wrap .tab-content-3 .sub-section .sub-section-content .table td
		{
		font-size: 1.2rem !important;
		line-height: 2rem !important
	}
	.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(2) .sub-section-content ul li
		{
		width: 100%;
		margin-bottom: 1rem
	}
	.container .observation-part .tsunami-group .contents-wrap .sub-section:nth-of-type(3) p
		{
		line-height: 2.1rem
	}
	.container .observation-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.category
		{
		width: 21%
	}
	.container .observation-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.way
		{
		width: 25%
	}
	.container .observation-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.element
		{
		width: 54%
	}
	.container .observation-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .img .gif
		{
		top: 1.5%;
		left: 2.6%;
		width: 95%
	}
	.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.vei
		{
		width: 11%
	}
	.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.amount
		{
		width: 20%
	}
	.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.state
		{
		width: 24%
	}
	.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.height
		{
		width: 20%
	}
	.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.example
		{
		width: 25%
	}
	.container .observation-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content p
		{
		line-height: 2rem
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content .img .icon
		{
		display: none
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content .text
		{
		font-size: 1.4rem;
		line-height: 2.1rem
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(2)
		{
		margin-top: 4rem
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.date
		{
		width: 16%
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.category
		{
		width: 15%
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.scale
		{
		width: 12%
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.time-1
		{
		width: 13%
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.time-2
		{
		width: 14%
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.time-3
		{
		width: 13%
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(3) .sub-section-content .table colgroup col.remark
		{
		width: 16%
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section
		{
		margin-top: 4rem
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content img
		{
		margin-top: 0
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.grade
		{
		width: 14%
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.current
		{
		width: 44%
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.speed-1
		{
		width: 23%
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.speed-2
		{
		width: 19%
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-3 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr td:nth-of-type(2)
		{
		padding: 0.7rem;
		text-align: center
	}
	.container .analysis-part .tsunami-group .sub-section:nth-of-type(3) .img:nth-of-type(1)
		{
		margin-top: 3rem
	}
	.container .analysis-part .tsunami-group .sub-section:nth-of-type(3) .img:nth-of-type(1)>img
		{
		width: 67%
	}
	.container .analysis-part .tsunami-group .sub-section:nth-of-type(3) .img:nth-of-type(1) .action
		{
		top: 23%
	}
	.container .analysis-part .tsunami-group .sub-section:nth-of-type(3) .img:nth-of-type(1) .action img
		{
		margin: 0;
		width: 72%
	}
	.container .analysis-part .tsunami-group .sub-section:nth-of-type(3) .img:nth-of-type(2)
		{
		margin-top: 2rem
	}
	.container .analysis-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .img .gif
		{
		top: 1.5%;
		left: 2.6%;
		width: 95%
	}
	.container .analysis-part .volcano-group .sub-section:nth-of-type(2) .sub-section-content ul li
		{
		width: 100%;
		margin-bottom: 1rem
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section .sub-section-content .text
		{
		font-size: 1.4rem
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content p.gray
		{
		font-size: 1.4rem;
		line-height: 2.1rem
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.category-3
		{
		width: 14%
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.detail
		{
		width: 22%
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content .table thead tr th
		{
		padding: 0.7rem
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(2) .sub-section-content .table tbody tr td
		{
		padding: 0.7rem
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-1 .sub-section:nth-of-type(3) .sub-section-content .table tbody tr td
		{
		padding: 1.8rem 1.5rem
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section .text span
		{
		font-size: 1.2rem
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .sub-section-content h4
		{
		margin-top: 3rem
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .sub-section-content h5
		{
		margin-top: 2rem;
		font-size: 1.4rem
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.scale-1
		{
		width: 27%
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.scale-2
		{
		width: 27%
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.area-1
		{
		width: 23%
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.area-2
		{
		width: 23%
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(2) .red-dot
		{
		line-height: 2.1rem
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .sub-section-content .table
		{
		margin-top: 4rem
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .sub-section-content .table colgroup col.media
		{
		width: 16%
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .sub-section-content .table colgroup col.where
		{
		width: 31%
	}
	.container .notify-part .earthquake-group .contents-wrap .tab-content-2 .sub-section:nth-of-type(4) .sub-section-content .table colgroup col.way
		{
		width: 53%
	}
	.container .notify-part .tsunami-group .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.category
		{
		width: 22%
	}
	.container .notify-part .tsunami-group .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.standard
		{
		width: 78%
	}
	.container .notify-part .tsunami-group .sub-section:nth-of-type(1) .sub-section-content .table tbody tr td
		{
		padding-left: 0.9rem
	}
	.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.media
		{
		width: 22%
	}
	.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.way-1
		{
		width: 32%
	}
	.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .sub-section-content .table colgroup col.way-2
		{
		width: 46%
	}
	.container .notify-part .tsunami-group .sub-section:nth-of-type(2) .sub-section-content .table tbody tr td
		{
		padding-left: 0.9rem
	}
	.container .notify-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.category
		{
		width: 27%
	}
	.container .notify-part .volcano-group .sub-section:nth-of-type(1) .sub-section-content .table colgroup col.standard
		{
		width: 73%
	}
	.container .notify-part .volcano-group .sub-section:nth-of-type(2) .table colgroup col.category
		{
		width: 20%
	}
	.container .notify-part .volcano-group .sub-section:nth-of-type(2) .table colgroup col.way-1
		{
		width: 25%
	}
	.container .notify-part .volcano-group .sub-section:nth-of-type(2) .table colgroup col.way-2
		{
		width: 55%
	}
	.container .education-part .wiki-group .contents-wrap .hash-tag {
		margin-top: 3rem;
		padding: 1.5rem 1rem
	}
	.container .education-part .wiki-group .contents-wrap .hash-tag a {
		margin: 0.5rem 1rem;
		font-size: 1.2rem
	}
	.container .education-part .wiki-group .contents-wrap .post-top-wrap {
		margin-top: 1rem;
		padding-bottom: 3rem
	}
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li
		{
		min-height: 4rem
	}
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .title
		{
		padding: 1rem 0;
		background-size: 2rem;
		background-position: 1rem center
	}
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .title a
		{
		padding-left: 3.5rem;
		padding-right: 4rem;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 2rem;
		background-size: 1.2rem;
		background-position: right 1rem center
	}
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content
		{
		padding-top: 2rem;
		padding-left: 3.5rem;
		padding-right: 1.5rem;
		background-size: 2rem;
		background-position: 1rem 2rem
	}
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content div
		{
		font-size: 1.4rem;
		line-height: 2.4rem
	}
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content p
		{
		font-size: 1.4rem;
		line-height: 2.4rem
	}
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content .sm
		{
		margin-top: 0.5rem !important;
		font-size: 1.2rem !important;
		line-height: 2rem
	}
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content .sm2
		{
		font-size: 1.2rem !important
	}
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content .caption
		{
		margin-top: 0.7rem;
		font-size: 1.2rem
	}
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content .source
		{
		margin-top: 1rem;
		font-size: 1.2rem
	}
	.container .education-part .wiki-group .contents-wrap .board-wrap.qna ul li .content img
		{
		max-width: 100% !important
	}
	.container .experience-part {
		height: calc(100vh - 5.9rem)
	}
	.container .experience-part .intro-wrap .content .intro-title {
		padding-top: 7rem;
		font-size: 2rem;
		background-size: 5rem
	}
	.container .experience-part .intro-wrap .content .intro-content {
		margin-top: 1rem;
		font-size: 1.6rem;
		line-height: 2.6rem;
		white-space: nowrap
	}
	.container .experience-part .intro-wrap .content .btn {
		width: 12rem;
		height: 4rem;
		margin-top: 2rem;
		font-size: 1.4rem;
		line-height: 3.8rem
	}
	.container .experience-part .intro-wrap .wave-wrap .wave {
		width: 90vw;
		height: 90vw
	}
	.container .experience-part .vr-wrap .top-area {
		flex-wrap: wrap;
		top: 3rem
	}
	.container .experience-part .vr-wrap .top-area .logo {
		width: 100%;
		text-align: center
	}
	.container .experience-part .vr-wrap .top-area .logo img {
		width: 10rem
	}
	.container .experience-part .vr-wrap .top-area .steps {
		margin-left: auto
	}
	.container .experience-part .vr-wrap .top-area .steps ul {
		margin-top: 2rem
	}
	.container .experience-part .vr-wrap .top-area .steps ul li {
		width: 9rem;
		height: 4rem;
		font-size: 1.4rem;
		line-height: 4rem
	}
	.container .experience-part .vr-wrap .top-area .steps ul li.active {
		font-size: 1.8rem
	}
	.container .experience-part .vr-wrap .top-area .steps ul li::after {
		height: 4rem;
		background-size: auto 100%
	}
	.container .experience-part .vr-wrap .top-area .steps .guide-popup {
		top: 150%;
		width: 30rem;
		margin-left: -15rem;
		padding: 3rem 2rem 2rem 2rem;
		word-break: keep-all
	}
	.container .experience-part .vr-wrap .top-area .steps .guide-popup::before
		{
		top: -0.75rem;
		border-left-width: 1.5rem;
		border-right-width: 1.5rem;
		border-bottom-width: 1.5rem
	}
	.container .experience-part .vr-wrap .top-area .steps .guide-popup h1 {
		font-size: 1.4rem
	}
	.container .experience-part .vr-wrap .top-area .steps .guide-popup .btn
		{
		margin-top: 1.5rem
	}
	.container .experience-part .vr-wrap .top-area .steps .guide-popup .btn a
		{
		width: 10rem;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 4rem
	}
	.container .experience-part .vr-wrap .video-area {
		height: calc(100vh - 5.9rem)
	}
	.container .experience-part .vr-wrap .bottom-area {
		bottom: 11rem;
		right: 2rem
	}
	.container .experience-part .vr-wrap .bottom-area .status {
		width: 6rem;
		height: 6rem
	}
	.container .campaign-part {
		margin-bottom: -7.5rem
	}
	.container .campaign-part .btn-group span.download {
		padding-left: 2rem
	}
	.container .campaign-part .section .inner-wrap .btn-group a {
		width: 16rem;
		height: 4.25rem;
		font-size: 1.5rem;
		line-height: 4.05rem;
		white-space: nowrap
	}
	.container .campaign-part .section .video-content {
		margin-top: 1.75rem
	}
	.container .campaign-part .section .video-content .video-play {
		width: 5rem;
		height: 5rem;
		background-size: cover
	}
	.container .campaign-part .section.section-1 .inner-wrap {
		padding: 4.5rem 1.5rem 4rem;
		width: 100%
	}
	.container .campaign-part .section.section-1 .inner-wrap .section-title
		{
		width: 30rem;
		height: 4.5rem
	}
	.container .campaign-part .section.section-1 .inner-wrap .section-date {
		margin-top: 1.75rem;
		width: 19.5rem;
		height: 3.25rem
	}
	.container .campaign-part .section.section-1 .inner-wrap .video-content
		{
		margin-top: 2rem
	}
	.container .campaign-part .section.section-2 .inner-wrap {
		width: 100%;
		padding: 4rem 1.5rem 5.75rem
	}
	.container .campaign-part .section.section-2 .inner-wrap .section-title
		{
		width: 16.7rem;
		height: 6.5rem;
		background-image: url("../img/m/title_campaign_01.png")
	}
	.container .campaign-part .section.section-2 .inner-wrap .video-content
		{
		margin-top: 1.75rem
	}
	.container .campaign-part .section.section-3 .inner-wrap {
		margin: -5.8rem 1.5rem 0;
		width: calc(100% - 3rem);
		padding: 2.5rem 0 4rem
	}
	.container .campaign-part .section.section-3 .inner-wrap .section-title.sub
		{
		width: 23.45rem;
		height: 4.5rem
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(1) ul
		{
		justify-content: center
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(1) ul li
		{
		margin-top: 4rem
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(1) ul li.half
		{
		width: 100%
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(1) ul li.half:last-of-type
		{
		width: 70%
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(1) ul li .btn-group
		{
		margin-top: 1.5rem
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(1) ul li .btn-group a
		{
		padding: 0 2rem;
		height: 4.25rem;
		white-space: nowrap
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2)
		{
		margin-top: 4rem
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .section-title
		{
		width: 17.8rem;
		height: 2.3rem
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .img
		{
		margin-top: 2rem
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .hash-tag
		{
		width: auto;
		height: 4.25rem;
		margin-top: 2rem;
		padding: 0 2rem;
		white-space: nowrap
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .hash-tag h3
		{
		margin-right: 1rem;
		padding-right: 1rem;
		font-size: 1.2rem
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .hash-tag p
		{
		font-size: 1.2rem
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .hash-tag a
		{
		padding: 0 0.65rem;
		line-height: 2.1rem;
		font-size: 1.1rem
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .btn-group
		{
		margin-top: 4rem
	}
	.container .campaign-part .section.section-3 .inner-wrap .content:nth-of-type(2) .btn-group a.white-black
		{
		width: 17.75rem;
		height: 4.25rem;
		font-size: 1.5rem;
		line-height: 4.05rem
	}
	.container .campaign-part .section.section-4 .inner-wrap {
		width: 100%;
		padding: 4rem 0
	}
	.container .campaign-part .section.section-4 .inner-wrap .section-title
		{
		width: 24rem;
		height: 5.85rem;
		background-image: url(../img/m/title_campaign_02.png)
	}
	.container .campaign-part .section.section-4 .inner-wrap .slide {
		padding: 0 1.5rem
	}
	.container .campaign-part .section.section-4 .inner-wrap .slide .swiper-container
		{
		margin-top: 2.5rem
	}
	.container .campaign-part .section.section-4 .inner-wrap .slide .swiper-container .swiper-wrapper .swiper-slide
		{
		width: 50%;
		padding-bottom: 50%;
		margin-right: 1rem
	}
	.container .campaign-part .section.section-4 .inner-wrap .slide .swiper-button-prev
		{
		width: 4rem;
		height: 4rem;
		margin-top: -2rem;
		left: 0.5rem
	}
	.container .campaign-part .section.section-4 .inner-wrap .slide .swiper-button-next
		{
		width: 4rem;
		height: 4rem;
		margin-top: -2rem;
		right: 0.5rem
	}
	.container .campaign-part .section.section-5 .inner-wrap {
		width: 100%;
		padding: 4rem 1.5rem
	}
	.container .campaign-part .section.section-5 .inner-wrap .section-title
		{
		width: 17.85rem;
		height: 2.65rem
	}
	.container .campaign-part .section.section-5 .inner-wrap .content:nth-of-type(1) .img
		{
		margin-top: 2rem
	}
	.container .campaign-part .section.section-5 .inner-wrap .content:nth-of-type(1) .btn-group
		{
		margin-top: 2rem
	}
	.container .campaign-part .section.section-5 .inner-wrap .content:nth-of-type(2)
		{
		margin-top: 4rem
	}
	.container .campaign-part .section.section-5 .inner-wrap .content:nth-of-type(2) .tip img
		{
		display: block;
		width: 14.4rem;
		height: 1.35rem
	}
	.container .campaign-part .section.section-6 .inner-wrap {
		width: 100%;
		padding: 4rem 1.5rem 9.5rem
	}
	.container .campaign-part .section.section-6 .inner-wrap .section-title
		{
		width: 26.15rem;
		height: 2.8rem
	}
	.container .campaign-part .section.section-6 .inner-wrap ul {
		margin-top: 2rem;
		width: 100%;
		flex-wrap: wrap
	}
	.container .campaign-part .section.section-6 .inner-wrap ul li {
		width: 100%
	}
	.container .campaign-part .section.section-6 .inner-wrap ul li:nth-of-type(2)
		{
		margin-top: 4rem
	}
	.container .campaign-part .section.section-6 .inner-wrap ul li h3 {
		margin-top: 1.5rem;
		font-size: 1.5rem
	}
	.container .campaign-part .section.section-6 .inner-wrap ul li p {
		font-size: 1.5rem
	}
	.container .campaign-part .quick-menu {
		position: relative;
		top: 0;
		right: 0;
		transform: translateY(0);
		z-index: 0
	}
	.container .campaign-part .quick-menu.active {
		position: fixed;
		top: 5.8rem;
		width: 100%;
		z-index: 9
	}
	.container .campaign-part .quick-menu ul {
		display: flex;
		margin-right: -4px
	}
	.container .campaign-part .quick-menu ul li {
		width: 25%;
		margin-bottom: 0;
		margin-left: -1px
	}
	.container .campaign-part .quick-menu ul li a {
		width: 100%;
		height: 0;
		padding-bottom: 61.54%
	}
	.container .campaign-part .quick-menu ul li a:hover.btn-1, .container .campaign-part .quick-menu ul li a.active.btn-1
		{
		background-image: url("../img/m/btn_campaign_quick_menu_01.png")
	}
	.container .campaign-part .quick-menu ul li a:hover.btn-2, .container .campaign-part .quick-menu ul li a.active.btn-2
		{
		background-image: url("../img/m/btn_campaign_quick_menu_02.png")
	}
	.container .campaign-part .quick-menu ul li a:hover.btn-3, .container .campaign-part .quick-menu ul li a.active.btn-3
		{
		background-image: url("../img/m/btn_campaign_quick_menu_03.png")
	}
	.container .campaign-part .quick-menu ul li a:hover.btn-4, .container .campaign-part .quick-menu ul li a.active.btn-4
		{
		background-image: url("../img/m/btn_campaign_quick_menu_04.png")
	}
	.container .campaign-part .quick-menu ul li a.btn-1 {
		background-image: url("../img/m/btn_campaign_quick_menu_01.png")
	}
	.container .campaign-part .quick-menu ul li a.btn-2 {
		background-image: url("../img/m/btn_campaign_quick_menu_02.png")
	}
	.container .campaign-part .quick-menu ul li a.btn-3 {
		background-image: url("../img/m/btn_campaign_quick_menu_03.png")
	}
	.container .campaign-part .quick-menu ul li a.btn-4 {
		background-image: url("../img/m/btn_campaign_quick_menu_04.png")
	}
	.footer {
		height: auto
	}
	.footer .inner-wrap .logo-area .logo {
		width: 6.8rem;
		height: 2.75rem;
		background-image: url("../img/m/logo_footer.png")
	}
	.footer .inner-wrap .copyright-area .social .sns {
		position: relative;
		flex-wrap: wrap;
		margin-right: 1rem;
		margin-left: 1rem
	}
	.footer .inner-wrap .copyright-area .social .sns::after {
		content: "";
		position: absolute;
		top: 0;
		right: -1.1rem;
		width: 1px;
		height: 100%;
		border-right: 1px dotted #323232
	}
	.footer .inner-wrap .copyright-area .social .sns.sns-1 {
		margin-left: 0
	}
	.footer .inner-wrap .copyright-area .social .sns.sns-3 {
		margin-right: 0
	}
	.footer .inner-wrap .copyright-area .social .sns.sns-3::after {
		display: none
	}
	.footer .inner-wrap .copyright-area .social .sns h3 {
		width: 100%;
		margin-bottom: 1rem;
		padding-left: 0;
		font-size: 1.1rem
	}
	.footer .inner-wrap .copyright-area .social .sns ul li:first-of-type {
		margin-left: 0
	}
	.footer .inner-wrap .copyright-area .social .sns ul li a {
		width: 3rem;
		height: 3rem
	}
	.footer .inner-wrap .copyright-area .social .sns ul li a.twitter {
		background-image: url(../img/m/icon_footer_sns_twitter.png)
	}
	.footer .inner-wrap .copyright-area .social .sns ul li a.blog {
		background-image: url(../img/m/icon_footer_sns_blog.png)
	}
	.footer .inner-wrap .copyright-area .social .sns ul li a.facebook {
		background-image: url(../img/m/icon_footer_sns_facebook.png)
	}
	.footer .inner-wrap .copyright-area .social .sns ul li a.youtube {
		background-image: url(../img/m/icon_footer_sns_youtube.png)
	}
	.footer .inner-wrap .copyright-area .social .sns ul li a.home {
		background-image: url(../img/m/icon_footer_sns_home.png)
	}
	.footer .inner-wrap .copyright-area .copyright {
		margin-top: 2.8rem
	}
	.footer .inner-wrap .copyright-area .copyright p {
		font-size: 1rem
	}
	.footer .inner-wrap .go-top {
		top: -1.875rem;
		right: 1.5rem
	}
	.footer .inner-wrap .go-top a {
		width: 3.75rem;
		height: 3.75rem;
		background-image: url("../img/m/arrow_top.png");
		background-size: 1.4rem;
		background-position: center
	}
	.popup .wrap.magnitude_stauts {
		margin-top: -15rem;
		max-width: 90%;
		margin-left: -45%
	}
	.popup .wrap.magnitude_stauts h1 {
		margin-bottom: 3rem;
		padding-top: 4rem;
		font-size: 2rem;
		background-size: 5rem
	}
	.popup .wrap.magnitude_stauts .content .swiper-wrapper .swiper-slide p {
		margin-top: 0.5rem;
		padding: 0;
		font-size: 1.2rem;
		line-height: 2rem
	}
	.popup .wrap.magnitude_stauts .content .swiper-pagination {
		bottom: 6rem
	}
	.popup .wrap.magnitude_stauts .content .swiper-pagination .swiper-pagination-bullet
		{
		width: 0.75rem;
		height: 0.75rem;
		background-color: #fff;
		border: 1px solid #053863;
		border-radius: 50%;
		opacity: 1
	}
	.popup .wrap.magnitude_stauts .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
		{
		width: 0.85rem;
		height: 0.85rem;
		background-color: #053863
	}
	.popup .wrap.magnitude_stauts .content .swiper-button-next, .popup .wrap.magnitude_stauts .content .swiper-button-prev
		{
		display: none
	}
	.popup .wrap.magnitude_stauts .content .btn-group {
		margin-top: 5rem
	}
	.popup .wrap.magnitude_stauts .content .btn-group a {
		width: 12rem;
		font-size: 1.4rem;
		line-height: 4rem
	}
	.popup .wrap.quiz {
		width: 90%;
		margin-left: -45%;
		margin-top: -12rem
	}
	.popup .wrap.quiz .top {
		height: 5rem
	}
	.popup .wrap.quiz .top h1 {
		margin-top: 0;
		width: 7.5rem;
		height: 2rem
	}
	.popup .wrap.quiz .top a {
		width: 1.6rem;
		height: 1.6rem
	}
	.popup .wrap.quiz .content {
		padding: 1rem 1rem 2.2rem 1rem
	}
	.popup .wrap.quiz .content .text {
		padding: 1.2rem 2rem 1.5rem 1rem;
		font-size: 1.2rem;
		line-height: 2rem
	}
	.popup .wrap.quiz .content .select {
		margin-top: 2rem
	}
	.popup .wrap.quiz .content .select a {
		width: 9rem;
		height: 7.71rem
	}
	.popup .wrap.quiz .content .answer-wrap .select a.active {
		background-position: 0 -15.6rem
	}
	.popup .wrap.quiz .content .answer-wrap .btn {
		margin-top: 2rem
	}
	.popup .wrap.quiz .content .answer-wrap .btn a {
		width: 12rem;
		font-size: 1.4rem;
		line-height: 4rem
	}
}

@
keyframes top-visual { 0%{
	transform: translateX(-50%) scale(1.1)
}

100
%
{
transform
:
translateX(
-50%
)
scale(
1
)
}
}
@
keyframes top-arrow { 0%{
	background-position: center 5px
}

100
%
{
background-position
:
center
0
}
}
@
keyframes wave { 0%{
	opacity: 0
}

30
%
{
opacity
:
1
}
90
%
{
opacity
:
0
}
100
%
{
transform
:
scale(
7
)
}
}
@
keyframes wave-vr { 0%{
	opacity: 0
}

10
%
{
opacity
:
1
}
90
%
{
}
100
%
{
transform
:
translate(
-50%
,
-50%
)
scale(
1.5
);
opacity
:
0
}
}
@
keyframes circle-rotate { 0%{
	transform: translate(-50%, -50%) rotate(0)
}

100
%
{
transform
:
translate(
-50%
,
-50%
)
rotate(
360deg
)
}
}
@
keyframes svg-dash { 0%{
	stroke-dashoffset: 100
}

100
%
{
stroke-dashoffset
:
0
}
}
@media screen and (-ms-high-contrast: active) , ( -ms-high-contrast :
	none) {
	.svg-line-sm, .svg-line-md, .svg-line-lg {
		stroke-dasharray: none !important;
		stroke-dashoffset: none !important;
		animation-name: none !important
	}
	.container .analysis-part .earthquake-group .contents-wrap .tab-content-1 :nth-of-type(1).sub-section .sub-section-content .img .icon.icon-1,
		.container .notify-part .earthquake-group .contents-wrap .tab-content-1 :nth-of-type(3).sub-section .sub-section-content .img .icon.icon-1
		{
		left: 9.5%
	}
}