* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: 'Noto Sans Korean',sans-serif;
}
html {
	font-size:20px;
}
body {
	scroll-behavior: smooth;
	overflow-x:hidden;
}
.bar {
	height: 0.2rem;
    background: #fff;
}
.mob_br {
	display:none;
}
.flex_wrapper,.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.align-center {
	align-items: center;
}
nav .border{
	position:fixed;
	top:0;
	width:0;
	width:100%;
	background:linear-gradient(to right,#1661AD,#009C96);
	height:4px;
	left:0;
}
nav .logo {
	display:-webkit-inline-flex;
	display:inline-flex;
	align-items:center;
	width:19.15rem;
	height:3.2rem;
	background:url(../img/common/logo.svg) no-repeat 50%;
	background-size:contain;
}
nav.hide {
	animation: navHide ease 0.3s;
	animation-fill-mode: both;
}
@keyframes navHide {
	from {
		top:0
	}
	to {
		top:-120px;
	}
  }

nav {
	position: fixed;
	/*position:absolute;*/
	top:0;
	left:0;
	width:100%;
	padding:0.65rem 0;
	z-index: 6;
	background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px) brightness(2.8);
    -webkit-backdrop-filter: blur(10px) brightness(2.8);
}

nav.active ul li a {
	color:#333333;
}
nav.active .menu_btn {
	display:block;
}
nav ul.flex_wrapper {
	float:right;
	gap:1.5rem;
	margin-top:1rem;
}
nav ul.flex_wrapper>li {
	text-align:center;
	position:relative;
}
nav ul.flex_wrapper>li:nth-child(1) {
	width:8.5rem;
}
nav ul.flex_wrapper>li:nth-child(2) {
	width:11.9rem;
}
nav ul.flex_wrapper>li:nth-child(3) {
	width:7.8rem;
}
nav ul.flex_wrapper>li:nth-child(4) {
	width:5rem;
}
nav ul.flex_wrapper li a {
	color:#333333;
	font-size:0.95rem;
	font-weight:500;
	display:inline-block;
}
nav.active {
	position:fixed;
	background: linear-gradient(to bottom, #ffffffcc 4.8rem, transparent 4.8rem);
	backdrop-filter: blur(10px) brightness(2.8);
    -webkit-backdrop-filter: blur(10px) brightness(2.8);
}
nav ul.flex_wrapper li.on a {
	font-weight:bold;
	color:#1661AD;
} 
nav ul.flex_wrapper li.on::after{
	content:'';
	display:block;
	width:100%;
	height: 0.25rem;
	background: #1661AD;
	position:absolute;
	left:0;
	top: 1.9rem;
}
nav>a {
	float:left;
}

.sub_menu {
	width:100%;
	margin-top:2.5rem;
	display:none;
}
.sub_menu li {
	margin-bottom:0.3rem;
}
.sub_menu li a{
	color:#fff !important;
	font-weight:400 !important;
	font-size:0.85rem !important;
	white-space: nowrap;
	transition:all 0.3s;
}
.sub_menu_bg {
	height:8.2rem;
	position:fixed;
	width:100%;
	left:0;
	top:4.8rem;
	display:none;
	z-index:-1;
	background:linear-gradient(to right,#1661AD,#009C96);
}

/* ------------- 모바일 네비게이션 --------- */

/*head_area*/
.head_area {position: fixed;top:0;width:100%;z-index: 150;box-sizing: border-box;display:none;background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px) brightness(2.8);
    -webkit-backdrop-filter: blur(10px) brightness(2.8);}
.header_top{width:100%;padding: 1rem 0;}
.header_top .wrap_1230 { width:100%;padding:0 5%;box-sizing:border-box;}
.head_area .logo_area{display:inline-block ;}
.head_area .logo {display: inline-block;vertical-align:middle;width: 20rem;height: 3.5rem;}
.head_area .logo a {display:block; width:100%; height:100%; background:url(../img/common/logo.svg) no-repeat;background-size:contain;}
.head_mask{display:none;width:100%;height: 100%;background:rgba(255, 255, 255, 0.8);backdrop-filter:blur(15px) brightness(1.5);-webkit-backdrop-filter:blur(15px) brightness(1.5);position:fixed;z-index:120;display:none}
.head_mask.on{display:block}
.head_area .head_bottom{display: none;width:100%;}
.head_area .head_bottom.active{display: block; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
.head_area .lnb{box-sizing: border-box;width:90%;margin:auto;}
.head_area .lnb > li{box-sizing: border-box;width:100%;text-align: center;margin-top: 2.3rem;padding-bottom: 2.5rem;border-bottom: 1px solid rgba(188,188,188,0.3);}
.head_area .lnb > li:last-child{border-bottom: 0;}
.head_area .lnb > li > a {display:block;text-align: center;font-weight:700;font-size:1.6rem;color:#333333;position: relative;}
.head_area .lnb > li > a h2{font-size: 1.8rem;display:inline-block;color: #4A4A49;text-transform:uppercase}
.head_area .lnb_sub {overflow:hidden;position:relative;height:auto;z-index:10;display:none;background:linear-gradient(to right,#1661AD,#009C96);padding:2.5rem;top:2.5rem;width:112%;margin-left:-5.6%}
.head_area .lnb_sub > li {margin-bottom:1rem;padding:0;}
.head_area .lnb_sub > li:last-child { margin-bottom:0;}
.head_area .lnb_sub a {display:block;color:#fff;font-weight:500;font-size:1.6rem;text-align:center}
.head_area .lnb_sub a.on {color:#00B4E5}
.head_area .lnb_sub_bg {display:none;position:absolute;top:90px;left:0;z-index:1;width:100%;height:auto;background:rgba(255,255,255,0.1);}
.head_area .lnb_sub_bg > a {display:block;width:100%;height:auto;text-indent:-9999px;cursor:default}
.head_area .lnb_sub_bg.on{display: block;}
.head_area.active{background:rgba(0,0,0,1)}
.btn_site{display: inline-block;font-weight:700;font-size:16px;color:#333333;line-height: 1;position: absolute;right:30px;bottom:30px;box-sizing: border-box;opacity: 0.8;}
.btn_site a{display:inline-block;color:#333333;font-size: 16px;font-weight: 700;}
.btn_site a em{width:34px;height: 10px;background: url(../img/index/ico_site.png) 0 0 no-repeat;margin-left: 5px;display: inline-block;vertical-align: bottom;}
.head_area.scrollHd { background:none;backdrop-filter: none;-webkit-backdrop-filter: none;transition:none;}
.head_area.scrollHd .header_top { background:none;}
.head_area.scrollHd .hamburger .line,.head_area.active .hamburger .line { background:black;}
.head_area .border {
	position:fixed;
	top:0;
	width:0;
	width:100%;
	background:linear-gradient(to right,#1661AD,#009C96);
	height:4px;
	left:0;
}

.hamburger{position: absolute;right:5%;top:2rem}
.hamburger .line{width: 1.7rem;height: 2px;background-color: #4A4A49;display: block;margin: 0.3rem auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hamburger:hover{cursor: pointer;}
.hamburger.is-active .line { background:#4A4A49;}
.hamburger.is-active .line:nth-child(2){opacity: 0;}
.hamburger.is-active .line:nth-child(1){-webkit-transform: translateY(0.5rem) rotate(45deg);-ms-transform: translateY(0.5rem) rotate(45deg);-o-transform: translateY(0.5rem) rotate(45deg);transform: translateY(0.5rem) rotate(45deg);}
.hamburger.is-active .line:nth-child(3){-webkit-transform: translateY(-0.5rem) rotate(-45deg);-ms-transform: translateY(-0.5rem) rotate(-45deg);-o-transform: translateY(-0.5rem) rotate(-45deg);transform: translateY(-0.5rem) rotate(-45deg);}


footer {
	background:#F4F6F8;
	padding: 2rem 0 2.5rem 0;
	position:relative;
}
footer .d-flex {
	align-items:center;
	gap:2rem;
	max-width:1720px;
	width:90%;
	margin:auto;
}
footer .d-flex>img:first-child {
	width: 11.5rem;
}
footer .d-flex>p {
	font-size:0.8rem;
	color:#586272;
	flex-grow:1;
	padding-top: 0.6em;
}
footer a {
	font-size:0.9rem;
	color:#586272;
	font-weight:bold;
	padding-top: 0.6em;
}
footer a img {
	width:1.2rem;
	margin:0 0 0 0.3rem;
}
.wrap_1720 {
	max-width:1720px;
	width:100%;
	margin:0 auto;
	/* border:1px solid pink; */
}
.wrap_1620 {
	max-width:1620px;
	width:100%;
	margin:0 auto;
	/* border:1px solid pink; */
}
.wrap_1350 {
	max-width:1350px;
	width:100%;
	margin:0 auto;
}
.wrap_1280 {
	max-width:1220px;
	width:100%;
	margin:0 auto;
}
.wrap_1024 {
	max-width:1024px;
	width:100%;
	margin:0 auto;
}
.detail_layer {
	position:fixed;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.85);
	top:0;
	left:0;
	z-index: 300;
	text-align:center;
	padding-top:3.75rem;
	display:none;
}
.detail_layer .wrap_1200 {
	position:relative;
}
.detail_layer .close {
	cursor:pointer;
	margin-bottom:1rem;
	width:2.5rem;
	margin-top:-100%;
}
.detail_layer .cont {
	position:absolute;
	top:46%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:900px;
	width:90%;
	max-height:600px;
	padding:0;
}
.detail_layer .img_area {
	width:100%;
	height:100%;
	max-height:calc(600px - 3.5rem);
}
.detail_layer .img_area img {
	width:100%;
	height:100%;
	max-height:calc(600px - 3.5rem);
	object-fit: contain;
}
.detail_layer .img_area .swiper-button-prev {
	position:absolute;
	left:0px;
	top:50%;
	transform:translate(0,-50%);
	width:50px;
	height:50px;
	background:url(../img/memory/ico_prev.png) no-repeat 50%;
}
.detail_layer .img_area .swiper-container {
	width:860px;
}
.detail_layer .img_title_text {
	color: #fff;
    padding: 1rem 0 0.5rem 0;
	font-weight: 600;
	width: 90%;
    margin: 0 auto;
    word-break: keep-all;
}
.detail_layer .img_sub_text {
	color: #fff;
    font-weight: 400;
	font-size: 0.85rem;
	width: 80%;
    margin: 0 auto;
    word-break: keep-all;
}
.swiper-button-next:after ,
.swiper-button-prev:after {
	content:'' !important;
}
.detail_layer .img_area .swiper-button-next {
	position:absolute;
	right:0px;
	top:50%;
	transform:translate(0,-50%);
	width:50px;
	height:50px;
	background:url(../img/memory/ico_next.png) no-repeat 50%;
}

.banner {
	text-align:center;
	padding:8.3rem 0 4rem;
	color:#fff;
	background:url(../img/timeline/timeline_banner.png) no-repeat center;
	background-size:cover;
}
.banner .category {
	align-items:center;
	justify-content: center;
	gap:1.7rem;
}
.banner .category li {
	position:relative;
	font-size:0.9rem;
	text-transform: uppercase;
}
.banner .category li::after {
	content :'';
	display:block;
	position:absolute;
	right:-1.1rem;
	top:50%;
	width:0.35rem;
	height:0.65rem;
	background:url(../img/ico/ico_arrow_r.png) no-repeat center;
	background-size:contain;
	transform:translate(0,-50%);
}
.banner .category li:last-child::after {
	display:none;
}
.banner .category .home {
	margin-bottom:0.2rem;
	width:0.9rem;
}
.banner .banner_tit {
	font-size:3rem;
	padding-bottom:1rem;
	display:inline-block;
	max-width:1220px;
	position:relative;
	letter-spacing: -0.15rem;
}
.banner .banner_tit::after {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,-50%);
	content:'';
	width:75%;
	height:0.25rem;
	background:linear-gradient(to right,#1661AD,#009C96);
}
.banner .banner_subtit {
	font-size:1.4rem;
	font-weight:400;
}
.img_wrapper {
	border-radius:0.75rem;
	overflow:hidden;
	background:#DFDFDF;
	position:relative;
}
.iframe_wrapper {
	border-radius:0.75rem;
	overflow:hidden;
	background:#DFDFDF;
	position:relative;
}
.iframe_wrapper::after {
	content:'';
	display:block;
	padding-top:56.35%;
}
.iframe_wrapper iframe {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.cont {
	padding:4rem 0 5rem;
}
.desc {
	font-size:1.2rem;
	font-weight:500;
	color:#4A4A49;
	word-break: keep-all;
}
hr {
	border:none;
	background:rgba(0,0,0,.2);
	display:block;
	height:1px;
}
.tab_tit {
	font-size:1.9rem;
}
.tab_tit em {
	font-size:1rem;
	font-weight: 500;
}
.art_tit {
	position: relative;
	font-size:1.5rem;
	padding-bottom:0.5rem;
	line-height :1.1;
	width:fit-content;
}
.art_tit em {
	border-bottom:1px dashed rgba(112,112,112,.5);
	position: absolute;
    bottom: 1.2rem;
}
.art_tit.blue,
.change .blue,
span.blue {
	color:#0065B3;
}
.art_tit.aqua,
.change .aqua,
span.aqua {
	color:#009C96;
}
.art_tit.navy,
.change .navy,
span.navy {
	color:#003063;
}

.top_btn {
	position:fixed;
	right:4%;
	bottom:2rem;
	width:4rem;
	height:4rem;
	text-align:center;
	z-index: 5;
	opacity: 1;
	display:none;
}
.top_btn img {
	display:block;
	width:4rem;
}

.tab_nav {
	display:-webkit-box;
	display:flex;
	align-items: stretch;
	gap:0.4rem;
}
.tab_nav li {
	width:calc( (100% - 2.8rem) / 3 );
	height: 3.75rem;
}
.tab_nav li a {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:100%;
	border:1px solid #D9D9D9;
	padding:0.5rem 0;
	color:#4A4A49;
	word-break: keep-all;
	text-align: center;
}
.tab_nav li.active a {
	background:#0065B3;
	color:#fff;
	font-weight:bold;
	border:none;
}
.tab_list {
	display:flex;
	justify-content: space-between;
	position:relative;
	border-bottom:2px solid #D8D8D8;
	padding:0 5%;
}
.tab_list::after {
	content:'';
	display:block;
	width:0px;
	height:2px;
	position:absolute;
	width:12.5%;
	left:0;
	bottom:-2px;
	background:#00AEEF;
}
.tab_list li {
	width:20%;
	text-align:center;
	position:relative;
}
.tab_list li a {
	font-size:20px;
	font-weight:500;
	color:#221E1F;
	padding:18px 0;
	display: inline-block;
	position:relative;
	line-height: 1.1;
}
.tab_list li a em {
	display:block;
	width:12px;
	height:12px;
	border-radius:6px;
	background:#D8D8D8;
	position:absolute;
	bottom:-6px;
	left:50%;
	transform:translate(-50%,0);
	z-index: 2;
}
.tab_list li a span {
	display:block;
	font-size:28px;
	font-family:'DIN Condensed'
}
.tab_list li.on a {
	color:#00AEEF;
}
.tab_list li.on em {
	background:#00AEEF;
}
.tab_list li.on a:after {
	content:'';
	width:28px;
	height:28px;
	border-radius:14px;
	background:#00AEEF;
	opacity: 0.4;
	position:absolute;
	bottom:-14px;
	left:50%;
	transform:translate(-50%,0);
}
.tab_list li .scroll_bar {
	width:0px;
	height:2px;
	position:absolute;
	left:50%;
	bottom:-2px;
	background:#00AEEF;
}

#CEO .banner .banner_tit::after {
	width:45%;
}

/* ------- Timeline ----------- */
#Timeline .banner .banner_tit::after {
	width:100%;
}
#Timeline .top {
	padding:4rem 0;
	background:url(../img/timeline/timeline_bg.png) no-repeat 50%;
	background-size:cover;
}
#Timeline .top .chapter {
	font-size:1rem;
	font-weight:900;
	color:#1661AD;
	/* -webkit-text-stroke: 1px black */
	letter-spacing: 0;;
}
#Timeline .top .chapter_tit {
	font-size:1.4rem;
	font-weight:500;
	color:#333333;
	/* -webkit-text-stroke: 1px black */
	letter-spacing: -0.03em;
	margin-bottom: 0.6rem;
}
#Timeline .top .chapter_text {
	max-width: 38.55rem;
	font-size:1rem;
	font-weight:500;
	color:#333333;
	/* -webkit-text-stroke: 1px black */
	letter-spacing: -0.05em;
	word-break: keep-all;
	line-height: 1.7;
}
#Timeline .top .chapter_text::after {
	content:'';
	display:block;
	position:absolute;
	left: 0;
	top: 36.3rem;
	width: 51%;
	height:1px;
	background:#000;
	opacity: 0.2;
}
#Timeline .top h3 {
	font-size:1.6rem;
	font-weight:500;
	color:#4A4A49;
	line-height:1.3;
	position:relative;
}
#Timeline .bar {
	display: none;
}
#Timeline .top .text_wrapper {
	width:50%;
}
#Timeline .top .img_wrapper {
	width:50%;
	display: flex;
    justify-content: center;
}
#Timeline .middle {
	background:linear-gradient(to right,#1661AD,#009C96);
	padding:3.5rem 0;
	overflow:hidden;
}
#Timeline .bottom {
	padding:3rem 0;
	background:#DDE1E5;
}
#Timeline .bottom .wrap_1720 {
	display:-webkit-box;
	display:flex;
	/* align-items: center; */
	justify-content: flex-end;
	gap:2rem;
}
#Timeline .bottom .btn {
	display:inline-flex;
	background:#fff;
	padding:1.65rem 2.5rem;
	color:#4A4A49;
	gap:1rem;
	align-items: center;
	width:calc(50% - 1rem);
	flex-direction: row-reverse;
	border-radius: 0.5rem;
}
#Timeline .bottom .btn>span {
	font-size:0.8rem;
	font-weight:800;
	line-height:1.3;
	text-align:right;
	padding-left:1rem;
	border-left:1px solid rgba(0,0,0,.2);
}
#Timeline .bottom .btn>span>span {
	font-size:1.2rem;
	font-weight:700;
	display:block;
}
#Timeline .bottom .btn em {
	font-size:1.2rem;
	font-weight:bold;
	flex-grow:1;
	text-align:right;
	word-break: keep-all;
}
#Timeline .bottom .btn img {
	width:2rem;
}
#Timeline .bottom .btn:last-child {
	flex-direction: row;
}
#Timeline .bottom .btn:last-child em {
	text-align:left;
}
#Timeline .bottom .btn:last-child>span {
	text-align:left;
}
#Timeline .bottom .btn:last-child>span {
	border-left:none;
	padding-right:1rem;
	padding-left:0;
	border-right:1px solid rgba(0,0,0,.2);
}
#Timeline .middle ol {
	display:flex;
	display:-webkit-box;
	align-items: center;
}
#Timeline .middle .swiper-container {
	overflow:visible;
	cursor:w-resize;
}
#Timeline .middle .swiper-slide {
	width:auto !important;
	color:#fff;
	position:relative;
	/* padding-top:3.1rem; */
}
#Timeline .middle .swiper-slide .year {
	font-size:2.3rem;
	position:absolute;
	left:0;
	top:0;
	line-height:1.2;
	display:none;
}
#Timeline .middle .swiper-slide>img:not(.bullet),
#Timeline .middle .swiper-slide>.no_img {
	margin-right:3rem;
	width:12.25rem;
}
#Timeline .middle .swiper-slide>.no_img {
	position:relative;
}
#Timeline .middle .swiper-slide>.no_img::after {
	content: '';
    display: block;
    padding-top: 66.94%;
}
#Timeline .middle .swiper-slide .bullet {
	width:0.95rem;
	display:block;
	position:relative;
	margin:1rem 0 0.5rem;
}
#Timeline .middle .swiper-slide h4::before {
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.4);
	position:absolute;
	top:-0.95rem;
	left:0;
}
#Timeline .middle .swiper-slide:last-child h4::before {
	display:none;
}
#Timeline .middle .swiper-slide h4 {
	position:relative;
	font-size:1.2rem;
	margin-bottom:0.25rem;
}
#Timeline .middle .swiper-slide p em {
	font-size: 0.8rem;
}
.timeline_sel.nice-select {
	width: 27.5rem;
	border:none;
	height:auto;
	line-height:1.2;
	padding:0;
	float:none;
	border:none;
	padding-right:4.15rem;
	margin-bottom:2.35rem;
	background:none;
}
.timeline_sel.nice-select .list {
	width:100%;
}
.timeline_sel.nice-select .option {
	font-size: 1.75rem;
    line-height: 2;
	color:#4A4A49;
}
.timeline_sel .current {
	color: #333333;
    -webkit-background-clip: text;
	font-size:4.2rem;
	font-weight:bold;
	letter-spacing: -0.15rem;
	padding-right:0.2rem;
}
.timeline_sel.nice-select::after {
	border:none;
	width:3.4rem;
	height:3.4rem;
	background:url(../img/timeline/sel_arrow.svg) no-repeat 50%;
	background-size:contain;
	top: 20%;
    transform: none;
    margin-top: 0;
    right: 0;
	transform-origin:center !important;
}
.timeline_sel.nice-select.open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 20%;
}
/* ------------- keywords --------------- */
.keywords .banner .banner_tit::after {
	width:95%;
}
#Major .tab_cont {
	text-align:center;
}
#Major .tab_cont div[class^=major-swiper] img{
	width:3.7rem;
}
#Major .major_swiper_wrap {
	position:relative;
	padding:0 8.7rem;
}
#Major .major-swiper-next {
	position:absolute;
	right:2.5rem;
	top:50%;
	transform:translate(0,-50%);
	cursor: pointer;
}
#Major .major-swiper-prev {
	position:absolute;
	left:2.5rem;
	top:50%;
	transform:translate(0,-50%);
	cursor: pointer;
}
#Major .major_swiper .swiper-slide {
	display:-webkit-box;
	display:flex;
	border-radius:0.75rem;
	overflow:hidden;
}
#Major .major_swiper .swiper-slide .text {
	width:35%;
	display:-webkit-box;
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	background:#0065B3;
	color:#fff;
	text-align:left;
	padding-bottom:3rem;
	word-break: keep-all;
}
#Major .major_swiper .swiper-slide .text>*:not(hr) {
	padding:0 2.5rem;
}
#Major .major_swiper .swiper-slide .text h5 {
	font-size:1.2rem;
}
#Major .major_swiper .swiper-slide .text h4 {
	font-size:1.6rem;
}
#Major .major_swiper .swiper-slide .text hr {
	background:rgba(255,255,255,0.2);
	margin:0.75rem 0;
}
#Major .major_swiper .swiper-slide .right {
	width:65%;
}
#Major .major_swiper .swiper-slide .right img {
	width:100%;
	height:100%;
	object-fit: cover;
}
#Major .swiper-pagination {
    display: -webkit-flex;
    align-items: flex-start;
    justify-content: center;
	display: flex;
}
#Major .swiper-pagination-bullet {
	width:8.5rem;
	height:auto;
	padding-top:1rem;
	background: url(../img/ico/swiper_pagination_gray.png) no-repeat top center;
    background-size: 0.8rem;
	font-size:0.8rem;
	color:#888888;
	position:relative;
	margin-right:0;
	word-break: keep-all;
}
#Major .swiper-pagination-bullet-active {
	background: url(../img/ico/swiper_pagination_blue.png) no-repeat top center;
    background-size: 0.8rem;
	color:#0065B3;
	font-weight:500;
	line-height:1.4;
}
#Major .swiper-button-disabled {
	display:none;
}
#Major .swiper-pagination-bullet p::before {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    right: 50%;
    top: 0.35rem;
    width: 50%;
    background:rgba(142,142,142,0.5);
	z-index: -1;
}
#Major .swiper-pagination-bullet p::after {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 0.35rem;
    width: 50%;
	z-index: -1;
	background:rgba(142,142,142,0.5);
}
#Major .swiper-pagination-bullet:first-child p::before,
#Major .swiper-pagination-bullet:last-child p::after {
	display:none;
}
#Personnel .tab_cont {
	text-align:left;
}
#Personnel .tab_cont ul li {
	margin-bottom:4rem;
}
#Personnel .tab_cont ul li:last-child {
	margin-bottom:0;
}
#Personnel .tab_cont ul li h3 {
	font-size:1.2rem;
	padding-bottom:1rem;
	border-bottom:1px solid rgba(0,0,0,.2);
	line-height:1.2;
	margin-bottom:1.5rem;
}
#Personnel .tab_cont ul li h3 span {
	color:#0065B3
}
#Personnel .tab_cont ul li .d-flex {
	justify-content: flex-start;
	gap:1.5rem;
}
#Personnel .tab_cont ul li .d-flex h4 {
	font-size:0.95rem;
	font-weight:400;
}
#Personnel .tab_cont ul li .d-flex span[class^=counter] {
	font-size:2rem;
	font-weight:bold;
}
#Personnel .tab_cont ul li .d-flex img {
	max-width:calc(100% - 8rem);
	/* width:0%;
	object-fit: cover;
	object-position:left; */
	/* height:4.5rem;
	transition:width 1s cubic-bezier(0.39, 0.575, 0.565, 1); */
}
#Personnel .tab_cont ul li:nth-child(5) img {
	max-width:calc((100% - 8rem) * 0.89);
}
#Personnel .tab_cont ul li:nth-child(4) img {
	max-width:calc((100% - 8rem) * 0.778);
}
#Personnel .tab_cont ul li:nth-child(3) img {
	max-width:calc((100% - 8rem) * 0.554);
}
#Personnel .tab_cont ul li:nth-child(2) img {
	max-width:calc((100% - 8rem) * 0.37);
}
#Personnel .tab_cont ul li:nth-child(1) img {
	max-width:calc((100% - 8rem) * 0.256);
}
/* #Personnel .tab_cont ul li:nth-child(1) img.active {
	width:14.9rem;
}
#Personnel .tab_cont ul li:nth-child(2) img.active {
	width:21.4rem;
	transition:width 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#Personnel .tab_cont ul li:nth-child(3) img.active {
	width:32.2rem;
	transition:width 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#Personnel .tab_cont ul li:nth-child(4) img.active {
	width:45.2rem;
	transition:width 1.75s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#Personnel .tab_cont ul li:nth-child(5) img.active {
	width:51.65rem;
	transition:width 2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#Personnel .tab_cont ul li:nth-child(6) img.active {
	width:58.75rem;
	transition:width 2.2s cubic-bezier(0.39, 0.575, 0.565, 1);
} */


.keywords .banner {
	background:url(../img/keywords/keywords_bg.jpg) no-repeat 50%;
	background-size:cover;
}
.keywords article p[class^=text] {
	font-size:0.9rem;
	color:#4A4A49;
	text-align:center;
	line-height:1.3;
	/* font-weight:bold; */
	letter-spacing: -0.1rem;;
}

.keywords article p[class^=text].blue,
.keywords article span[class^=counter].blue {
	color: #0065B3 !important;
}


 @keyframes lineLeft {
  0% {
    width:0%;
  }
  100% {
    width: 100%;
  }
}
.lineLeft {
  animation-name: lineLeft;
  animation-duration: 3.2s;
  animation-fill-mode: forwards;
}
 .graph_wrapper {
	max-width: 1350px;
	width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
}
.keywords.tab01 .wrap_1350,
.keywords.tab02 .wrap_1350,
.keywords.tab03 .wrap_1350 {
 	position: relative;
}

.keywords.tab01 .art2 .art_img {
	position: absolute;
    top: 9%;
    width: 40%;
	max-width: 25.07rem;
    right: 3%;
}

.keywords.tab01 .art3 .art_img {
	position: absolute;
    top: 0%;
    width: 40%;
	max-width: 20.9rem;
    right: 3%;
}

.keywords.tab01 .art5 .art_img {
	position: absolute;
    top: 5%;
    width: 40%;
	max-width: 26.6rem;
    right: 3%;
}

.keywords.tab02 .art2 .art_img {
	position: absolute;
    top: 5%;
    width: 40%;
	max-width: 29.06rem;
    right: 3%;
}

.keywords.tab03 .art2 .art_img {
	position: absolute;
    top: -1%;
    width: 40%;
	max-width: 24.09rem;
    right: 3%;
}

.keywords .line_graph {
	position:relative;
}

.keywords .line_graph img {
	width: 100%;
}

.keywords .change {
	display:-webkit-box;
	display:flex;
	align-items: flex-end;
	justify-content: flex-start;
	gap:0.5rem;
	color:#0065B3;
}
.keywords .change h5 {
	font-size:1.2rem;
	color: #333333;
}
.keywords .change .past h3 {
	font-size:2rem;
}
.keywords .change h3 {
	font-size:2.75rem;
	line-height:2.75rem;
}
.keywords .change h3 small {
	font-size:1.2rem;
}
.keywords .change .arrow {
	width:3.8rem;
	margin-bottom: 0.5rem;
	opacity:0;
}
.keywords .change .now {
	opacity:0;
}
.keywords .change.active .arrow {
	animation:fadeRight 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
.keywords .change.active .now {
	animation:fadeRightM 1s cubic-bezier(0.39, 0.575, 0.565, 1);
	animation-delay:0.4s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}

/* -------------- 키워드 탭1 -------------- */

.keywords.tab01 .art1 .line_graph1 .line {
	width:0;
	height: 80%;
    max-height: 346px;
    position: absolute;
    top: -3%;
	background:url(../img/keywords/tab01_art1_line1.svg) no-repeat center left;
	background-size: cover;
}

.keywords.tab01 .art2 .line_graph1 .line {
	width:0;
	height: 88%;
    max-height: 639px;
    position: absolute;
    top: -3%;
	background:url(../img/keywords/tab01_art2_line1.svg) no-repeat center left;
	background-size: cover;
}

.keywords.tab01 .art3 .line_graph1 .line {
	width:0;
	height: 72%;
	max-height: 260px;
	position: absolute;
	top: -6%;
	background:url(../img/keywords/tab01_art3_line1.svg) no-repeat center left;
	background-size: cover;
}

.keywords.tab01 .art4 .line_graph1 .line {
	width:0;
	height: 90%;
	max-height: 383px;
	position: absolute;
	top: -11%;
	background:url(../img/keywords/tab01_art4_line1.svg) no-repeat center left;
	background-size: cover;
}

.keywords.tab01 .art5 .line_graph1 .line {
	width:0;
	height: 98%;
	max-height: 609px;
	position: absolute;
	top: -3.5%;
	background:url(../img/keywords/tab01_art5_line1.svg) no-repeat center left;
	background-size: cover;
}

/* -------------- 키워드 탭2 -------------- */

.keywords.tab02 .art1 .line_graph1 .line {
	width:0;
	height: 96%;
    max-height: 574px;
    position: absolute;
    top: -7%;
	background:url(../img/keywords/tab02_art1_line1.svg) no-repeat center left;
	background-size: cover;
}

.keywords.tab02 .art2 .line_graph1 .line {
	width:0;
	height: 106.5%;
	max-height: 776px;
	position: absolute;
	top: -10%;
	background:url(../img/keywords/tab02_art2_line1.svg) no-repeat center left;
	background-size: cover;
}

.keywords.tab02 .art3 .line_graph1 .line {
	width:0;
	height: 85%;
	max-height: 472px;
	position: absolute;
	top: -6%;
	background:url(../img/keywords/tab02_art3_line1.svg) no-repeat center left;
	background-size: cover;
}

.keywords.tab02 .art4 .line_graph1 .line {
	width:0;
	height: 83%;
    max-height: 461px;
    position: absolute;
    top: 0%;
	background:url(../img/keywords/tab02_art4_line1.svg) no-repeat center left;
	background-size: cover;
}

/* -------------- 키워드 탭3 -------------- */

.keywords.tab03 .art1 .line_graph1 .line {
	width:0;
	height: 95.8%;
    max-height: 350px;
    position: absolute;
    top: -12%;
	background:url(../img/keywords/tab03_art1_line1.svg) no-repeat center left;
	background-size: cover;
}

.keywords.tab03 .art2 .line_graph1 .line {
	width:0;
	height: 10%;
    max-height: 146px;
    position: absolute;
}

.keywords.tab03 .art2 .line_graph1 .line.line01{
	background:url(../img/keywords/tab03_art2_line1.svg) no-repeat center left;
	background-size: cover;
	top: 12%;
}

.keywords.tab03 .art2 .line_graph1 .line.line02{
	background:url(../img/keywords/tab03_art2_line2.svg) no-repeat center left;
	background-size: cover;
	top: 25%;
}

.keywords.tab03 .art2 .line_graph1 .line.line03{
	background:url(../img/keywords/tab03_art2_line3.svg) no-repeat center left;
	background-size: cover;	
	top: 37.5%;
}

.keywords.tab03 .art2 .line_graph1 .line.line04{
	background:url(../img/keywords/tab03_art2_line4.svg) no-repeat center left;
	background-size: cover;	
	top: 50.5%;
}

.keywords.tab03 .art2 .line_graph1 .line.line05{
	background:url(../img/keywords/tab03_art2_line5.svg) no-repeat center left;
	background-size: cover;	
	top: 63%;
}

.keywords.tab03 .art2 .line_graph1 .line.line06{
	background:url(../img/keywords/tab03_art2_line6.svg) no-repeat center left;
	background-size: cover;	
	top: 75.8%;
}

.keywords.tab03 .art2 .line_graph1 .line.line07{
	background:url(../img/keywords/tab03_art2_line7.svg) no-repeat center left;
	background-size: cover;
	top: 88.5%;
}

.keywords.tab03 article p[class^=text] {
    font-size: 1.6rem;
    color: #4A4A49;
    text-align: right;
    line-height: 2.6rem;
    font-weight: bold;
}
.keywords.tab03 .text1 {
	position: absolute;
    top: 11.7%;
    right: 0%;
}
.keywords.tab03 .text2 {
	position: absolute;
    top: 24.2%;
    right: 0%;
}
.keywords.tab03 .text3 {
	position: absolute;
    top: 37.2%;
    right: 0%;
}
.keywords.tab03 .text4 {
	position: absolute;
    top: 50.1%;
    right: 0%;
}
.keywords.tab03 .text5 {
	position: absolute;
    top: 62.5%;
    right: 0%;
}
.keywords.tab03 .text6 {
	position: absolute;
    top: 75.2%;
    right: 0%;
}
.keywords.tab03 .text7 {
	position: absolute;
    top: 88.1%;
    right: 0%;
}

@keyframes fadeRight {
	from {
		transform:translate(-20%,0);
		opacity: 0;
	}
	to {
		transform:translate(0,0);
		opacity:1;
	}
}
@-webkit-keyframes fadeRight {
	from {
		transform:translate(-20%,0);
		opacity: 0;
	}
	to {
		transform:translate(0,0);
		opacity:1;
	}
}
@keyframes fadeRightM {
	from {
		transform:translate(-10%,0);
		opacity: 0;
	}
	to {
		transform:translate(0,0);
		opacity:1;
	}
}
@-webkit-keyframes fadeRightM {
	from {
		transform:translate(-15%,0);
		opacity: 0;
	}
	to {
		transform:translate(0,0);
		opacity:1;
	}
}
#Trainee .tab_cont>.d-flex {
	max-width:1280px;
	margin:auto;
	align-items: flex-end;
	height:22.2rem;
}
#Trainee .cont_img {
	width:18.45rem;
}
.keywords_list {
	display:-webkit-box;
	display:flex;
	align-items: flex-end;
	text-align:center;
	gap:1rem;
}
.keywords_list li p {
	font-size:0.95rem;
	color:#0065B3;
	width:6.5rem;
}
.keywords_list li p span {
	font-size:1.5rem;
	font-weight:bold;
	letter-spacing: -0.05rem;
}
#Trainee .bar_head {
	width:2.6rem;
	height:2.6rem;
	border-radius:1.3rem;
	background:#0065B3;
	margin:0.6rem 0 0.4rem;
	display:inline-block;
}
#Trainee .bar {
	width:3.3rem;
	min-height:2rem;
	background:url(../img/keywords/tab04_bar.png) top center;
	background-size:cover;
	margin:auto;
	height:2rem;
	transition:all 2s ease;
}
#Trainee .trainee_wrap li h4 {
	font-size:1.2rem;
	margin-top:0.5rem;
}
#Trainee .trainee_wrap li.active .bar {
	height:16.4rem;
}
#Trainee .trainee_wrap li.active:first-child .bar {
	max-height:7.2rem;
}
#Trainee .trainee_wrap li.active:nth-child(2) .bar {
	max-height:8.75rem;
}
#Trainee .trainee_wrap li.active:nth-child(3) .bar {
	max-height:11.45rem;
}
#Trainee .trainee_wrap li.active:nth-child(4) .bar {
	max-height:16.4rem;
}
#Trainee .trainee_wrap li.active:nth-child(5) .bar {
	max-height:14.1rem;
}
#Trainee .trainee_wrap li.active:nth-child(6) .bar {
	max-height:11rem;
}

#Conduct {

}
#Conduct .tab_cont>.d-flex {
	max-width:1280px;
	margin:auto;
	align-items: flex-end;
	height:27.2rem;
	justify-content: space-around;
}
#Conduct .cont_img {
	width:16.8rem;
}
#Conduct .beaker_wrap {
	width:2.5rem;
	height:4rem;
	border-radius:0 0 2rem 2rem;
	overflow:hidden;
	background:#CCDDE7;
	display:inline-flex;
	align-items: flex-end;
	margin-top:0.6rem;
}
#Conduct .beaker_wrap .beaker {
	background:#B2D0E8;
	width:100%;
	height:1.6rem;
	transition:all 3s ease;
}
#Conduct .beaker_list li:nth-child(2) .beaker_wrap {
	height:6rem;
}
#Conduct .beaker_list li:nth-child(3) .beaker_wrap {
	height:12.45rem;
}
#Conduct .beaker_list li:nth-child(4) .beaker_wrap {
	height:21rem;
}
#Conduct .beaker_list li:nth-child(5) .beaker_wrap {
	height:24.4rem;
}
#Conduct .beaker_list li:nth-child(6) .beaker_wrap {
	height:28.7rem;
}
#Conduct .beaker_list li:nth-child(2) .beaker {
	background:#99C1E1;
}
#Conduct .beaker_list li:nth-child(3) .beaker {
	background:#73AAD5;
}
#Conduct .beaker_list li:nth-child(4) .beaker {
	background:#4C93C9;
}
#Conduct .beaker_list li:nth-child(5) .beaker {
	background:#267CBE;
}
#Conduct .beaker_list li:nth-child(6) .beaker {
	background:#0065B3;
}
#Conduct .beaker_list li.active .beaker {
	height:23.4rem;
}
#Conduct .beaker_list li:nth-child(1).active .beaker {
	max-height:2.6rem;
}
#Conduct .beaker_list li:nth-child(2).active .beaker {
	max-height:3.2rem;
}
#Conduct .beaker_list li:nth-child(3).active .beaker {
	max-height:8.7rem;
}
#Conduct .beaker_list li:nth-child(4).active .beaker {
	max-height:16.2rem;
}
#Conduct .beaker_list li:nth-child(5).active .beaker {
	max-height:19.8rem;
}
#Conduct .beaker_list li:nth-child(6).active .beaker {
	max-height:23.4rem;
}

#Improvement .change .now{
	opacity:1;
}
#Improvement .home_list {
	justify-content: space-between;
	max-width:1150px;
	margin:auto;
	height:24rem;
}
#Improvement .art1_bg {
	background: #A7A9AC;
    height: 1.3rem;
    transform: translate(0, -3.5rem);
}
#Improvement .home_list li .home {
	width:6.3rem;
}
#Improvement .home_list li p {
	width:7.5rem;
}
#Improvement .home_list li h4 {
	margin-top:2rem;
}
#Improvement .home_list li .bar {
	width:6.3rem;
	height:0;
	background:#99C1E1;
	margin:auto;
	transition:all 2.5s ease;
}
#Improvement .home_list li.active .bar {
	height:18.2rem;
}
#Improvement .home_list li.active:nth-child(1) .bar {
	max-height:0;
}
#Improvement .home_list li.active:nth-child(2) .bar {
	max-height:4.25rem;
}
#Improvement .home_list li.active:nth-child(3) .bar {
	max-height:9.4rem;
}
#Improvement .home_list li.active:nth-child(4) .bar {
	max-height:12.75rem;
}
#Improvement .home_list li.active:nth-child(5) .bar {
	max-height:18.2rem;
}
#Improvement .art2 .d-flex {
	align-items: flex-end;
	height:30rem;
	justify-content: space-evenly;
}
#Improvement .art2 .cont_img {
	width: 9rem;
    margin-bottom: 4.7rem;
}
#Improvement .art2 .art2_bg {
	height: 2.35rem;
    background: url(../img/keywords/tab06_art2_bg.png) no-repeat 50%;
    background-size: 100%;
    position: relative;
    z-index: -1;
    transform: translate(0, -5.5rem);
}
#Improvement .timer_list li p {
	width:8rem;
}
#Improvement .timer_list li h4 {
	margin-top:0.3rem;
}
#Improvement .timer_list .bar {
	position:relative;
	z-index: -1;
	height:3rem;
	background:url(../img/keywords/tab06_art2_bar01.png) no-repeat bottom center;
	background-size:2.75rem;
	width:4.7rem;
	margin:0.6rem auto -5rem;
	transition:all 3s ease;
}
#Improvement .timer_list li:nth-child(2) .bar {
	background:url(../img/keywords/tab06_art2_bar02.png) no-repeat bottom center;
	background-size:4.7rem;
}
#Improvement .timer_list li:nth-child(3) .bar {
	background:url(../img/keywords/tab06_art2_bar03.png) no-repeat bottom center;
	background-size:4.7rem;
}
#Improvement .timer_list li:nth-child(4) .bar {
	background:url(../img/keywords/tab06_art2_bar04.png) no-repeat bottom center;
	background-size:4.7rem;
}
#Improvement .timer_list li:nth-child(5) .bar {
	background:url(../img/keywords/tab06_art2_bar05.png) no-repeat bottom center;
	background-size:4.7rem;
}
#Improvement .timer_list li:nth-child(6) .bar {
	background:url(../img/keywords/tab06_art2_bar06.png) no-repeat bottom center;
	background-size:4.7rem;
}
#Improvement .timer_list li.active .bar {
	height:30.4rem;
}
#Improvement .timer_list li.active:nth-child(1) .bar {
	max-height:4rem;
}
#Improvement .timer_list li.active:nth-child(2) .bar {
	max-height:12.25rem;
}
#Improvement .timer_list li.active:nth-child(3) .bar {
	max-height:17.7rem;
}
#Improvement .timer_list li.active:nth-child(4) .bar {
	max-height:26.3rem;
}
#Improvement .timer_list li.active:nth-child(5) .bar {
	max-height:30.4rem;
}
#Improvement .timer_list .head{
	width:5.57rem;
}
#Improvement .art2 .gray {
	color:#4A4A49 !important;
}

#Gas .gray {
	color:#4A4A49 !important;
}
#Gas .art_cont {
	background:url(../img/keywords/tab07_art1_bg.png) no-repeat 50%;
    background-size: cover;
    position: relative;
}
#Gas .art_cont .wrap_1620::after {
    content: '';
    display: block;
    padding-top: 80%;
}
#Gas article p[class^=text] {
    font-size: 1.5rem;
    color: #4A4A49;
    text-align: center;
    line-height: 1.3;
    font-weight: bold;
}
#Gas .art_cont .text1 {
	position: absolute;
    left: 35%;
    bottom: 15%;
    transform: translate(-50%, -50%);
}
#Gas .art_cont .text2 {
	position: absolute;
    left: 44.3%;
    bottom: 15%;
    transform: translate(-50%, -50%);
}
#Gas .art_cont .text3 {
	position: absolute;
    left: 53.5%;
    bottom: 35%;
    transform: translate(-50%, -50%);
}
#Gas .art_cont .text4 {
	position: absolute;
    left: 63%;
    bottom: 54%;
    transform: translate(-50%, -50%);
}
#Gas .art_cont .text5 {
	position: absolute;
    left: 72.2%;
    bottom: 80%;
    transform: translate(-50%, -50%);
}
#Gas .art_cont .text6 {
	position: absolute;
    left: 81.5%;
    bottom: 90.5%;
    transform: translate(-50%, -50%);
}

#Keywords .tab_cont {
	overflow-x: hidden;
}
#Keywords .art1 .d-flex {
	align-items: flex-end;
	height:28rem;
	max-width:1280px;
	margin:auto;
	justify-content: space-between;
}
#Keywords .art1 .cont_img {
	width: 14.4rem;
	margin-bottom:1.3rem;
}
#Keywords .art1 .art1_bg {
	height: 2.35rem;
    background: url(../img/keywords/tab08_art1_bg.png) no-repeat 50%;
    background-size: 100%;
    position: relative;
    z-index: -1;
    transform: translate(0, -5.5rem);
}
#Keywords .amount_list li p {
	width:8.6rem;
}
#Keywords .amount_list li h4 {
	margin-top:0.3rem;
}
#Keywords .amount_list .bar {
	position:relative;
	z-index: -1;
	height:3.8rem;
	background:url(../img/keywords/tab08_art1_bar01.png) no-repeat bottom center;
	background-size:2.75rem;
	width:2.75rem;
	margin:0.6rem auto -5rem;
	transition:all 2.5s ease;
}
#Keywords .amount_list li:nth-child(2) .bar {
	background:url(../img/keywords/tab08_art1_bar02.png) no-repeat bottom center;
	background-size:100% auto;
}
#Keywords .amount_list li:nth-child(3) .bar {
	background:url(../img/keywords/tab08_art1_bar03.png) no-repeat bottom center;
	background-size:100% auto;
}
#Keywords .amount_list li:nth-child(4) .bar {
	background:url(../img/keywords/tab08_art1_bar04.png) no-repeat bottom center;
	background-size:100% auto;
}
#Keywords .amount_list li:nth-child(5) .bar {
	background:url(../img/keywords/tab08_art1_bar05.png) no-repeat bottom center;
	background-size:100% auto;
}
#Keywords .amount_list li.active .bar {
	height:28.1rem;
}
#Keywords .amount_list li.active:nth-child(1) .bar {
	max-height:4.8rem;
}
#Keywords .amount_list li.active:nth-child(2) .bar {
	max-height:7.9rem;
}
#Keywords .amount_list li.active:nth-child(3) .bar {
	max-height:16.65rem;
}
#Keywords .amount_list li.active:nth-child(4) .bar {
	max-height:23.45rem;
}
#Keywords .amount_list li.active:nth-child(5) .bar {
	max-height:28.1rem;
}
#Keywords .amount_list .head{
	max-width:5.57rem;
}
#Keywords .gray {
	color:#4A4A49 !important;
}

#Keywords .art2 .d-flex {
	align-items: flex-end;
}
#Keywords .art2 .cont_img {
	width:18.75rem;
	margin-bottom:3.2rem;
}
#Keywords .art2 .d-flex {
	justify-content: space-around;
}
#Keywords .accident_list {
	justify-content: space-between;
	height:34.5rem;
}
#Keywords .art2_bg {
	background: #96999C;
    height: 2.35rem;
    transform: translate(0, -4.3rem);
	position:relative;
	z-index: -1;
}
#Keywords .accident_list li p {
	width: 3.5rem;
    display: inline-block;
}
#Keywords .accident_list li h4 {
	margin-top:1.3rem;
}
#Keywords .accident_list li .bar {
	width: 5.95rem;
    height: 3.9rem;
    margin: auto;
    transition: all 2.5s ease;
    background: url(../img/keywords/tab08_art2_bar01.png) no-repeat bottom center;
    background-size: 100% auto;
}
#Keywords .accident_list li:nth-child(2) .bar {
	width:8.1rem;
	background: url(../img/keywords/tab08_art2_bar02.png) no-repeat bottom center;
    background-size: 100% auto;
	transform:translate(-5%,0);
}
#Keywords .accident_list li:nth-child(3) .bar {
	width:7.5rem;
	background: url(../img/keywords/tab08_art2_bar03.png) no-repeat bottom center;
    background-size: 100% auto;
	transform:translate(13%,0);
}
#Keywords .accident_list li:nth-child(4) .bar {
	width:8.55rem;
	background: url(../img/keywords/tab08_art2_bar04.png) no-repeat bottom center;
    background-size: 100% auto;
	transform:translate(-15.5%,0);
}
#Keywords .accident_list li:nth-child(5) .bar {
	width:7.85rem;
	background: url(../img/keywords/tab08_art2_bar05.png) no-repeat bottom center;
    background-size: 100% auto;
	transform:translate(6.5%,0);
}
#Keywords .accident_list li.active .bar {
	height:31rem;
}
#Keywords .accident_list li.active:nth-child(1) .bar {
	max-height:11.25rem;
}
#Keywords .accident_list li.active:nth-child(2) .bar {
	max-height:31rem;
}
#Keywords .accident_list li.active:nth-child(3) .bar {
	max-height:22.75rem;
}
#Keywords .accident_list li.active:nth-child(4) .bar {
	max-height:21rem;
}
#Keywords .accident_list li.active:nth-child(5) .bar {
	max-height:12.55em;
}

/* ----------------- archive ------------------- */
.archive .banner {
	background:url(../img/archive/archive_banner.png) no-repeat 50%;
	background-size:cover;
}
.archive .banner .banner_tit::after {
	width:50%;
}
.archive .tab_nav li {
	width: calc((100% - 0.8rem) / 2);
	height:3.75rem;
}

#Video .video_tit {
	font-size:1.9rem;
	color:#4A4A49;
	letter-spacing: -0.1rem;
}
#Data .tab_cont {
	text-align:center;
}
#Data .data_list {
	display:-webkit-box;
	display:flex;
	flex-wrap:wrap;
}
#Data .data_list li {
	width:50%;
	position:relative;
	display:-webkit-box;
	display:flex;
	justify-content: center;
	align-items: center;
	height:28.5rem;
	border-bottom:1px solid rgba(0,0,0,0.2);
	padding:2rem 0.5rem 4.3rem 0.5rem;
}
#Data .data_list li.wd_100 {
	width:100%;
}
#Data .data_list li img {
	zoom:0.5;
	max-height:100%;
	max-width:90%;
}
#Data .data_list li p {
	position:absolute;
	left:50%;
	bottom:2rem;
	font-size:1rem;
	font-weight:300;
	color:#4A4A49;
	transform:translate(-50%,0);
	width:100%;
	text-align:center;
}
#Data .data_list li:last-child ,
#Data .data_list li:nth-last-child(2) {
	border-bottom:none;
}
#CongMessage .banner .banner_tit::after {
	width:45%;
}
.post_list_wrap {
	display:none;
}
.post_list_wrap:first-child {
	display:block;
}
.post_list {
	display:-webkit-box;
	display:flex;
	align-items: center;
	justify-content: space-between;
	gap:2.5rem;
	flex-wrap:wrap;
}
.post_list li {
	width:calc((100% - 5rem) / 3);
	position:relative;
	background:url(../img/corporation/post_w.png) no-repeat top center;
	background-size:cover;
}
.post_list li:nth-child(12n + 2),
.post_list li:nth-child(12n + 7) {
	background:url(../img/corporation/post_pink.png) no-repeat top center;
	background-size:cover;
}
.post_list li:nth-child(12n + 3),
.post_list li:nth-child(12n + 8) {
	background:url(../img/corporation/post_purple.png) no-repeat top center;
	background-size:cover;
}
.post_list li:nth-child(12n + 4),
.post_list li:nth-child(12n + 11) {
	background:url(../img/corporation/post_y.png) no-repeat top center;
	background-size:cover;
}
.post_list li:nth-child(12n + 5),
.post_list li:nth-child(12n) {
	background:url(../img/corporation/post_g.png) no-repeat top center;
	background-size:cover;
}
.post_list li:nth-child(12n + 6),
.post_list li:nth-child(12n + 10) {
	background:url(../img/corporation/post_b.png) no-repeat top center;
	background-size:cover;
}
.post_list li::after {
	content: '';
    display: block;
    padding-top: 104%;
}
.post_list li h4 {
	font-size:1rem;
	position:absolute;
	left:1.5rem;
	bottom:2.75rem;
}
.post_list li p {
	font-size: 1rem;
    color: #4A4A49;
    position: absolute;
    top: 20%;
    left: 1.5rem;
    width: calc(100% - 2.5rem);
    padding-right: 0.75rem;
    height: calc(80% - 5rem);
    word-break: keep-all;
    line-height: 1.5;
}
.more_btn {
	display:block;
	color:#fff;
	font-size:1.2rem;
	font-weight:bold;
	background:#0065B3;
	padding:1rem;
	text-align:center;
	width:100%;
}
.more_btn img {
	width:1.5rem;
	margin-left:0.8rem;
	margin-bottom: 0.1rem;
}



#Anniversary #bg_video {
	display:block;
}
#Anniversary .top_visual {
	height:730px;
}
#Anniversary .top_visual .right h2 {
	font-size:120px;
}
#Anniversary div[class^=tab0] {
	padding:5.7rem 0 5rem;
	display:none;
}
#Anniversary div[class^=tab0].on {
	display:block !important;
}
#Anniversary .iframe_wrapper {
	margin:0 auto;
	text-align:center;
}

#EBook .banner {
	background:url(../img/ebook/ebook_banner.png) no-repeat 50%;
	background-size:cover;
}
#EBook .banner .banner_tit::after {
	width:50%;
}
#EBook .cont  {
	padding-top:0;
}
#EBook .cont .d-flex {
	align-items: center;
	justify-content: center;
	gap:2.5rem;
}
#EBook .cont .d-flex .logo {
	width:18.1rem;
}
#EBook .cont .book_img {
	width:33.75rem;
}
#EBook .cont .right {
	display:inline-block;
	text-align:left;
	width:33.75rem;
}
#EBook .cont .right h1 {
	color:#1661AD;
	font-size:3.3rem;
	line-height:1.1;
	font-weight: 800;
	letter-spacing:-0.16rem;
}
#EBook .cont .right h1 span {
	font-weight: 500;
}
#EBook .cont .right h2 {
	color: #003063;
	font-size:2.7rem;
	font-weight: 800;
	letter-spacing:-0.16rem;
}
#EBook .cont .right h3 {
	color:#4A4A49;
	font-size:2rem;
	line-height:1.3;
	letter-spacing:-0.1rem;
}
#EBook .cont .right .btn {
	display:inline-flex;
	display:-webkit-inline-flex;
	align-items: center;
	background:linear-gradient(to right, #1661AD, #009C96);
	padding:1rem;
	border-radius:0.5rem;
	color:#fff;
	font-size:1.3rem;
	font-weight:500;
	width:100%;
	justify-content: space-between;
	width:25rem;
}
#EBook .cont .right .btn img {
	width:1.8rem;
}

.mb_5 { margin-bottom:0.25rem;}
.mb_10 { margin-bottom:0.5rem;}
.mb_15 { margin-bottom:0.75rem;}
.mb_20 { margin-bottom:1rem;}
.mb_30 { margin-bottom:1.5rem;}
.mb_40 { margin-bottom:2rem;}
.mb_45 { margin-bottom:2.25rem;}
.mb_50 { margin-bottom:2.5rem;}
.mb_60 { margin-bottom:3rem;}
.mb_70 { margin-bottom:3.5rem;}
.mb_80 { margin-bottom:4rem;}
.mb_85 { margin-bottom:4.25rem;}
.mb_100 { margin-bottom:5rem;}
.mb_120 { margin-bottom:6rem;}

@media screen and (max-width: 1750px) {
	nav {
		padding:0.65rem 1.6rem;
	}
	.cont {
		padding: 4rem 1.6rem 5rem;
	}
	.wrap_1720 {
		width: 95%;
	}
	#Timeline .top .text_wrapper {
		width: 45%;
	}

}
@media screen and (max-width: 1680px) {
	html {
		font-size:18px;
	}
	.wrap_1720 {
		width:90%;
	}
	.wrap_1620 {
		width:90%;
	}
	#History .top_visual .right p br {
		display:none;
	}
	.his_cont .right {
		padding-left:45px;
	}
	.top_visual .right p br{
		display:none;
	}
	.his_list li.img_li p {
		max-width:calc(100% - 320px);
	}
	.his_list li small {
		max-width:calc(100% - 320px);
	}
	.his_list li small br {
		display:none;
	}
	.his_list li .img_wrap {
		width:300px;
		height:176px;
		top:-30px;
	}
}
@media screen and (max-width: 1440px) {
	html {
		font-size:16px;
	}
	
	.tab_list li a {
		font-size:19px;
	}
	.wrap_1350 {
		width:90%;
	}
	#Trainee .tab_cont>.d-flex {
		justify-content: space-around;
	}
	#EBook .cont .d-flex {
		gap:0;
	}
}
@media screen and (max-width: 1380px) {
	body {
		overflow-x:auto;
	}
	.his_list li .img_wrap {
		width:400px;
		height:235px;
		position:relative;
		top:0;
		margin-top:20px;
	}
	.his_list li.img_li p {
		max-width:100%;
	}
	.his_list li small {
		max-width:100%;
		min-height:auto;
	}
	#Timeline .top .img_wrapper {
		height: 28rem;
	}
}
@media screen and (max-width:1280px) {
	html {
		font-size:14px;
	}
	.wrap_1280 {
		width:90%;
	}
	.post_list {
		gap:1.5rem;
	}
	.post_list li {
		width:calc((100% - 3rem) / 3);
	}
	#Timeline .bottom .btn {
		padding:1.65rem 2rem;
		gap:1rem;
	}
	#Major .major_swiper_wrap {
		padding:0 5.5rem;
	}
	#Major .major-swiper-next {
		right:0;
	}
	#Major .major-swiper-prev {
		left:0;
	}

	#Improvement .home_list {
		width:90%;
	}
	#EBook .cont {
		padding:3rem 0 5rem;
	}
	#EBook .cont .book_img {
		max-width:60%;
	}
	.keywords.tab03 .art2 .art_img {
		width: 34%;
		right: 0%;
	}
}
@media screen and (max-width : 1024px) {
	nav {
		display:none;
	}
	.head_area {
		display:block;
	}
	.banner {
		padding-top:10rem;
	}
	.banner .category li {
		font-size:1rem;
	}
	#Timeline .top>.d-flex {
        flex-direction: column;
        gap: 1.5rem;
    }
	#Timeline .timeline_sel.nice-select {
		margin-bottom: 0;
	}
	#Timeline .bar {
		display: block;
		width: 100%;
		height: 1px;
		background: #000;
		opacity: 0.2;
		margin: 1rem 0;
	}
	#Timeline .top .text_wrapper {
		width: 100%;
	}
	#Timeline .top .chapter_text {
		max-width: 100%;
	}
	#Timeline .top .chapter_text::after {
		display: none;
	}
	#Timeline .top .img_wrapper {
		width: 100%;
		height: 37.5rem;
	}
	#Timeline .bottom .btn {
		padding:1rem 1.5rem;
		width:calc(50% - 0.75rem);
		position:relative;
	}
	#Timeline .bottom .wrap_1620 {
		gap:1.5rem;
	}
	#Major .major_swiper .swiper-slide .text>*:not(hr) {
		padding:0 1.5rem;
	}
	#Major .major_swiper .swiper-slide .text {
		width:40%;
	}
	#Inspection .cont {
		overflow:hidden;
	}
	#Inspection .art1 {
		transform:scale(1.2);
		margin:4rem 0 9rem;
	}
	#Inspection .art2 {
		transform:scale(1.3);
		margin:4rem 0 9rem;
	}
	#Inspection .art3 {
		transform:scale(1.3);
		margin:4rem 0 9rem;
	}
	#Inspection .art4 {
		transform:scale(1.3);
		margin:4rem 0;
	}
	#Inspection article p[class^=text] {
		transform: translate(-50%, -20%) scale(0.75) !important;
	}
	#Inspection .art1 p[class^=text] {
		transform: translate(-50%, -20%) scale(0.8) !important;
	}
	#Gas .tab_cont{
		overflow:hidden;
	}
	#Gas .art1 .art_cont {
		transform:scale(1.2);
	}
	#Gas article p[class^=text] {
		font-size:1.2rem;
	}

	.keywords_list {
		gap:0.5rem;
	}
	#Trainee .tab_cont>.d-flex {
		justify-content: space-between;
		gap:1rem;
	}
	#Trainee .cont_img {
		width:calc(100% - 44rem);
	}
	#Keywords .keywords_list {
		gap:0;
	}
	#Keywords .art1 .cont_img {
		max-width:14.4rem;
		width:calc(100% - 43rem);
	}
	#Keywords .art2 .d-flex {
		justify-content: space-between;
	}
	#Keywords .art2 .cont_img {
		max-width: 18.75rem;
		width:calc(100% - 40rem);
	} 

	#EBook .cont .book_img {
		max-width:calc(100% - 20rem);
		margin-left:-5%;
	} 
	.keywords.tab03 article p[class^=text] {
    	line-height: 2.1rem;
	}
	.keywords.tab01 .art2 .art_img {
		top: 12%;
	}
	.keywords.tab01 .art5 .art_img {
		top: 10%;
	}
	.keywords.tab02 .art2 .art_img {
		top: 10%;
	}
}
@media screen and (max-width : 900px) {
	footer .d-flex {
		flex-direction: column;
        align-items: flex-start;
		position:relative;
	}
	footer a {
		position:absolute;
		right:0;
		top:0;
	}
	#Timeline .bottom .btn {
		flex-direction: column;
		align-items: flex-end;
		gap:0.75rem;
		padding:1.5rem 1.5rem 1.5rem 4.5rem;
		width:calc(50% - 0.5rem);
	}
	#Timeline .bottom .btn:last-child {
		padding:1.5rem 4.5rem 1.5rem 1.5rem;
		flex-direction: column;
		align-items: flex-start;
	}
	#Timeline .bottom .btn img {
		position:absolute;
		top:50%;
		left:1.5rem;
		transform:translate(0,-50%);
	}
	#Timeline .bottom .btn>span {
		padding-left:0;
		border-left:none;
		border-bottom:1px solid rgba(0,0,0,.2);
		padding-bottom:0.3rem;
	}
	#Timeline .bottom .btn:last-child img {
		position:absolute;
		top:50%;
		right:1.5rem;
		left:auto;
		transform:translate(0,-50%);
	}
	#Timeline .bottom .btn:last-child>span {
		border-right:0;
	}
	#Timeline .bottom .wrap_1620 {
		gap:1rem;
	}
	.tab_nav {
		flex-wrap:wrap;
	}
	.tab_nav li {
		width: calc((100% - 1.2rem) / 3);
		height: 3.85rem;
	}
	#Major .major_swiper_wrap {
		padding:0 4.5rem;
	}
	#Major .major_swiper_wrap .wrap_1350 {
		width:100%;
	}
	#Major .major_swiper .swiper-slide {
		flex-direction: column-reverse;
	}
	#Major .major_swiper .swiper-slide .text {
		width:100%;
		padding:2rem 0 2.5rem;
	}
	#Major .major_swiper .swiper-slide .right {
		width:100%;
	}
	#Major .major_swiper .swiper-slide .text>*:not(hr) {
		padding:0 2rem;
	}
	#Major .major_swiper .swiper-slide .text hr {
		margin-bottom:1rem;
	}

	#Trainee .keywords_list {
		transform: scale(0.85);
        transform-origin: left bottom;
        margin-right: -12%;
		gap:0;
	}	
	#Trainee .cont_img {
        width: calc(100% - 34rem);
    }
	#Trainee .tab_cont>.d-flex {
		height:21rem;
	}
	#Conduct .tab_cont>.d-flex {
		justify-content: space-between;
	}
	#Conduct .beaker_list li p {
		width:5rem;
	}
	#Conduct .cont_img {
		max-width:16.8rem;
		width:calc(100% - 32rem);
	}
	#Improvement .art2 .d-flex {
		justify-content: space-between;
	}
	#Improvement .keywords_list {
		gap:0rem;
	}
	#Keywords .art1 .cont_img {
		width:calc(100% - 40rem);
	}
	#Keywords .keywords_list {
		transform:scale(0.9);
		transform-origin:left bottom;
		margin-right:-8%;
	}
	#Keywords .art1 .d-flex {
		height:31rem;
	}
	#Keywords .art2 .cont_img {
        width: calc(100% - 36rem);
    }
	.keywords.tab03 article p[class^=text] {
    	font-size: 1.2rem;;
		line-height: 1.8rem;
	}
	.keywords.tab03 .art2 .art_img {
		top: 2%;
	}
}
@media screen and (max-width:768px) {
	html {
		font-size:12px;
	}
	.mob_br {
		display:inline-block;
	}
	.web_br {
		display:none;
	}
	footer .d-flex>p {
		font-size:0.9rem;
	}
	.top_btn {
		bottom:2rem;
		width:5rem;
		height:5rem;
	}
	.top_btn img {
		display:block;
		width:5rem;
	}
	.art_tit {
		font-size:1.3rem;
	}
	.banner .banner_tit {
		font-size:2.5rem;
	}
	.banner .banner_subtit {
		font-size:1.2rem;
	}
	.swiper-pagination {
		display:-webkit-box;
		display:flex;
		align-items: flex-start;
		justify-content: center;
	}
	.post_list li {
        width: calc((100% - 1.5rem) / 2);
    }
	.tab_nav li a {
		font-size:1.2rem;
	}
	.timeline_sel.nice-select::after {
		width:3rem;
	}
	.detail_layer .close {
		width:3rem;
	}
	#Major .swiper-pagination-bullet {
		width:20%;
		padding-right:0.5rem;
		padding-left:0.5rem;
	}
	#Major .swiper-pagination-bullet:first-child {
		padding-left:0;
	}
	#Major .swiper-pagination-bullet:last-child {
		padding-right:0;
	}

	#Timeline .top>.d-flex {
		flex-direction: column;
		gap:3rem;
	}
	#Timeline .top h3::after {
		right: auto;
        left: -6%;
        width: calc(20rem + 11.2%);
	}
	#Timeline .top .chapter_text::after {
		top: 37.2rem;
	}
	.timeline_sel.nice-select {
		display:inline-block;
		margin-bottom:2rem;
	}
	#Timeline .top .iframe_wrapper {
		width:100%;
	}
	#Timeline .top .img_wrapper {
		width:100%;
	}
	#Timeline .top h3 {
		line-height:1.5;
	}
	#Timeline .middle .swiper-slide p {
		font-size:1.05rem;
	}
	#Timeline .bottom .btn {
		padding-bottom:1.2rem !important;
	}
	#Timeline .bottom .btn em {
		line-height:1.4;
	}

	#Major .major_swiper_wrap {
		padding:0 4rem;
	}
	#Major .tab_cont div[class^=major-swiper] img {
		width:3.1rem;
	}

	.keywords .tab_nav li a {
		font-size:0.92rem;
	}
	.keywords .change .past h3 {
		font-size:1.8rem;
	}
	.keywords .change h3 {
		font-size:2.5rem;
	}
	#Trainee .keywords_list {
		transform: scale(0.8);
		margin-right:-15%;
	}
	#Trainee .cont_img {
		max-width: 20rem;
        width: calc(100% - 31.5rem);
	}
	#Trainee .tab_cont>.d-flex {
		gap:0.5rem;
	}
	#Personnel .tab_cont ul li .d-flex span[class^=counter] {
		font-size:1.8rem;
	}
	#Personnel .tab_cont ul li .d-flex {
		gap:1rem;
	}
	#Inspection article p[class^=text] span[class^=counter] {
		font-size:1.3rem;
	}
	#Gas .art1 .art_cont {
		margin-top:7rem;
	}
	#Improvement .home_list li .home ,
	#Improvement .home_list li .bar{
		width:5rem;
	}
	#Improvement .art2 .d-flex {
		gap:0rem;
	}
	#Improvement .art2 .cont_img {
		width:calc(100% - 38.5rem);
		max-width:9rem;
	}
	#Improvement .keywords_list li{
		transform:scale(0.9);
		transform-origin:center bottom;
	}
	#Improvement .home_list li h4 {
		margin-top:2.3rem;
	}
	#Keywords .art1 .cont_img {
		width: calc(100% - 33rem);
		max-width:12rem;
	}
	#Keywords .keywords_list {
		transform:scale(0.8);
		margin-right:-25.5%;
	}
	#Keywords .keywords_list li {
		margin:0 -1%;
	}
	#Keywords .art1 .d-flex {
        height: 28rem;
    }
	#Keywords .accident_list {
        margin-right: -18%;
        transform: scale(0.75);
		height:24.5rem;
    }
	#Keywords .art2 .cont_img {
		margin-bottom:2.5rem;
		width: calc(100% - 31.5rem);
	}
	#Keywords .art2_bg {
		transform: translate(0, -3.6rem);
	}

	#EBook .cont .d-flex {
		flex-direction: column;
	}
	#EBook .cont .book_img {
		max-width:90%;
	}
	#EBook .cont .right {
		width:27.8rem;
	}
	#EBook .cont .right .btn {
		display:flex;
		display:-webkit-flex;
		width:27.8rem;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.keywords.tab02 .art2 .art_img {
		top: 14%;
	}
	.keywords.tab03 .art2 .art_img {
		width: 30%;
		top: 4%;
	}
}
@media screen and (max-width:600px) {
	#Major .major_swiper .swiper-slide .text>*:not(hr) {
		padding:0 1.5rem;
	}
	#Major .major_swiper .swiper-slide .text h5 {
		font-size:1.1rem;
	}
	#Major .major_swiper .swiper-slide .text h4 {
		font-size:1.4rem;
	}
	.keywords .change .arrow {
		width:3.5rem;
		transform: translate(0, -20%);
	}
	#Trainee .keywords_list {
		transform: scale(0.65);
        margin-right: -33.33%;
	}
	#Trainee .cont_img {
        width: calc(100% - 26.5rem);
	}
	#Conduct .beaker_list li p {
		width:4rem;
	}
	#Conduct .cont_img {
		width:calc(100% - 26rem);
	}
	#Improvement .art1_bg {
		height:1.2rem;
	}
	#Improvement .art2 .d-flex {
		justify-content: space-between;
		gap:0.5rem;
		height:24rem;
	}
	#Improvement .keywords_list li{
		transform:scale(0.85);
	}
	#Improvement .keywords_list li p {
		margin:0 -5%;
	}
	#Improvement .art2 .keywords_list li p span {
		font-size:1.7rem;
	}
	#Improvement .art2 .keywords_list li:last-child p {
		width:8.5rem;
	}
	#Improvement .home_list li h4 {
		margin-top:2.5rem;
	}
	#Improvement .art2 {
		overflow:hidden;
	}
	#Improvement .art2 .cont_img {
        width: calc(100% - 29rem);
    }
	#Improvement .timer_list {
		margin-right: -31%;
		margin-bottom:2%;
	}
	#Improvement .timer_list li {
        transform: scale(0.7);
		margin:0 -3%;
    }
	#Gas article p[class^=text] {
		font-size:1rem;
		transform:translate(-50%,-40%) !important;
	}
	#Keywords .keywords_list {
        transform: scale(0.7);
        margin-right: -41%;
    }
	#Keywords .art1 .art1_bg {
		transform: translate(0, -4.5rem);
	}
	#Keywords .art1 .cont_img {
		width:calc(100% - 27rem);
	}
	#Keywords .art2 .d-flex {
		gap:0.5rem;
	}
	#Keywords .art2 .cont_img {
        width: calc(100% - 23.5rem);
    }
	#Keywords .accident_list {
        margin-right: -31%;
        transform: scale(0.65);
    }
	#Keywords .accident_list li {
        transform:scale(0.9);
		transform-origin:center bottom;
		margin:0;
	}
	#Keywords .accident_list li p {
		font-size:1.3rem;
		width:4.4rem;
	}
	#Keywords .accident_list li p span {
		font-size:1.9rem;
	}
	.keywords.tab01 .art2 .art_img {
        right: -5%;
    }
	.keywords.tab02 .art2 .art_img {
		top: 28%;
	}

	.keywords.tab03 article p[class^=text] {
		font-size: 0.7rem;
        line-height: 1.2rem;
	}
	.keywords.tab03 .art2 .art_img {
		top: 6.5%;
	}
	
}
@media screen and (max-width:480px) {
	html {
		font-size:10px;
	}
	#Timeline .top .img_wrapper {
		height: 50.5vw;
	}
	#Timeline .top .chapter_text::after {
        top: 47%;
    }
	.post_list li p {
		font-size: 1.1rem;
        line-height: 1.4;
        height: calc(80% - 5rem);
	}
	.post_list li h4 {
		font-size:1.2rem;
		bottom:2rem;
	}
	.keywords .change h3 small {
		font-size:1.1rem;
	}
	.keywords .change h3 {
		font-size:2rem;
	}
	.keywords .change .past h3 {
		font-size:1.3rem;
	}
	.keywords .change .arrow {
		width: 3.2rem;
	}
	#Keywords .tab_tit {
		font-size: 1.8rem;
    	display: grid;
		word-break: keep-all;
	}
	#Keywords .art2 .art_tit.blue em {
		width: 11.8rem !important;
	}
	#Keywords .art2 .art_tit.aqua em {
		width: 6.65rem !important;
	}
	#Keywords .art2 .art_tit.navy em {
		width: 14.15rem !important;
	}
	#Keywords .art2 .cont_img {
		margin-bottom:2.2rem;
	}
	#Keywords .art2_bg {
		height:2rem;
		transform:translate(0, -3rem);
	}
	#Keywords .art2 .cont_img {
		width:calc(100% - 24.5rem);
	}
	#Keywords .accident_list {
		margin-right:-33.33%;
	}
	#EBook .cont .right .btn {
		width:27.8rem;
	}
	.keywords.tab01 .art2 .art_img {
        width: 45%;
        top: 15%;
        right: -5%;
    }
	.keywords.tab01 .art3 .art_img {
		top: 17%;
	}
	#Keywords .art5 .art_tit.blue em {
		width: 11.15rem !important;
	}
	#Keywords .art5 .art_tit.aqua em {
		width: 9.15rem !important;
	}
	.keywords.tab01 .art5 .art_img {
		width: 45%;
        top: 15%;
        right: -5%;
	}
	.keywords.tab02 .art2 .art_img {
		top: 38%;
	}
	.keywords.tab03 article p[class^=text] {
		font-size: 0.6rem;
        line-height: 1rem;
	}
	.keywords.tab03 .art2 .art_img {
		top: 6.5%;
	}
}
@media screen and (max-width:390px) {
	.keywords.tab01 .art2 .art_img {
        width: 40%;
        right: -7%;
    }
	.keywords.tab01 .art5 .art_img {
		width: 40%;
        right: -7%;
	}
}
@media screen and (max-width:375px) {

}
@media screen and (max-width:344px) {
	.keywords.tab01 .art2 .art_img {
        top: 8%;
    }
	.keywords.tab01 .art3 .art_img {
		top: 22%;
        right: -2%;
	}
	.keywords.tab01 .art5 .art_img {
		top: 15%;
	}
	.keywords.tab02 .art2 .art_img {
		top: 46%;
        right: -3%;
	}
	.keywords.tab03 .art2 .art_img {
		top: 12.5%;
		width: 50%;
	}
	
}
@media screen and (max-width:320px) {

}